Una volta determinate le sequenze di modelli per l'attività dell'app, puoi personalizzare i contenuti di ogni modello e alcuni stili dell'app.
Per scoprire quali aspetti del design visivo complessivo puoi personalizzare, consulta Personalizzazione del design visivo, che include Esempi di personalizzazione delle app. Per le versioni AAOS della tua app, tieni presente che gli OEM dei veicoli possono modificare lo stile per adattarlo ai loro veicoli, come mostrato negli Esempi di personalizzazione degli OEM dei veicoli.
Per scoprire di più sulle opzioni di personalizzazione per modelli specifici, consulta Modelli.
Personalizzazione della progettazione visiva
Mentre la libreria di app determina i layout dei modelli e lo stile predefinito, i progettisti di app e gli OEM di veicoli contribuiscono entrambi agli aspetti personalizzati del design visivo.
| Aspetto dell'interfaccia utente | Cosa determina la libreria | Quali app determinano o personalizzano | Elementi che gli OEM di veicoli possono personalizzare |
|---|---|---|---|
| Immagini e iconografia | Iconografia per elementi standard, come il pulsante Indietro e l'indicatore di caricamento | Le app forniscono tutte le immagini e le icone (vedi Icone Material e Specifiche delle icone di Google Play), tranne quanto indicato a sinistra | |
| Layout, dimensioni e forme | Layout predefinito, dimensioni e forme di tutti gli elementi (i valori predefiniti sono standard nella versione Android Auto dell'app) |
|
Modifiche a dimensioni, forma, posizioni e proporzioni dei pulsanti degli elementi del modello nelle versioni AAOS dell'app (ad esempio, le dimensioni esatte per immagini e icone "grandi" e "piccole" nei veicoli) |
| Tipografia e lunghezza del testo | Famiglia e dimensioni del carattere nella versione Android Auto dell'app (vedi Tipografia) | Varianti più lunghe e più brevi di stringhe di testo, in alcuni casi, per adattarsi a quantità diverse di spazio sugli schermi delle diverse auto | Famiglia e dimensione dei caratteri nelle versioni AAOS dell'app |
| Colore | Colori predefiniti nella versione Android Auto dell'app (ad eccezione di quelli forniti dalle app, indicati a destra) | Colori dei segnaposto degli elenchi di luoghi, di alcuni elementi di testo e di alcuni sfondi (consulta la sezione successiva, Personalizzazione del colore, per maggiori informazioni). | Modifiche ai colori predefiniti e forniti dall'app in base alle esigenze per integrarsi con le UI del veicolo nelle versioni AAOS dell'app |
Personalizzazione del colore
Le app possono fornire colori per gli elementi di determinati modelli, come indicato nell'elenco seguente. Per le versioni AAOS della tua app, gli OEM dei veicoli possono apportare alcune modifiche.
Le app possono personalizzare quanto segue:
- Colore testo nella riga secondaria delle righe dell'elenco (il produttore dell'auto controlla il colore della riga principale per AAOS)
- Colore del testo del pulsante
- Colori di sfondo dei pulsanti (tranne nella barra delle azioni e nella barra delle azioni della mappa)
- Colori dei marcatori degli elenchi di luoghi
- Elementi della scheda di itinerario: colore di sfondo, immagini e colore del valore della durata nella stima del viaggio (entro i requisiti del modello di navigazione)
- Notifiche passo passo (colore di sfondo)
Esempi di componenti del modello personalizzati sono mostrati in Esempi di personalizzazione delle app ed Esempi di personalizzazione OEM del veicolo.
Scegliere i colori per l'app
Per la maggior parte degli stili personalizzati (ad eccezione di quelli indicati nella sezione precedente), le app hanno le seguenti opzioni di colore:
- Fornisci fino a due colori accento personalizzati (con varianti chiare e scure, da applicare in modo appropriato da Android Auto o dagli OEM dei veicoli per le versioni AAOS delle app)
- Scegli tra 4 colori standard di Android for Cars (le versioni attuali sono mostrate a destra; potrebbero cambiare in futuro)
L'uso giudizioso del colore aiuta a focalizzare l'intento di un design. Fai attenzione a utilizzare i colori quando non svolgono una funzione.
Esempi di personalizzazione delle app
Esempi di personalizzazione OEM del veicolo
Questi esempi mostrano ulteriori personalizzazioni dello stile che un OEM di veicoli potrebbe applicare alla versione AAOS di un'app. Mentre il colore della scheda del percorso proviene dall'app, gli OEM di veicoli personalizzano i caratteri, i temi e le forme per la scheda del percorso, i pulsanti e la scheda dell'orario di arrivo stimato. Possono anche regolare la larghezza dei pulsanti, come mostrato in Personalizzare i pulsanti.
Personalizzare la larghezza, il colore e la forma del pulsante
Questi esempi mostrano come gli OEM possono personalizzare la larghezza, il colore e la forma dei pulsanti nella versione AAOS di un'app.
Per il pulsante che l'app ha designato come pulsante principale, gli OEM possono decidere se utilizzare un colore accento dell'app o il proprio colore accento. Possono anche scegliere se posizionare il pulsante principale a sinistra o a destra, per adattarsi a situazioni come i veicoli con guida a destra.
