Una vez que hayas determinado las secuencias de plantillas para la tarea de tu app, podrás personalizar el contenido de cada plantilla y parte del diseño de tu app.
Para obtener información sobre los aspectos del diseño visual general que puedes personalizar, consulta Personalización del diseño visual, que incluye Ejemplos de personalización de la app. En el caso de las versiones de tu app para AAOS, ten en cuenta que los OEM de vehículos pueden ajustar el diseño para que se adapte a sus vehículos, como se muestra en Ejemplos de personalización de OEM de vehículos.
Para obtener información sobre las opciones de personalización de plantillas específicas, consulta Plantillas.
Personalización del diseño visual
Si bien la biblioteca de apps determina los diseños de plantillas y el diseño predeterminado, los diseñadores de apps y los OEM de vehículos contribuyen a los aspectos personalizados del diseño visual.
| Aspecto de la IU | Qué determina la biblioteca | Qué apps determinan o personalizan | Qué pueden personalizar los OEM de vehículos |
|---|---|---|---|
| Imágenes e iconografía | Iconografía para elementos estándar, como el botón Atrás y el spinner de carga | Las apps proporcionan todas las imágenes y la iconografía (consulta Íconos de Material y especificaciones de los íconos de Google Play), excepto lo que se indica a la izquierda. | |
| Diseño, tamaño y formas | Diseño predeterminado, además del tamaño y las formas de todos los elementos (los valores predeterminados son estándar en la versión de Android Auto de la app) |
|
Ajustes al tamaño, la forma, las ubicaciones de los botones y las proporciones de los elementos de la plantilla en las versiones de AAOS de la app (por ejemplo, el tamaño exacto de las imágenes y los íconos "grandes" y "pequeños" en sus vehículos) |
| Tipografía y longitud del texto | Familia y tamaño de la fuente en la versión de Android Auto de la app (consulta Tipografía) | Variantes más largas y más cortas de cadenas de texto, en algunos casos, para adaptarse a diferentes cantidades de espacio en diferentes pantallas de automóviles | Familia y tamaño de la fuente en las versiones de AAOS de la app |
| Color | Colores predeterminados en la versión de Android Auto de la app (excepto los que proporcionan las apps, que se indican a la derecha) | Colores de los marcadores de la lista de lugares, algunos elementos de texto y algunos colores de fondo (revisa la siguiente sección, Personalización de colores, para obtener más información) | Ajustes a los colores predeterminados y proporcionados por la app según sea necesario para combinar con las IU de vehículos en las versiones de AAOS de la app |
Personalización de colores
Las apps pueden proporcionar colores para los elementos de ciertas plantillas, como se indica en la siguiente lista. En el caso de las versiones de tu app para AAOS, los OEM de vehículos pueden realizar algunos ajustes.
Las apps pueden personalizar lo siguiente:
- Color del texto en la línea secundaria de las filas de la lista (el fabricante del automóvil controla el color de la línea principal para AAOS)
- Color del texto del botón
- Colores de fondo de los botones (excepto en la tira de acciones y la tira de acciones del mapa)
- Colores de los marcadores de la lista de lugares
- Elementos de la tarjeta de ruta: Color de fondo, imágenes y color del valor de duración en la estimación del viaje (dentro de los requisitos de la plantilla de navegación)
- Notificaciones paso a paso (color de fondo)
En Ejemplos de personalización de apps y Ejemplos de personalización de OEM de vehículos, se muestran ejemplos de componentes de plantillas personalizados.
Elige colores para tu app
Para la mayoría de los diseños personalizados (excepto las excepciones que se mencionaron en la sección anterior), las apps tienen las siguientes opciones de color:
- Proporciona hasta 2 colores de énfasis personalizados (con variantes claras y oscuras, para que Android Auto o los OEM de vehículos los apliquen según corresponda en las versiones de las apps para AAOS).
- Elige entre 4 colores estándar de Android Auto (las versiones actuales se muestran a la derecha; es posible que cambien en el futuro).
El uso juicioso del color ayuda a enfocar la intención de un diseño. Ten cuidado al usar colores cuando no cumplen una función.
Ejemplos de personalización de la app
Ejemplos de personalización de OEM de vehículos
En estos ejemplos, se muestran personalizaciones de estilo adicionales que un OEM de vehículos podría aplicar a la versión para AAOS de una app. Si bien el color de la tarjeta de ruta proviene de la app, los OEM de vehículos personalizan las fuentes, los temas y las formas de la tarjeta de ruta, los botones y la tarjeta de ETA. También pueden ajustar el ancho del botón, como se muestra en Personaliza botones.
Personaliza el ancho, el color y la forma del botón
En estos ejemplos, se destaca cómo los OEM pueden personalizar el ancho, el color y la forma de los botones en la versión de AAOS de una app.
En el caso del botón que la app designó como el botón principal, los OEM pueden decidir si usar el color de énfasis de la app o su propio color de énfasis. También pueden elegir si colocar el botón principal a la izquierda o a la derecha, para adaptarse a situaciones como los vehículos con volante a la derecha.
