تساعد الأشكال في التأكيد على أهمية بعض عناصر الشاشة بالنسبة إلى عناصر أخرى.
إرشادات سريعة:
استخدام زوايا أكثر دائرية (نصف قطر الزاوية الأعلى) للإجراءات والمكونات الأساسية
استخدام زوايا مربعة وأقل استدارة (نصف قطر الزاوية السفلي) للعناصر المنخفضة التوكيد
قيم نصف قطر الزاوية
يوفر Android للسيارات مجموعة من قيم نصف قطر الزاوية التي تهدف إلى التأكيد على أهمية عناصر الشاشة المختلفة بالنسبة إلى العناصر الأخرى.
R0
R1
R2
R3
R4
0dp
4 بكسل مستقل الكثافة
8 بكسل مستقل الكثافة
16 بكسل مستقل الكثافة
اكتمل الشحن.
استخدام التقريب للتأكيد
تنشئ الأشكال المستديرة والمربّعة في Android Automotive تسلسلاً هرميًا مرئيًا يجذب انتباه المستخدمين إلى العناصر التي تُشدّد بشكل أكبر. تحتوي العناصر التي يتم التركيز عليها الأعلى على زوايا أكثر استدارة، مع نصف قطر زاوية أكبر. تحتوي عناصر التوكيد الأقل على زوايا أقل استدارة، ونصف قطر زاوية أصغر.
أمثلة على أربعة مستويات من نصف القطر الزاوية، من الأدنى (0dp = مربّع) إلى الأعلى (دائري)
0dp: الخط القاعدي
استخدِم زوايا 0dp (مربّعة) للعناصر الأساسية التي لا تحتاج إلى أيّ توكيد إضافي. يجب أن تستخدم بُنى التخطيط الأساسية، مثل أشرطة الأدوات أو القوائم، زوايا 0dp. يجب أن تحتوي الصور أيضًا على زوايا 0dp، إلا إذا كانت مغطاة بحاوية دائرية (مثل بطاقة) أو في حالة محدّدة.
لا تحتاج أغلفة الألبومات في الشبكة اليمنى إلى أي توكيد إضافي بالنسبة إلى بعضها البعض أو مع العناصر الأخرى المعروضة، لذلك تحتوي على زوايا 0dp (تظهر التفاصيل على اليسار)
8dp: مستوى منخفض من التركيز
8dp هو نصف القطر الزاوية الافتراضي للأشكال المستديرة. استخدم هذا الشكل للإشارة إلى العناصر التفاعلية منخفضة التوكيد، مثل البطاقات والحاويات.
تستخدم بطاقة الإشعار المعروضة هنا النطاق التلقائي للزاوية وهو 8 وحدات بكسل مستقلة الكثافة (المعروض على اليمين)، ما يقلّل من توكيدها مقارنةً بأزرار الإجراءات الظاهرة على البطاقة (كما هو موضّح على اليسار)، وهي أكثر أهمية.
16dp: توكيد متوسط
استخدِم نصف قطر زاوية يبلغ 16 بكسل مستقل الكثافة للمكوّنات التي تتطلّب تركيزًا متوسطًا، بما في ذلك العناصر التفاعلية والمكوّنات القابلة للتوسيع.
في هذه الحالة، يتم استخدام نصف قطر زاوية يبلغ 16 بكسل مستقل الكثافة للتشديد بدرجة متوسطة على البطاقة السفلية، وهو أمر أكثر أهمية مؤقتًا من المحتوى الحالي على الشاشة.
دائري - توكيد عالٍ
الأشكال الدائرية لها تأثير مرئي أكبر على الأشكال المستقيمة الخطية في الغالب. ويجب أن تكون محجوزة للمكونات عالية التركيز، مثل FAB، والشرائح، والتطبيقات المصغّرة.
يتم استخدام الزوايا المستديرة بالكامل والأشكال الدائرية هنا للتأكيد على FAB في أسفل اليسار، وأزرار الإجراءات في أعلى اليمين، وFAB في أسفل اليسار
تاريخ التعديل الأخير: 2024-07-23 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2024-07-23 (حسب التوقيت العالمي المتفَّق عليه)"],[[["Use rounded corners with higher radius (e.g., 16dp, circular) for primary actions and important components like FABs and chips to draw user attention."],["Use less rounded or square corners (e.g., 0dp, 8dp) for lower-emphasis elements such as toolbars, lists, or background cards."],["Android Automotive provides a range of corner radius values (0dp, 4dp, 8dp, 16dp, Full) to create visual hierarchy and guide user focus."],["8dp is the default corner radius for rounded shapes and is suitable for low-emphasis interactive elements like cards and containers."],["Images typically use 0dp corners unless they need to be highlighted or are within a rounded container."]]],[]]
