Mejores prácticas de diseño para Google integrado

Aprenda a implementar su identidad de marca única en todo el sistema de información y entretenimiento para lograr una experiencia de conducción cohesiva y optimizada.

Cree una apariencia cohesiva con tokens de diseño

Los tokens de diseño son los componentes fundamentales de todos los elementos de la interfaz de usuario y le permiten administrar la apariencia de su marca en todo el sistema sin necesidad de realizar cambios de código que consuman mucho tiempo.

Tener una única fuente de verdad

Los tokens son valores de diseño reutilizables (como colores, fuentes y dimensiones) que reemplazan el código estático. Al definir estos valores, obtienes control total sobre el estilo principal del sistema y garantizas que tu identidad de marca sea la única fuente de confianza en todas las aplicaciones del sistema.

Estandarizar las decisiones de diseño en todo el sistema

Los tokens aplican dinámicamente valores personalizados en todo el sistema. Esto evita la necesidad de realizar cambios profundos en el código y garantiza que diseñadores e ingenieros hablen el mismo idioma, creando una transición fluida desde el diseño hasta la implementación final.

Puede personalizar la apariencia de los íconos de la aplicación con tokens de diseño.

Personaliza el color y la temática

La plataforma te permite controlar la estética general, manteniendo al mismo tiempo los estándares de seguridad más exigentes. Puedes personalizar el tema base y la paleta de colores mediante superposiciones de recursos para reflejar el estilo único de tu marca.

Optimizar para conducción diurna y nocturna

Durante el día, el Modo Día (texto oscuro sobre fondo claro) ofrece mejor visibilidad. Durante la noche, el Modo Noche (texto claro sobre fondo oscuro) ofrece mejor visibilidad.

Optimice la relación de contraste para facilitar la lectura

Todos los elementos deben mantener una relación de contraste de color mínima de 4,5:1 entre el texto y los íconos y el fondo, para facilitar su legibilidad mientras se conduce.

Modo día.
Modo nocturno.

Cree una jerarquía visual clara entre los componentes

Es importante reducir el tiempo que los conductores pasan mirando la pantalla. Para crear una jerarquía visual que guíe la vista del conductor, puede personalizar las esquinas y las proporciones de los componentes.

Utilice esquinas redondeadas para enfatizar

Google Built-In utiliza formas y redondeos para comunicar importancia. Las esquinas más redondeadas (de radio mayor) se utilizan para acciones y componentes principales, mientras que las menos redondeadas (de radio menor) se utilizan para elementos con menor énfasis.

El sistema proporciona valores de radio de esquina específicos (por ejemplo, 0dp, 4dp, 8dp, 16dp, circular) que usted elige para ajustar el tamaño, la forma y las proporciones de los botones de las plantillas para que se adapten a las pantallas de su vehículo.

Esquinas redondeadas en Google Maps.