La tipografía (o estilo del texto) se usa para expresar la jerarquía del texto y cómo funciona en una IU. La tipografía usada para el entorno de manejo debe priorizar la legibilidad.
Resumen:
- Usar la pantalla, el cuerpo y el subtexto de la escala tipográfica de Android Auto
- El tamaño mínimo del texto del cuerpo es de 24 dp. Reserve tamaños de subtexto para la información no fundamental.
- Usa una cuadrícula de 4 dp para la alineación
- Aplicar atributos de estilo para crear efectos (jerarquía de asistencia, enfocar la atención)
- Usa espesores de fuente media con moderación y evita usar negrita
Referencias de escala y cuadrícula
La cuadrícula tipográfica y tipográfica tipográfica de Android Auto proporciona un conjunto de estilos de texto coherente y fácil de leer para una variedad de tamaños de texto visible, cuerpo y subtexto.
Escala tipográfica de Android Auto
La escala de tipos proporciona nueve estilos de texto visible, texto del cuerpo y subtexto, cada uno con una fuente, un tamaño de fuente y un alto de línea especificados.
Si bien el tamaño de texto del cuerpo más pequeño para Android Auto es de 24 dp, los tamaños de tipo de subtexto por debajo de 24 dp se pueden usar con moderación. Debido a que este tamaño de subtexto no es fácil de ver, debe reservarse para información no fundamental, como el contenido de la barra de estado.
Referencia de cuadrícula de tipografía y modelo de referencia
Todos los estilos se muestran en la cuadrícula de 4 dp. Esta cuadrícula garantiza que incluso el texto se escale de forma uniforme y se separe verticalmente, lo que crea una jerarquía visual coherente basada en incrementos de 4 dp.
Orientación y ejemplos
Aplicar una escala y un estilo coherentes al texto de la IU puede ayudar a lograr lo siguiente:
- El texto debe ser legible
- Cómo transmitir una jerarquía visual entre elementos de texto
- Centrar la atención en los lugares más importantes
En la siguiente guía, se muestra cómo aplicar la escala y los estilos de Android Auto de manera adecuada.
Aplicando escala
Google Sans debe usarse para tipos de tamaño 32 dp o más. Roboto se usa en todos los demás lugares, ya que es legible en tamaños más pequeños.
Ejemplos
Sugerencias
Cuando uses una fuente de texto ideal para texto grande, como Google Sans, mantenla en un tamaño de 32 dp o más. Usa Roboto para textos secundarios más pequeños, ya que mantiene una buena legibilidad en tamaños inferiores a 32 dp.
No
No uses Google Sans para textos más pequeños en los que la legibilidad no es óptima.Aplicando estilo
Cada estilo tipográfico consiste en un conjunto de escalas y atributos, como color, opacidad y grosor de fuente. Estos atributos se pueden agregar a cualquier tipo de estilo para crear un efecto, ya sea que se desee centrar la atención o reducir el énfasis.
Ejemplos
b. Cuerpo 2
c. Cuerpo 1
b. Pantalla 3
c. Body 2
Sugerencias
Usa el tamaño de fuente media con moderación. Guárdalo para cuando necesites enfatizar el texto principal o activo, como la pestaña Recientes de este ejemplo, o para establecer jerarquía visual.
No
Los grosores de la fuente con negrita (que se aplican a todo el texto de este ejemplo) son menos legibles que los grosores medianos y deben evitarse.