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 para dirigir.

Resumo da orientação (TL:DR):

  • Usar texto, 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, atenção ao foco)
  • Use pesos de fonte moderados com moderação e evite negrito

Referências de escala e grade

Use a grade tipográfica e a grade de digitação do SO Android Automotive OS para garantir uma aparência consistente e um texto visível em vários níveis de texto de exibição, corpo do texto e subtexto.

Escala tipográfica do Android Automotive OS

Essa escala mostra as fontes, os tamanhos de fonte e as alturas de linha usadas nos nove níveis padrão de texto de exibição, corpo do texto e subtexto usados no Android Automotive OS. O tamanho mínimo do tipo do Android Automotive OS é 24 dp. Tamanhos abaixo de 24 dp não são facilmente fáceis de entender e precisam 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 conteúdo da barra de status.

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

Grade de tipografia e referência do valor de referência

Manter o ritmo e a escala 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 4 dp no tamanho da fonte.

Orientação e exemplos

Aplicar escala e estilo às suas escolhas tipográficas pode ajudar você a:

  • Deixe todo o texto legível
  • Transmitir uma hierarquia visual entre os elementos de texto
  • Concentre a atenção nos pontos mais importantes

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

O estilo de título neste exemplo consiste na escala 1 do corpo (que define o tamanho da fonte e a altura da linha) modificada por atributos adicionais de cor, opacidade e peso.

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
Tipografia

Fazer

Use o peso médio da fonte com moderação. Salve esse recurso para enfatizar o texto principal ou ativo, como a guia "Recentes" neste exemplo, ou para estabelecer uma hierarquia visual.
A tipografia não

Não

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