Tipografía

El estilo tipográfico ayuda a definir la jerarquía de la información y la función de una interfaz de usuario (IU). La elección de la tipografía también puede afectar considerablemente la legibilidad, un factor importante para la conducción.

Orientación de un vistazo (TL:DR):

  • Utilice la visualización, el cuerpo y el subtexto de la escala tipográfica del sistema operativo Android Automotive
  • El tamaño mínimo del cuerpo del texto es de 24 dp: reserve el tamaño del subtexto para información no crucial.
  • Utilice una cuadrícula de 4 dp para la alineación
  • Aplicar atributos de estilo para crear efectos (apoyar la jerarquía, centrar la atención)
  • Utilice pesos de fuente medianos con moderación y evite el texto en negrita.

Referencias de escala y cuadrícula

Utilice la escala tipográfica y la cuadrícula de composición tipográfica del sistema operativo Android Automotive para garantizar una apariencia uniforme y un texto legible en una variedad de niveles para el texto de visualización, el texto del cuerpo y el subtexto.

Escala tipográfica del sistema operativo Android Automotive

Esta escala muestra las fuentes, los tamaños de fuente y las alturas de línea utilizadas para los nueve niveles predeterminados de texto de visualización, cuerpo de texto y subtexto en el sistema operativo Android Automotive. El tamaño de fuente mínimo para Android Automotive es de 24 dp. Los tamaños inferiores a 24 dp no son fáciles de leer y deben usarse con moderación en el contexto automotriz. Es mejor reservar el tamaño del subtexto para información no esencial o secundaria, como el contenido de la barra de estado.

Escala de tipos
El formato de la información de la fuente en esta escala es: (Nombre de la fuente) (Tamaño de la letra) / (Altura de línea). Los valores de tamaño de la letra y altura de línea se muestran en puntos (pt).

Cuadrícula de composición tipográfica y referencia de línea base

Mantener la escala y el ritmo vertical basado en una cuadrícula de 4dp ayuda a la consistencia y la jerarquía visual.

escalado en una cuadrícula de 4dp
La escala del sistema operativo Android Automotive está diseñada para admitir incrementos de tamaño de fuente de 4dp.

Orientación y ejemplos

Aplicar escala y estilo a sus elecciones tipográficas puede ayudarle a:

  • Mantenga todo el texto legible
  • Transmitir una jerarquía visual entre los elementos del texto
  • Centrar la atención en los puntos más importantes

Cada estilo consta de un conjunto de valores definidos por la escala y atributos adicionales. Estos atributos incluyen el grosor de la fuente, el color y la opacidad, y pueden añadirse a cualquier tamaño de fuente para crear el efecto deseado, como llamar la atención.

El estilo de Título en este ejemplo consta de la escala Cuerpo 1 (que define el tamaño de fuente y la altura de línea) modificada por atributos adicionales de color, opacidad y peso.

Ejemplos

Tamaños de texto tipográfico
a. Cuerpo 3
b. Cuerpo 2
c. Cuerpo 1
Tamaños de texto tipográfico
a. Pantalla 2
b. Cuerpo 1
c. Cuerpo 1
La tipografía hace

Hacer

Use el grosor de fuente medio con moderación. Resérvelo para cuando necesite enfatizar el texto principal o activo, como la pestaña Recientes en este ejemplo, o para establecer una jerarquía visual.
La tipografía no

No

Los pesos de fuente en negrita (aplicados a todo el texto en este ejemplo) son menos legibles que los pesos medios y deben evitarse.