Depois de determinar as sequências de modelos para a tarefa do app, é possível personalizar o conteúdo de cada modelo e parte do estilo do app.
Para saber quais aspectos do design visual geral podem ser personalizados, consulte Personalização do design visual, que inclui Exemplos de personalização de apps. Para versões do seu app no AAOS, saiba que os OEMs de veículos podem ajustar o estilo para se adequar aos veículos, conforme mostrado em Exemplos de personalização de OEM de veículos.
Para saber mais sobre as opções de personalização de modelos específicos, consulte Modelos.
Personalização do design visual
Embora a biblioteca de apps determine os layouts de modelo e o estilo padrão, os designers de apps e os OEMs de veículos contribuem para aspectos personalizados do design visual.
| Aspecto da interface | O que a biblioteca determina | O que os apps determinam ou personalizam | O que os OEMs de veículos podem personalizar |
|---|---|---|---|
| Imagens e iconografia | Iconografia para elementos padrão, como botão "Voltar" e spinner de carregamento | Os apps fornecem todas as imagens e iconografia (consulte Ícones do Material e Especificações de ícones do Google Play), exceto conforme indicado à esquerda | |
| Layout, dimensionamento e formas | Layout padrão, além de tamanho e formas de todos os elementos (os padrões são padrão na versão do app para Android Auto) |
|
Ajustes no tamanho, formato, locais e proporções dos elementos de modelo nas versões do app para AAOS (por exemplo, o dimensionamento exato de imagens e ícones "grandes" e "pequenos" nos veículos) |
| Tipografia e comprimento do texto | Família e tamanho da fonte na versão do app para Android Auto (consulte Tipografia) | Variantes mais longas e mais curtas de strings de texto, em alguns casos, para acomodar quantidades diferentes de espaço em telas de carro diferentes | Família e tamanho da fonte nas versões do app para AAOS |
| Cor | Cores padrão na versão do app para Android Auto (exceto as fornecidas por apps, observadas à direita) | Cores dos marcadores da lista de lugares, de alguns elementos de texto e de alguns planos de fundo. Consulte a próxima seção, Personalização de cores, para mais informações. | Ajustes nas cores padrão e fornecidas pelo app conforme necessário para combinar com as interfaces do veículo nas versões do app para AAOS |
Personalização de cor
Os apps podem fornecer cores para elementos de determinados modelos, conforme observado na lista a seguir. Para versões do app no AAOS, os OEMs de veículos podem fazer alguns ajustes.
Os apps podem personalizar o seguinte:
- Cor do texto na linha secundária das linhas da lista (a fabricante do carro controla a cor da linha principal para o AAOS)
- Cor do texto do botão
- Cores de fundo dos botões (exceto na barra de ações e na barra de ações do mapa)
- Cores dos marcadores da lista de lugares
- Elementos do card de rotas: cor de segundo plano, imagens e cor do valor de duração na estimativa de viagem (dentro dos requisitos do modelo de navegação)
- Notificações da navegação guiada (cor de plano de fundo)
Exemplos de componentes de modelo personalizados são mostrados em Exemplos de personalização de apps e Exemplos de personalização de OEM de veículos.
Escolher cores para o app
Para a maioria dos estilos personalizados (exceto as exceções observadas na seção anterior), os apps têm as seguintes opções de cores:
- Forneça até duas cores de destaque personalizadas (com variantes claras e escuras, para serem aplicadas conforme apropriado pelo Android Auto ou pelos OEMs de veículos para versões AAOS de apps).
- Escolha entre quatro cores padrão do Android para carros (as versões atuais são mostradas à direita e podem mudar no futuro)
O uso adequado de cores ajuda a focar a intenção de um design. Tenha cuidado ao usar cores quando elas não têm uma função.
Exemplos de personalização de apps
Exemplos de personalização de OEM de veículos
Estes exemplos mostram outras personalizações de estilo que um OEM de veículo pode aplicar à versão AAOS de um app. Embora a cor do card de rotas venha do app, os OEMs de veículos personalizam as fontes, a aparência e os formatos do card de rotas, dos botões e do card de ETA. Também é possível ajustar a largura do botão, conforme mostrado em Personalizar botões.
Personalizar a largura, a cor e o formato do botão
Esses exemplos mostram como os OEMs podem personalizar a largura, a cor e o formato dos botões na versão AAOS de um app.
Para o botão que o app designou como botão principal, os OEMs podem decidir se usam uma cor de destaque do app ou a própria cor de destaque. Eles também podem escolher se querem colocar o botão principal à esquerda ou à direita, para acomodar situações como veículos com direção à direita.
