اندازه نمادها، آواتارها و اهداف لمسی ملاحظات مهمی برای به حداقل رساندن حواس پرتی راننده هستند.
اهداف لمسی با اندازه سخاوتمندانه تعامل رانندگان با برنامهها را آسانتر و سریعتر میکنند و توجه را به رانندگی برمیگردانند.
راهنمایی در یک نگاه (TL;DR):
- از اندازه نمادها و آواتارهای استاندارد برای ثبات استفاده کنید
- حداقل اندازه هدف لمسی 76 x 76dp است
- نمادها و عناصر را در اهداف لمسی تراز و وسط قرار دهید
اندازه آیکون ها
در اینجا اندازه نمادهای استاندارد مورد استفاده توسط Android برای اتومبیل ها آمده است:
![اندازه نماد Android for Cars](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=2&hl=fa)
نماد اصلی | نماد ثانویه | نماد سوم |
---|---|---|
44 x 44dp | 36×36dp | 24 x 24dp |
اندازه های آواتار
در اینجا اندازههای آواتار استاندارد استفاده شده توسط Android برای اتومبیلها آمده است:
![اندازه آواتار Android for Cars](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=2&hl=fa)
آواتار کوچک | آواتار متوسط | آواتار بزرگ |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
تراز کردن نمادها و اهداف لمسی
حداقل اندازه هدف لمسی در Android for Cars 76 x 76dp است. اهداف لمسی باید به اندازهای بزرگ باشند که در حین حرکت خودرو توسط راننده قابل مشاهده و انتخاب آسان باشند. عناصری مانند دکمه ها باید در داخل مرزهای هدف لمسی قرار گیرند و هیچ بخشی از یک عنصر نباید خارج از مرز هدف لمسی قرار گیرد.
![اندازه های هدف لمسی را در 76×76dp یا بالاتر از آن نگه دارید](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=2&hl=fa)
انجام دادن
![المان ها را در ناحیه لمسی-هدف مرکز قرار دهید](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=2&hl=fa)
انجام دادن
![عنصر را با یک لبه هدف لمسی تراز نکنید](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=2&hl=fa)
نکن
![اجازه ندهید عناصر خارج از یک هدف لمسی بیفتند](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=2&hl=fa)
نکن