Concentrati sull'esperienza di sistema, sull'app e su funzionalità aggiuntive per progettare l'esperienza di riferimento dei ritratti.
Il design di riferimento verticale è ancorato alla schermata Home e include i seguenti elementi permanenti dell'interfaccia utente di sistema:
Schermata Home
La schermata Home fornisce un punto di partenza all-inclusive per i conducenti, con tutti i controlli facilmente accessibili. Soddisfa la maggior parte delle esigenze dei conducenti, in modo che possano concentrarsi sulla guida o meno da un'app all'altra.
Senza uscire da questa schermata, il conducente può accedere a:
- La barra di stato in alto con controlli rapidi e un selettore profilo
- Il livello di base nel corpo dello schermo, che in genere esegue un'app di navigazione
- Barre di navigazione del sistema e dei controlli in basso
![Visualizzazione schermata Home](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=19&hl=it)
Barra di controllo
La barra di controllo ospita i controlli per contenuti multimediali (video e musica), podcast, Bluetooth, radio e chiamate attive.
Per le app multimediali e per smartphone, la barra di controllo si trova sopra la barra di navigazione nella metà inferiore dello schermo. Quando l'utente accetta una chiamata in arrivo, i controlli passano da contenuti multimediali a telefonata attiva.
Controlli multimediali
I controlli multimediali consentono di riprodurre, mettere in pausa, riavvolgere e mandare avanti. Consentono inoltre all'utente di contrassegnare i preferiti e di accedere a controlli personalizzati aggiuntivi, se presenti.
![Controlli multimediali standard](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=19&hl=it)
![Controlli multimediali espansi](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=19&hl=it)
Controlli per le chiamate attivi
I controlli del telefono consentono di disattivare l'audio dell'altoparlante, passare al Bluetooth e annullare una chiamata.
Barra di stato
La barra di stato appare nella parte superiore dello schermo e ospita il selettore profilo, i controlli rapidi e le informazioni su ora e meteo.
- Controlli rapidi:
- Bluetooth: stato Bluetooth
- Connettività: Wi-Fi, rete mobile e hotspot
- Luminosità dello schermo: consente all'utente di regolare il livello di luminosità dello schermo.
- Orologio: display digitale dell'ora corrente
- Informazioni meteo: mostra la temperatura esterna.
- Selettore profilo: mostra il profilo utente attualmente in uso e consente all'utente di selezionare un profilo diverso, se necessario.
Gli elementi della barra di stato vengono visualizzati nello stesso ordine per le auto con guida a sinistra e a destra.
Gli utenti possono attivare e disattivare la visualizzazione del meteo nelle Impostazioni.
Per le best practice e le indicazioni sulla personalizzazione della barra di stato, consulta Best practice per la barra di stato.
Controlli rapidi
I controlli rapidi sulla barra di stato consentono di accedere facilmente a Bluetooth, connettività e luminosità del display.
![Controlli Bluetooth](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=19&hl=it)
![Controlli connettività](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=19&hl=it)
![Impostazioni di visualizzazione](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=19&hl=it)
Selettore profilo
Il selettore profilo sulla barra di stato consente di selezionare rapidamente i profili e di accedere alle impostazioni del profilo con una scorciatoia.
![Selettore profilo con menu del profilo](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=19&hl=it)
Best practice per la barra di stato
Best practice per gli sviluppatori di app:
- Utilizza la trasparenza per evitare di coprire i contenuti dell'app: se l'app è posizionata in parte dietro la barra di stato anziché interamente sotto, gli sviluppatori di app devono lasciare la barra di stato trasparente.
- Applica il colore in modo strategico: se l'app si trova interamente sotto la barra di stato, gli sviluppatori di app devono scegliere un colore per la barra.
Barra di navigazione del sistema
La barra di navigazione del sistema ospita i controlli per Avvio app, l'assistente digitale, il Centro notifiche e i controlli per il comfort.
La barra di navigazione del sistema si trova nella parte inferiore dello schermo e mostra i seguenti controlli:
- Temperatura abitacolo: temperatura dell'abitacolo.
- Avvio applicazioni: le app a disposizione del conducente.
- Assistente digitale: consente di accedere all'assistente digitale scelto, ad esempio l'Assistente Google.
- Centro notifiche: accesso al centro notifiche
- Controllo della climatizzazione: accesso ai sistemi di climatizzazione nel veicolo
Per indicazioni sulla personalizzazione della barra di navigazione del sistema, consulta Personalizzazione della barra di navigazione del sistema.
Avvio app
Avvio app viene mostrato nello spazio principale delle app, in una visualizzazione griglia standard di Avvio app. Le app sono ordinate dalla A alla Z. Gli utenti possono riordinare le app in base alle loro preferenze.
![Avvio app](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=19&hl=it)
Assistente digitale
Quando viene toccata, l'offerta richiama l'assistente digitale attualmente attivo per la comunicazione vocale.
Centro notifiche
Il Centro notifiche indirizza l'utente a tutti i messaggi di notifica salvati, sia letti che da leggere.
![Centro notifiche](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=19&hl=it)
Controllo climatizzazione
L'icona del climatizzatore consente di accedere facilmente ai sistemi di climatizzazione dell'auto.
![Controlli del clima ampliati](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=19&hl=it)
Altre funzionalità
Le funzionalità aggiuntive del design di riferimento verticale che si applicano sia all'esperienza di sistema sia a quella dell'app includono il livello vocale e i temi.
Livello vocale
Il livello vocale è un livello trasparente che si trova sopra tutti i livelli e sopra le barre di navigazione dei controlli e del sistema.
Può eseguire qualsiasi tipo di assistente digitale integrato nel sistema, ad esempio l'Assistente Google.
Temi
In base alle condizioni di luce, sono disponibili due temi.
![Tema scuro](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=19&hl=it)
![Tema chiaro](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=19&hl=it)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=19&hl=it)
Usa il tema scuro per la notte o in condizioni di scarsa illuminazione per ridurre il riflesso. Scopri di più sulla visibilità notturna.
Utilizza il tema chiaro per aiutare conducenti e passeggeri a vedere gli schermi dell'auto alla luce diretta del sole. La navigazione del sistema può rimanere nera per armonizzarsi con l'hardware.