Tipografia

O estilo tipográfico ajuda a definir a hierarquia de informações e a função de uma interface de usuário. As escolhas tipográficas também podem afetar significativamente a legibilidade, um fator importante a ser considerado ao dirigir.

Guia resumido (TL;DR):

  • Use a escala tipográfica do Android Automotive OS para exibição, corpo e subtexto.
  • O tamanho mínimo do corpo do texto é de 24 dp – reserve tamanhos de subtexto para informações não essenciais.
  • Use uma grade de 4 casas decimais para alinhamento.
  • Aplique atributos de estilo para criar efeitos (suporte à hierarquia, direcionamento da atenção).
  • Use fontes de tamanho médio com moderação e evite negrito.

Escala e referências de grade

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

Escala tipográfica do Android Automotive OS

Esta escala mostra as fontes, tamanhos de fonte e alturas de linha usados ​​nos nove níveis padrão de texto de exibição, texto principal e subtexto do Android Automotive OS. O tamanho mínimo de fonte para o Android Automotive OS é 24 dp. Tamanhos abaixo de 24 dp não são facilmente legíveis e devem ser usados ​​com moderação no contexto automotivo. Os tamanhos de subtexto são mais adequados para informações não essenciais 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 para tamanho da fonte e altura da linha são mostrados em pontos (pt).

Grade tipográfica e referência de linha de base

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

dimensionamento em uma grade de 4 casas decimais
A escala do sistema operacional Android Automotive foi projetada para acomodar incrementos de tamanho de fonte de 4dp.

Orientações e exemplos

Aplicar escala e estilo às suas escolhas tipográficas pode ajudá-lo(a) a:

  • Mantenha todo o texto legível.
  • Transmita 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 atributos adicionais. Esses atributos incluem peso da fonte, cor e opacidade, e podem ser adicionados a qualquer tamanho de fonte para criar o efeito desejado, como direcionar o olhar.

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

Exemplos

Tamanhos de texto tipográfico
a. Corpo 3
b. Corpo 2
c. Corpo 1
Tamanhos de texto tipográfico
a. Exibir 2
b. Corpo 1
c. Corpo 1
Tipografia

Fazer

Use a fonte de peso médio com moderação. Reserve-a para quando precisar enfatizar o texto principal ou ativo, como na aba Recentes deste exemplo, ou para estabelecer hierarquia visual.
Tipografia não

Não

Fontes em negrito (aplicadas a todo o texto neste exemplo) são menos legíveis do que fontes de espessura média e devem ser evitadas.