Рекомендации по проектированию встроенных функций Google

Узнайте, как внедрить уникальную фирменную идентичность вашей компании во всю информационно-развлекательную систему для создания целостного и оптимизированного для вождения опыта.

Создайте единый стиль и ощущение с помощью дизайнерских элементов.

Дизайнерские токены — это фундаментальные строительные блоки всех элементов пользовательского интерфейса, позволяющие управлять внешним видом вашего бренда во всей системе без трудоемких изменений в коде.

Имейте один источник истины.

Токены — это многократно используемые значения параметров дизайна (например, цвета, шрифты и размеры), которые заменяют статический код. Определяя значения этих токенов, вы получаете полный контроль над основным стилем системы и гарантируете, что фирменный стиль является единственным источником достоверной информации во всех приложениях системы.

Стандартизировать проектные решения во всей системе.

Токены динамически применяют индивидуальные значения ко всей системе. Это позволяет избежать необходимости внесения существенных изменений в код и гарантирует, что дизайнеры и инженеры «говорят на одном языке», обеспечивая бесперебойную передачу знаний от проектирования к окончательной реализации.

Вы можете настроить внешний вид значков приложений с помощью дизайнерских токенов.

Настройте цвет и тему оформления.

Платформа позволяет контролировать общую эстетику, сохраняя при этом важнейшие стандарты безопасности. Вы можете настроить базовую тему и цветовую палитру с помощью наложений ресурсов, чтобы отразить уникальный стиль вашего бренда.

Оптимизировано для вождения днем ​​и ночью.

В дневное время дневной режим (темный текст на светлом фоне) обеспечивает лучшую видимость. В ночное время ночной режим (светлый текст на темном фоне) обеспечивает лучшую видимость.

Оптимизируйте коэффициент контрастности для удобства восприятия.

Для обеспечения читаемости во время вождения все элементы должны поддерживать минимальный коэффициент контрастности цвета 4,5:1 между текстом, значками и фоном.

Дневной режим.
Ночной режим.

Создайте четкую визуальную иерархию между компонентами.

Важно сократить время, которое водители проводят, глядя на экран. Для создания визуальной иерархии, которая направляет взгляд водителя туда, куда ему нужно, можно настроить углы и пропорции элементов.

Используйте закругленные углы для выделения.

Встроенные элементы Google используют формы и закругления для обозначения важности. Более закругленные углы (больший радиус) используются для основных действий и компонентов, а менее закругленные углы (меньший радиус) — для элементов, на которые меньше делается акцент.

Система предоставляет конкретные значения радиуса скругления углов (например, 0dp, 4dp, 8dp, 16dp, круговой), из которых вы можете выбрать подходящие для настройки размера, формы и пропорций кнопок шаблонов в соответствии с дисплеями вашего автомобиля.

Закругленные углы на Google Maps.