تُعتبر أحجام الرموز والصور الرمزية وأهداف اللمس اعتبارات مهمة للحدّ من تشتيت السائق.
تسهِّل مساحات اللمس الكبيرة الحجم على السائقين التفاعل مع التطبيقات وجذب الانتباه إليهم بشكل أسرع.
إرشادات سريعة:
- استخدام الأحجام العادية للرموز والصور الرمزية للحفاظ على الاتّساق
- الحدّ الأدنى لحجم هدف اللمس هو 76 × 76 بكسل مستقل الكثافة
- محاذاة الرموز والعناصر وتوسيطها داخل مساحات اللمس
أحجام الرموز
في ما يلي أحجام الرموز القياسية التي يستخدمها Android للسيارات:
![أحجام رموز Android للسيارات](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=6&hl=ar)
الرمز الأساسي | الرمز الثانوي | رمز ثالثي |
---|---|---|
44 × 44 بكسل مستقل الكثافة | 36 × 36 بكسل مستقل الكثافة | 24 × 24 بكسل مستقل الكثافة |
أحجام الصور الرمزية
في ما يلي الأحجام القياسية للصور الرمزية التي يستخدمها Android للسيارات:
![أحجام الصور الرمزية في Android للسيارات](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=6&hl=ar)
صورة رمزية صغيرة | صورة رمزية متوسطة | صورة رمزية كبيرة |
---|---|---|
56 × 56 بكسل مستقل الكثافة | 76 × 76 بكسل مستقل الكثافة | 96 × 96 بكسل مستقل الكثافة |
محاذاة الرموز وأهداف اللمس
الحد الأدنى لحجم ناحية اللمس المستهدفة في "Android للسيارات" هو 76 × 76 بكسل مستقل الكثافة. يجب أن تكون مساحات اللمس كبيرة بما يكفي لتكون سهلة الفهم ويمكن للسائق اختيارها بسهولة أثناء تحرك السيارة. يجب وضع عناصر مثل الأزرار في وسط حدود هدف اللمس، ويجب ألا يقع أي جزء من العنصر خارج حدود هدف اللمس.
![يجب أن تكون أحجام الأهداف التي تعمل باللمس بدقة 76 × 76 بكسل مستقل الكثافة أو أكثر.](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=6&hl=ar)
الإجراءات المقترَحة
![توسيط العناصر داخل منطقة اللمس](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=6&hl=ar)
الإجراءات المقترَحة
![عدم محاذاة العنصر مع حافة واحدة من مساحة اللمس](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=6&hl=ar)
الإجراءات التي يجب تجنّبها
![عدم السماح بخروج العناصر خارج منطقة اللمس](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=6&hl=ar)
الإجراءات التي يجب تجنّبها