सरफ़ेस और डेप्थ

सरफ़ेस में कॉन्टेंट मौजूद है. ये उपयोगकर्ता की नज़र के दायरे में साफ़ तौर पर फ़ोकस पॉइंट दिखाते हैं. इनमें कॉन्टेंट या कार्रवाइयां शामिल हो सकती हैं. 

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

गहराई से, आराम और क्रम का एहसास होता है

चश्मे की गहराई, z-स्पेस में प्लेसमेंट और शैडो का कॉम्बिनेशन होती है. इससे अलग-अलग लेवल पर ज़ोर देकर, हाइरार्की का एहसास कराया जाता है.

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

गहराई दिखाने के लिए, सतह के रंग के अलग-अलग वर्शन का इस्तेमाल करना

गहराई के लिए ज़्यादा कंट्रास्ट वाला इफ़ेक्ट बनाने के लिए, Surface Container Low जैसे सर्फ़ेस कलर वैरिएंट का इस्तेमाल करें. इफ़ेक्ट पाने के लिए, शैडो को पूरी तरह से काले रंग का होना चाहिए.

डिज़ाइन एलिमेंट, फ़्रेम के सबसे नीचे होने चाहिए.

ज़्यादातर एनवायरमेंट में कंट्रास्ट को ज़्यादा से ज़्यादा करने के लिए, सतहें हमेशा पारदर्शी होनी चाहिए.

पक्का करें कि आपने ब्लेंड मोड को स्क्रीन पर सेट किया हो, ताकि यह देखा जा सके कि यूज़र इंटरफ़ेस (यूआई) की सतहें, पारदर्शी डिसप्ले पर कैसे दिखेंगी.
डिजाइन करते समय, सामान्य ब्लेंड मोड का इस्तेमाल करें, क्योंकि इससे असली जैसा अनुभव नहीं मिलेगा.