Размеры значков, аватаров и сенсорных объектов важны для минимизации отвлечения внимания водителя.
Сенсорные мишени большого размера позволяют водителям проще и быстрее взаимодействовать с приложениями и возвращать внимание к вождению.
Краткое руководство (TL;DR):
- Используйте стандартные размеры значков и аватаров для единообразия.
- Минимальный размер сенсорной цели — 76 x 76 dp.
- Выравнивание и центрирование значков и элементов в сенсорных объектах
Размеры значков
Вот стандартные размеры значков, используемые Android для автомобилей:
![Размеры значков Android для автомобилей](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=3&hl=ru)
Основной значок | Дополнительный значок | Третичный значок |
---|---|---|
44 х 44 пикселя | 36 х 36 пикселей | 24 х 24 пикселя |
Размеры аватара
Вот стандартные размеры аватаров, используемые Android для автомобилей:
![Размеры аватаров Android для автомобилей](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=3&hl=ru)
Маленький аватар | Средний аватар | Большой аватар |
---|---|---|
56 х 56 пикселей | 76 х 76 пикселей | 96 х 96 пикселей |
Выравнивание значков и сенсорных целей
Минимальный размер сенсорной цели в Android для автомобилей — 76 x 76 пикселей. Сенсорные цели должны быть достаточно большими, чтобы водитель мог их легко видеть и легко выбирать во время движения автомобиля. Такие элементы, как кнопки, должны быть центрированы в границах цели касания, и никакая часть элемента не должна выходить за пределы границы цели касания.
![Сохраняйте размеры сенсорных объектов не ниже 76 x 76 dp.](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=3&hl=ru)
Делать
![Центрировать элементы в целевой области касания](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=3&hl=ru)
Делать
![Не выравнивайте элемент по одному краю сенсорной цели](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=3&hl=ru)
Не
![Не позволяйте элементам выходить за пределы сенсорной цели](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=3&hl=ru)
Не