Tipografia

O estilo tipográfico ajuda a definir a hierarquia de informações e a função de uma IU. As escolhas de tipografia também podem afetar muito a legibilidade, o que é uma consideração importante ao dirigir.

Orientações resumidas (TL:DR):

  • Usar exibição, corpo e subtexto da escala tipográfica do Android Automotive OS
  • O tamanho mínimo do corpo do texto é de 24 dp. Reserve tamanhos de subtexto para informações não cruciais.
  • Usar uma grade de 4 dp para alinhamento
  • Aplicar atributos de estilo para criar efeitos (hierarquia de suporte, foco em atenção)
  • Use espessuras de fonte médias com moderação e evite o negrito

Referências de escala e grade

Use a escala tipográfica e a grade de tipografia do Android Automotive OS para garantir uma aparência consistente e um texto de fácil visualização em vários níveis para o texto de exibição, o corpo do texto e o subtexto.

Escala tipográfica do Android Automotive OS

Essa escala mostra as fontes, os tamanhos e a altura das linhas usadas nos nove níveis padrão de texto de exibição, corpo de texto e subtexto usados no Android Automotive OS. O tamanho mínimo do tipo para o Android Automotive OS é 24 dp. Tamanhos abaixo de 24 dp não são fáceis de visualizar e devem ser usados com moderação no contexto automático. Os tamanhos de subtexto são mais reservados para informações não cruciais ou terciárias, como o conteúdo da barra de status.

Escala de tipo
O formato das informações da fonte nesta escala é: (Nome da fonte) (Tamanho da fonte) / (Altura da linha). Os valores de tamanho do tipo e altura da linha são mostrados em pontos (pt).

Grade de tipografia e referência de linha de base

Manter a escala e o ritmo vertical com base em uma grade de 4 dp ajuda na consistência e na hierarquia visual.

escalonamento em uma grade de 4 dp
A escala do Android Automotive OS foi projetada para acomodar incrementos de tamanho de fonte de 4 dp.

Orientações e exemplos

A aplicação de escala e estilo às suas escolhas tipográficas pode ajudar você a:

  • Manter todo o texto legível
  • Transmita uma hierarquia visual entre os elementos de texto
  • Foque a atenção nos pontos mais importantes

Cada estilo consiste em um conjunto de valores definidos pela escala e por atributos adicionais. Esses atributos incluem valores de espessura da fonte, cor e opacidade e podem ser adicionados a qualquer tamanho de tipo para criar um efeito desejado, como focar a atenção.

O estilo "Título" neste exemplo consiste na escala de Corpo 1 (que define o tamanho da fonte e a altura da linha) modificada por outros atributos de cor, opacidade e espessura.

Exemplos

Tamanhos de texto de tipografia
a. Corpo 3
b. Corpo 2
c. Corpo 1
Tamanhos de texto de tipografia
a. Tela 2
b. Corpo 1
c. Corpo 1
A tipografia faz

O que fazer

Use a espessura de fonte média com moderação. Salve-o para quando precisar enfatizar o texto principal ou ativo, como a guia "Recentes", neste exemplo, ou para estabelecer uma hierarquia visual.
A tipografia não

O que não fazer

Pesos de fonte em negrito (aplicados a todo o texto neste exemplo) são menos legíveis do que pesos médios e devem ser evitados.