الأشكال

تساعد الأشكال في التأكيد على أهمية بعض عناصر الشاشة بالنسبة إلى عناصر أخرى.

إرشادات سريعة:

  • استخدام زوايا أكثر دائرية (نصف قطر الزاوية الأعلى) للإجراءات والمكونات الأساسية
  • استخدام زوايا مربعة وأقل استدارة (نصف قطر الزاوية السفلي) للعناصر المنخفضة التوكيد

قيم نصف قطر الزاوية

يوفر Android للسيارات مجموعة من قيم نصف قطر الزاوية التي تهدف إلى التأكيد على أهمية عناصر الشاشة المختلفة بالنسبة إلى العناصر الأخرى.

قيم نصف قطر الزاوية
R0 R1 R2 R3 R4
0dp 4 بكسل مستقل الكثافة 8 بكسل مستقل الكثافة 16 بكسل مستقل الكثافة اكتمل الشحن.

استخدام التقريب للتأكيد

تنشئ الأشكال المستديرة والمربّعة في Android Automotive تسلسلاً هرميًا مرئيًا يجذب انتباه المستخدمين إلى العناصر التي تُشدّد بشكل أكبر. تحتوي العناصر التي يتم التركيز عليها الأعلى على زوايا أكثر استدارة، مع نصف قطر زاوية أكبر. تحتوي عناصر التوكيد الأقل على زوايا أقل استدارة، ونصف قطر زاوية أصغر.

أمثلة لجميع المستويات الأربعة لنصف القطر الزاوية
أمثلة على أربعة مستويات من نصف القطر الزاوية، من الأدنى (0dp = مربّع) إلى الأعلى (دائري)

0dp: الخط القاعدي

استخدِم زوايا 0dp (مربّعة) للعناصر الأساسية التي لا تحتاج إلى أيّ توكيد إضافي. يجب أن تستخدم بُنى التخطيط الأساسية، مثل أشرطة الأدوات أو القوائم، زوايا 0dp. يجب أن تحتوي الصور أيضًا على زوايا 0dp، إلا إذا كانت مغطاة بحاوية دائرية (مثل بطاقة) أو في حالة محدّدة.

مثال على زاوية مربّعة
لا تحتاج أغلفة الألبومات في الشبكة اليمنى إلى أي توكيد إضافي بالنسبة إلى بعضها البعض أو مع العناصر الأخرى المعروضة، لذلك تحتوي على زوايا 0dp (تظهر التفاصيل على اليسار)

8dp: مستوى منخفض من التركيز

8dp هو نصف القطر الزاوية الافتراضي للأشكال المستديرة. استخدم هذا الشكل للإشارة إلى العناصر التفاعلية منخفضة التوكيد، مثل البطاقات والحاويات.

مثال على التوكيد المنخفض بقيمة 8dp
تستخدم بطاقة الإشعار المعروضة هنا النطاق التلقائي للزاوية وهو 8 وحدات بكسل مستقلة الكثافة (المعروض على اليمين)، ما يقلّل من توكيدها مقارنةً بأزرار الإجراءات الظاهرة على البطاقة (كما هو موضّح على اليسار)، وهي أكثر أهمية.

16dp: توكيد متوسط

استخدِم نصف قطر زاوية يبلغ 16 بكسل مستقل الكثافة للمكوّنات التي تتطلّب تركيزًا متوسطًا، بما في ذلك العناصر التفاعلية والمكوّنات القابلة للتوسيع.

مثال على الزاوية المتوسطة بحجم 16dp
في هذه الحالة، يتم استخدام نصف قطر زاوية يبلغ 16 بكسل مستقل الكثافة للتشديد بدرجة متوسطة على البطاقة السفلية، وهو أمر أكثر أهمية مؤقتًا من المحتوى الحالي على الشاشة.

دائري - توكيد عالٍ

الأشكال الدائرية لها تأثير مرئي أكبر على الأشكال المستقيمة الخطية في الغالب. ويجب أن تكون محجوزة للمكونات عالية التركيز، مثل FAB، والشرائح، والتطبيقات المصغّرة.

مثال على زاوية مستديرة بالكامل بتركيز عالٍ
يتم استخدام الزوايا المستديرة بالكامل والأشكال الدائرية هنا للتأكيد على FAB في أسفل اليسار، وأزرار الإجراءات في أعلى اليمين، وFAB في أسفل اليسار