Apéndice B, personalización

Para garantizar que las personalizaciones de la interfaz de usuario del automóvil funcionen según lo previsto, DEBE cumplir con los elementos que se describen a continuación.

General

Los límites en esta sección son válidos independientemente del diseño:

Elemento Descripción

Tipografía

  • Las etiquetas de texto de las pestañas DEBEN ser lo suficientemente anchas para mostrar cadenas de al menos 6 caracteres "W".
  • Los contenedores de texto DEBEN ser lo suficientemente altos como para mostrar completamente un solo carácter "H".
  • Los tamaños de texto DEBEN aparecer en orden descendente, por ejemplo:

    car_ui_body_1 > car_ui_body_2 > car_ui_body_3

Contraste

  • El contraste entre el primer plano (texto) y el fondo DEBE ser de al menos 4,5:1.
  • El contraste entre el color del botón y el fondo DEBE ser al menos 3:1.
  • El contraste del estado seleccionado de la pestaña con el fondo DEBE ser al menos 4,5:1.
  • El contraste del estado seleccionado con la pestaña con el estado no seleccionado DEBE ser al menos 3:1.

Otros

  • Todos los iconos DEBEN ser dibujables vectoriales.
  • Los objetivos táctiles DEBEN tener al menos 76 dp de ancho.
  • Las constantes de relleno DEBEN aparecer en orden descendente, por ejemplo:
    car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2

Componentes

Los valores proporcionados a continuación se aplican a componentes específicos:

Elemento Descripción

Barra de herramientas

 DEBE ser lo suficientemente ancho como para mostrar cadenas de título de al menos 20 caracteres "W".

Preferencia

 DEBE ser lo suficientemente ancho como para mostrar cadenas de título de al menos 20 caracteres "W".

Vista con estilo de aplicación

Debiera ser:

  • Lo suficientemente ancho como para mostrar al menos 672 píxeles independientes de la densidad (dp).
  • Lo suficientemente alto como para mostrar al menos 672 dp.

Disposición

Los límites en esta sección se refieren a diseños y combinaciones específicos de componentes de la biblioteca Car UI. Se han observado y generalizado una serie de casos únicos en patrones emergentes.

Diálogo de ubicación

Un cuadro de diálogo de prueba que contiene el mismo contenido que el cuadro de diálogo de ubicación de Google Play Services, creado con componentes de la biblioteca Car UI y probado para garantizar una visibilidad total del contenido:

Elemento Descripción
Título DEBE ser lo suficientemente ancho como para mostrar cadenas de al menos 38 caracteres "W".
Cuerpo

DEBE ser completamente visible y lo suficientemente grande como para mostrar:

  • Cadenas que pueden constar de al menos 270 caracteres "W".
  • Al menos cuatro líneas de texto.
Llamado a la acción (CTA)

La CTA DEBE ser completamente visible:

  • El diálogo DEBE ser lo suficientemente ancho como para mostrar al menos dos CTA.
  • Los títulos DEBEN ser lo suficientemente anchos para mostrar cadenas de al menos 9 caracteres "W".

Pantalla de configuración

La pantalla Configuración de prueba se compone de la barra de la aplicación, el subtítulo y los componentes de elementos de lista, que se describen en la tabla:

Elemento Descripción
barra de aplicaciones
  • El título DEBE ser lo suficientemente ancho como para mostrar cadenas de al menos 12 caracteres "W".
  • DEBE tener al menos 76 dp de altura.
Subtítulo DEBE ser lo suficientemente ancho como para mostrar cadenas de al menos 12 caracteres "W".
Elementos de lista

Debe ser:

  • Lo suficientemente ancho como para mostrar cadenas de al menos 12 caracteres "W".
  • Al menos 76 dp de altura.