اندازه نمادها، آواتارها و اهداف لمسی ملاحظات مهمی برای به حداقل رساندن حواس پرتی راننده هستند.
اهداف لمسی با اندازه سخاوتمندانه تعامل رانندگان با برنامهها را آسانتر و سریعتر میکنند و توجه را به رانندگی برمیگردانند.
راهنمایی در یک نگاه (TL;DR):
- از اندازه نمادها و آواتارهای استاندارد برای ثبات استفاده کنید
- حداقل اندازه هدف لمسی 76 x 76dp است
- نمادها و عناصر را در اهداف لمسی تراز و وسط قرار دهید
اندازه آیکون ها
در اینجا اندازه نمادهای استاندارد مورد استفاده توسط Android برای اتومبیل ها آمده است:

نماد اصلی | نماد ثانویه | نماد سوم |
---|---|---|
44 x 44dp | 36×36dp | 24 x 24dp |
اندازه های آواتار
در اینجا اندازههای آواتار استاندارد استفاده شده توسط Android برای اتومبیلها آمده است:

آواتار کوچک | آواتار متوسط | آواتار بزرگ |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
تراز کردن نمادها و اهداف لمسی
حداقل اندازه هدف لمسی در Android for Cars 76 x 76dp است. اهداف لمسی باید به اندازهای بزرگ باشند که در حین حرکت خودرو توسط راننده قابل مشاهده و انتخاب آسان باشند. عناصری مانند دکمه ها باید در داخل مرزهای هدف لمسی قرار گیرند و هیچ بخشی از یک عنصر نباید خارج از مرز هدف لمسی قرار گیرد.

انجام دادن

انجام دادن

نکن

نکن