ขนาดของไอคอน รูปโปรไฟล์ และเป้าหมายการสัมผัสเป็นสิ่งสำคัญสำหรับการลดสิ่งรบกวนผู้ขับขี่
เป้าหมายการสัมผัสขนาดกว้างช่วยให้ผู้ขับขี่สามารถโต้ตอบกับแอปและกลับมาสนใจการขับรถได้ง่ายและรวดเร็ว
คำแนะนำโดยย่อ (TL;DR):
- ใช้ไอคอนมาตรฐานและขนาดรูปโปรไฟล์เพื่อความสอดคล้อง
- ขนาดเป้าหมายการสัมผัสขั้นต่ำคือ 76 x 76dp
- จัดตำแหน่งไอคอนและองค์ประกอบให้อยู่กึ่งกลางภายในเป้าหมายการสัมผัส
ขนาดไอคอน
ขนาดไอคอนมาตรฐานที่ Android สำหรับรถยนต์ใช้มีดังนี้
![ขนาดไอคอน Android สำหรับรถยนต์](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=1&hl=th)
ไอคอนหลัก | ไอคอนรอง | ไอคอนลำดับสาม |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24dp |
ขนาดรูปโปรไฟล์
ขนาดรูปโปรไฟล์มาตรฐานที่ Android สำหรับรถยนต์ใช้มีดังนี้
![ขนาดรูปโปรไฟล์ Android สำหรับรถยนต์](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=1&hl=th)
รูปโปรไฟล์ขนาดเล็ก | รูปโปรไฟล์ขนาดกลาง | รูปโปรไฟล์ขนาดใหญ่ |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
การปรับแนวไอคอนและเป้าหมายการสัมผัส
ขนาดเป้าหมายการสัมผัสขั้นต่ำใน Android สำหรับรถยนต์คือ 76 x 76dp เป้าหมายการสัมผัสต้องใหญ่พอที่จะทำให้คนขับเห็นและตัดสินใจเลือกได้ง่ายในขณะที่รถเคลื่อนที่ องค์ประกอบต่างๆ เช่น ปุ่ม ควรอยู่ตรงกลางภายในขอบเขตของเป้าหมายการสัมผัส และไม่มีส่วนใดขององค์ประกอบที่อยู่นอกขอบเขตของเป้าหมายการสัมผัส
![รักษาขนาดเป้าหมายการสัมผัสให้เท่ากับหรือสูงกว่า 76 x 76dp](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=1&hl=th)
สิ่งที่ควรทำ
![จัดตำแหน่งกึ่งกลางภายในพื้นที่เป้าหมายการสัมผัส](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=1&hl=th)
สิ่งที่ควรทำ
![อย่าจัดองค์ประกอบให้ชิดขอบใดขอบหนึ่งของเป้าหมายการสัมผัส](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=1&hl=th)
สิ่งที่ไม่ควรทำ
![ไม่อนุญาตให้องค์ประกอบหลุดออกนอกเป้าหมายการสัมผัส](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=1&hl=th)
สิ่งที่ไม่ควรทำ