شکل ها

اشکال به تأکید بر اهمیت برخی از عناصر صفحه نمایش نسبت به سایرین کمک می کند.

راهنمایی در یک نگاه (TL;DR):

  • از گوشه های گردتر (شعاع گوشه بالاتر) برای اقدامات و اجزای اصلی استفاده کنید
  • از گوشه های مربع تر و کمتر گرد (شعاع گوشه پایین تر) برای عناصر کم تاکید استفاده کنید

مقادیر شعاع گوشه

Android for Cars مجموعه‌ای از مقادیر شعاع گوشه را ارائه می‌کند تا بر اهمیت عناصر مختلف صفحه نمایش نسبت به دیگران تأکید کند.

مقادیر شعاع گوشه
R0 R1 R2 R3 R4
0dp 4dp 8dp 16dp پر شده

استفاده از گرد کردن برای تاکید

اشکال گرد و گوشه مربع در Android Automotive یک سلسله مراتب بصری ایجاد می کند که توجه کاربر را به عناصر با تاکید بیشتر جلب می کند. عناصر با تاکید بیشتر دارای گوشه‌هایی گردتر و با شعاع گوشه بزرگ‌تر هستند. عناصر با تاکید کمتر دارای گوشه هایی هستند که کمتر گرد هستند و شعاع گوشه کوچکتری دارند.

نمونه هایی از هر چهار سطح شعاع گوشه
نمونه هایی از چهار سطح شعاع گوشه، از کمترین (0dp = مربع) تا بالاترین (دایره)

0dp - خط پایه

از گوشه های 0dp (مربع) برای عناصر پایه که نیازی به تاکید اضافی ندارند استفاده کنید. ساختارهای چیدمان اصلی مانند نوار ابزار یا لیست ها باید از گوشه های 0dp استفاده کنند. تصاویر همچنین باید گوشه‌های 0dp داشته باشند، مگر اینکه با یک ظرف گرد (مانند کارت) پوشانده شده باشند یا در حالت انتخابی باشند.

نمونه گوشه مربعی
جلدهای آلبوم در شبکه سمت راست نیازی به تاکید اضافی نسبت به یکدیگر یا سایر عناصر نشان داده شده ندارند، بنابراین دارای گوشه های 0dp هستند (جزئیات نشان داده شده در سمت چپ)

8dp - تاکید کم

8dp شعاع گوشه پیش فرض برای اشکال گرد است. از این شکل برای نشان دادن عناصر تعاملی کم تاکید، مانند کارت ها و ظروف استفاده کنید.

نمونه با تاکید کم 8dp
کارت اعلان نشان داده شده در اینجا از شعاع گوشه 8dp پیش‌فرض (نشان داده شده در سمت چپ) استفاده می‌کند که تاکید کمتری به آن نسبت به دکمه‌های عمل روی کارت (مانند نشان داده شده در سمت راست) دارد، که اهمیت بیشتری دارند.

16dp - تاکید متوسط

از شعاع گوشه 16dp برای اجزای با تاکید متوسط، از جمله عناصر تعاملی و اجزای قابل گسترش استفاده کنید.

مثال گوشه متوسط ​​16dp
در اینجا، یک شعاع گوشه 16dp برای ایجاد تاکید متوسط ​​برای صفحه پایین استفاده می‌شود، که به طور موقت از محتوای فعلی روی صفحه مهمتر است.

دایره ای - تاکید زیاد

اشکال دایره ای تأثیر بصری بیشتری در برابر اشکال عمدتاً مستطیل دارند. آنها باید برای مولفه های با تاکید بالا، مانند FAB ها، تراشه ها و ویجت ها رزرو شوند.

نمونه گوشه کاملا گرد با تاکید بالا
گوشه‌های کاملا گرد و اشکال دایره‌ای در اینجا استفاده می‌شود تا حداکثر تأکید را بر FAB در پایین سمت چپ، دکمه‌های عمل در بالا سمت راست، FAB در پایین سمت چپ قرار دهد.