Dopo aver determinato le sequenze di modelli per l'attività dell'app, puoi personalizzare i contenuti di ciascun modello e alcuni degli stili per la tua app.
Per scoprire quali aspetti del design visivo generale 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 adattare lo stile ai propri veicoli, come mostrato in Esempi di personalizzazione degli OEM di veicoli.
Per scoprire di più sulle opzioni di personalizzazione per modelli specifici, consulta la sezione Modelli.
Personalizzazione del design visivo
Mentre la libreria di app determina i layout dei modelli e lo stile predefinito, i designer delle app e gli OEM di veicoli contribuiscono entrambi ad aspetti personalizzati del design visivo.
Aspetto dell'interfaccia utente | Che cosa determina la libreria | Quali app determinano o personalizzano | Quali veicoli possono essere personalizzati dagli OEM |
---|---|---|---|
Immagini e iconografia | Iconografia degli elementi standard, come il pulsante Indietro e la rotellina di caricamento | Le app forniscono tutte le immagini e l'iconografia (consulta le icone in Materiale e le specifiche delle icone di Google Play), ad eccezione di quanto indicato a sinistra | |
Layout, dimensioni e forme | Layout predefinito, oltre a dimensioni e forme di tutti gli elementi (i valori predefiniti sono standard nella versione Android Auto dell'app) |
|
Modifiche alle dimensioni, alla forma, alla posizione dei pulsanti e alle proporzioni degli elementi del modello nelle versioni AAOS delle app (o, ad esempio, il dimensionamento esatto per le immagini e le icone "grandi" e "piccole" nei veicoli) |
Tipografia e lunghezza del testo | Famiglia e dimensioni di caratteri nella versione Android Auto dell'app (vedi Tipografia). | In alcuni casi, varianti di stringhe di testo più lunghe e brevi per adattarsi a diversi spazi su schermi di auto diverse | Famiglia e dimensioni di 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 degli indicatori degli elenchi di luoghi, alcuni elementi di testo e alcuni colori di sfondo (per ulteriori informazioni, consulta la sezione successiva, Personalizzazione dei colori). | Regolazioni dei colori predefiniti e forniti dall'app in base alle esigenze per armonizzarli con le interfacce utente dei veicoli nelle versioni AAOS dell'app |
Personalizzazione del colore
Le app possono fornire colori per gli elementi di determinati modelli, come indicato nell'elenco che segue. Per le versioni AAOS della tua app, gli OEM dei veicoli possono apportare alcune modifiche.
Le app possono personalizzare:
- Colore del testo nella riga secondaria dell'elenco righe (il produttore di auto controlla il colore della linea principale per AAOS)
- Colore del testo del pulsante
- Colori di sfondo dei pulsanti (tranne che per la striscia di azione e la barra delle azioni sulla mappa)
- Colori degli indicatori degli elenchi di luoghi
- Elementi della scheda di percorso: il valore del colore di sfondo, delle immagini e del colore della durata nella stima della corsa (all'interno dei requisiti del modello di navigazione).
- Notifiche passo passo (colore di sfondo)
Esempi di componenti personalizzati dei modelli sono mostrati in Esempi di personalizzazione delle app e Esempi di personalizzazione dell'OEM di veicoli.
Scegli i colori dell'app
Per la maggior parte degli stili personalizzati (ad eccezione delle eccezioni indicate nella sezione precedente), le app hanno le seguenti opzioni di colore:
- Fornisci fino a due colori intensi personalizzati (con le varianti chiaro e scuro, da applicare a seconda dei casi 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)
Colori standard | Colori di contrasto di esempio |
---|---|
![]() |
![]() |
L'uso oculato del colore contribuisce a mettere in risalto l'intento di un design. Fai attenzione quando utilizzi i colori quando non svolgono una funzione.
Esempi di personalizzazione delle app
Esempi di personalizzazione degli OEM di veicoli
Questi esempi mostrano personalizzazioni di stile aggiuntive che un OEM di un veicolo potrebbe applicare alla versione AAOS di un'app. Anche se il colore della scheda dei percorsi proviene dall'app, gli OEM dei veicoli personalizzano i caratteri, i temi e le forme per la scheda dei percorsi, i pulsanti e la scheda dell'orario di arrivo stimato. Possono anche regolare la larghezza dei pulsanti, come mostrato nella sezione Personalizzare i pulsanti di seguito.
Visualizzazione della navigazione di giorno
![Esempio di personalizzazione OEM per la navigazione di giorno](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-daytime-navigation.png?authuser=5&hl=it)
Visualizzazione della navigazione notturna
![Esempio di personalizzazione OEM per la navigazione notturna](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-nighttime-navigation.png?authuser=5&hl=it)
Personalizzare la larghezza, il colore e la forma del pulsante
Questi esempi evidenziano come gli OEM possono personalizzare la larghezza, il colore e la forma dei pulsanti nella versione AAOS di un'app.
Per il pulsante indicato come pulsante principale dall'app, gli OEM possono decidere se utilizzare un colore di contrasto dell'app o un proprio colore intenso. Possono anche scegliere se posizionare il pulsante principale a sinistra o a destra, ad esempio per i veicoli con guida a destra.
Pulsante principale a sinistra, colori standard | Pulsante principale a destra, colori personalizzati |
---|---|
![]() |
![]() |