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

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

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

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

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

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

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

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

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

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

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