พื้นผิวและความลึก

แพลตฟอร์มมีเนื้อหา โดยจะช่วยให้ผู้ใช้เห็นจุดโฟกัสที่ชัดเจนภายในขอบเขตการมองเห็น ซึ่งอาจมีเนื้อหาหรือการดำเนินการ 

ความลึกช่วยสร้างความรู้สึกสบายและลำดับชั้น

ความลึกบนแว่นตาคือการผสมผสานการจัดวางในพื้นที่ Z และเงาเพื่อสร้างลำดับชั้นผ่านระดับการเน้นที่แตกต่างกัน

ใช้สีพื้นผิวที่แตกต่างกันเพื่อเน้นความลึก

ใช้สีพื้นผิวที่แตกต่างกัน เช่น Surface Container Low เพื่อสร้างเอฟเฟกต์คอนทราสต์ที่มากขึ้นสำหรับความลึก เงาต้องเป็นสีดำทึบทั้งหมดเพื่อให้ได้เอฟเฟกต์

พื้นผิวควรโปร่งใสเสมอเพื่อเพิ่มคอนทราสต์ในสภาพแวดล้อมส่วนใหญ่

check_circle

ควรทำ

อย่าลืมตั้งค่าโหมดการผสมเป็น "หน้าจอ" เพื่อดูตัวอย่างว่าพื้นผิว UI จะแสดงบนจอแสดงผลแบบโปร่งใสอย่างไร

cancel

สิ่งที่ไม่ควรทำ

ใช้โหมดผสมปกติขณะออกแบบเนื่องจากจะทำให้ไม่เห็นภาพที่สมจริง