หน้านี้ได้รับการแปลโดย Cloud Translation API

ตารางกริด

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

ตารางสามารถเลื่อนดูได้ในแนวตั้ง และสามารถปรับเปลี่ยนขนาด ระยะห่าง และจำนวนคอลัมน์ได้ นอกจากนี้ เนื้อหาในตารางยังสามารถจัดกลุ่มเป็นหมวดหมู่ได้อีกด้วย

ส่วนประกอบรายการ

การใช้รายการเป็นอีกวิธีหนึ่งในการแสดงเนื้อหาที่ต้องการข้อความอธิบายเพิ่มเติม

กายวิภาคศาสตร์

ตารางประกอบด้วยข้อความและส่วนควบคุม UI เนื่องจากผู้ใช้ต้องตอบสนองต่อตารางเหล่านี้ จึงไม่ควรถูกบดบังด้วยองค์ประกอบอื่นหรือขอบหน้าจอ

1. รายการในตาราง
2. ข้อความหลักและข้อความรอง
3. พื้นหลังแบบตาราง

ข้อมูลจำเพาะ

ส่วนประกอบรายการ

รายละเอียด คุณสมบัติ และอื่นๆ

ตารางเนื้อหา (3 หรือ 4 คอลัมน์)

ตารางแอป (4 คอลัมน์)

ตารางแสดงแอปพลิเคชัน โดยมีรายการที่ใช้งานบ่อยอยู่แถวบนสุด

การจัดวางไอคอนตัวบ่งชี้ในรูปแบบตาราง

การปรับขนาดเลย์เอาต์

เค้าโครงอ้างอิงเหล่านี้แสดงวิธีการปรับตารางให้เหมาะสมกับหน้าจอที่มีความกว้างและความสูงต่างกัน โปรดทราบว่าค่าพิกเซลทั้งหมดเป็นค่าพิกเซลที่แสดงผลแล้ว ก่อนที่จะมีการลดขนาดหรือเพิ่มขนาดพิกเซลใดๆ

หน้าจอความกว้างมาตรฐาน

จอกว้าง

สำหรับหน้าจอไวด์สกรีน แนะนำให้ใช้การจัดวางแบบ 3 คอลัมน์ หากใช้การจัดวางแบบ 4 คอลัมน์ ให้รักษขนาดไทล์ขั้นต่ำไว้ที่ 219dp

หน้าจอกว้างพิเศษและกว้างมาก

ระยะห่างแนวตั้งของตารางแอปบนหน้าจอที่มีความสูงแตกต่างกัน

สำหรับหน้าจอขนาดเล็ก ควรลดระยะห่างแนวตั้งระหว่างองค์ประกอบเนื้อหาในตาราง และระหว่างไอคอนแอปและชื่อแอป

สไตล์

การจัดพิมพ์

รูปแบบตัวอักษร	แบบอักษร	น้ำหนัก	ขนาด (dp)
ร่างกาย 1	โรโบโต	ปกติ	32
ส่วนที่ 2	โรโบโต	ปกติ	28
ส่วนที่ 3	โรโบโต	ปกติ	24

สี

องค์ประกอบ	สี (โหมดกลางวัน)	สี (โหมดกลางคืน)
ประเภทหลัก / ไอคอน	สีขาว	สีขาว @ 88%
ประเภท/ไอคอนรอง	สีขาว @ 72%	สีขาว @ 60%
เส้นแบ่ง	สีขาว @ 22%	สีขาว @ 12%
พื้นหลังตาราง	สีดำ	สีดำ
เนื้อหา scrim	ไม่มีข้อมูล	สีดำ @ 22%
ตัดทอนความชัน	สีดำที่ระดับ 0-100% ในพื้นที่ข้อความ 10%	สีดำที่ระดับ 0-100% ในพื้นที่ข้อความ 10%