Scheda di notifica
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Le schede di notifica comunicano piccole quantità di informazioni tempestive provenienti dal sistema o da un'app.
Il design di queste schede per il sistema operativo Android Automotive è studiato per ridurre al minimo la distrazione per i conducenti. Le schede sono disponibili in tre versioni base:
Scheda di notifica Heads-up (HUN): utilizzata per una notifica che appare brevemente sulla schermata corrente
Scheda Centro notifiche: utilizzata per le notifiche elencate nel Centro notifiche
Scheda di notifica raggruppata: combina più schede del Centro notifiche in un'unica scheda
All'interno di queste versioni, il design può variare leggermente a seconda della categoria del messaggio. Ad esempio, le notifiche di chiamata hanno pulsanti e icone diversi rispetto alle notifiche di navigazione.
Anatomia
La scheda di notifica è un componente flessibile che può includere una varietà di elementi. È disponibile in tre versioni principali:
Scheda HUN: questa versione è più ampia della scheda Centro notifiche e viene visualizzata nella parte superiore della schermata corrente finché non viene chiusa
Scheda Centro notifiche: questa versione è più stretta della scheda HUN e appare con altre schede simili nel Centro notifiche, in un elenco verticale
Scheda di notifica raggruppata: questa versione della scheda Centro notifiche combina più notifiche correlate in un'unica scheda, con controlli per espandere e mostrare le singole notifiche
Le varianti di queste versioni in base al tipo di messaggio sono mostrate in Stili .
Qui vengono mostrate le versioni HUN e Centro notifiche della stessa scheda di notifica, con i seguenti elementi: 1. Intestazione 2. Contenuto (con e senza anteprima del messaggio opzionale, che può essere nascosta durante la guida dell'auto) 3. Azioni 4. Icona grande
Qui viene mostrata una scheda di notifica raggruppata, sia nella versione compressa che in quella espansa, con i seguenti elementi: 1. Intestazione 2. Contenuto 3. Azione di espansione/compressione 4. Indicatore di espansione/compressione
Specifiche – Scheda HUN
Standard HUN
HUN con avatar
Messaggio HUN con anteprima
Messaggio HUN con più messaggi
HUN a immagine grande
Specifiche – Scheda Centro notifiche
Notifica standard
Notifica del messaggio con anteprima
Notifica dei messaggi con più messaggi
Notifica di singola azione
Specifiche – Scheda di notifica raggruppata
Notifica raggruppata – Compresso
Notifica raggruppata – Espansa
Ridimensionamento dei layout
Questi layout di riferimento mostrano come adattare le notifiche a schermi di diverse larghezze e altezze. Si noti che tutti i valori dei pixel sono espressi in pixel renderizzati, prima di qualsiasi sottocampionamento o sovracampionamento.
Disposizione
Margini, linee guida e spaziatura per schermi di varie dimensioni.
Schermi di larghezza standard
Carta HUN.
Scheda Centro notifiche. Scheda di notifica raggruppata (compressa). Scheda di notifica raggruppata (espansa).
Schermi ampi
Carta HUN.
Scheda Centro notifiche. Scheda di notifica raggruppata (compressa). Scheda di notifica raggruppata (espansa).
Schermi extra-wide e super-wide
Carta HUN.
Scheda Centro notifiche. Scheda di notifica raggruppata (compressa). Scheda di notifica raggruppata (espansa).
Spaziatura verticale delle notifiche su schermi di varie altezze
Le specifiche di spaziatura verticale in questa sezione sono valide solo per le schede HUN.
Schermate corte
Carta HUN.
Schermi alti e di altezza standard
Carta HUN.
Stili
Tipografia
Stile del tipo
Carattere tipografico
Peso
Dimensione (dp)
Corpo 1
Roboto
Regolare
32
Corpo 3 M
Roboto
Medio
24
Corpo 3
Roboto
Regolare
24
Colore
Elemento
Colore (modalità giorno)
Colore (modalità notturna)
Tipo primario / icone
Bianco
Bianco all'88%
Tipo secondario
Bianco al 72%
Bianco al 60%
Icona secondaria
Accento di terze parti
Accento di terze parti
Attaccatura dei capelli divisoria
Bianco 22%
Bianco 12%
Sfondo della carta
Grigio 868
Grigio 900
Gradient Scrim
Nero 100% - 0%
Nero 100% - 20%
Dimensionamento
Elemento
Dimensione (dp)
Icona principale
44
Icona secondaria
36
Avatar medio
76
Raggio d'angolo arrotondato (R2)
8
Esempi
Schede HUN: Chiamata, Messaggio, Avviso auto e Navigazione. Schede del Centro notifiche: Chiamata, Messaggio e Avviso auto.
Schede di notifica raggruppate: Messaggi, espansi e compressi - giorno. Schede di notifica raggruppate: Messaggi, espansi e compressi - notte.
Movimento
I seguenti movimenti costituiscono una parte importante dell'esperienza di notifica:
Mozione di arrivo HUN
Movimento di scorrimento per ignorare una notifica
Movimenti di espansione e compressione delle notifiche raggruppate
Arrivo HUN
Il movimento di un HUN che scorre dalla parte superiore dello schermo aiuta gli utenti a notare il suo arrivo e fornisce anche un suggerimento su come accedere alle notifiche tramite uno scorrimento verso il basso se il Centro notifiche è implementato come un'area a discesa.
Scorri per chiudere
Il movimento di trascinamento quando un utente scorre lateralmente su una notifica fornisce una conferma visiva che la notifica è stata ignorata, quindi il movimento verso l'alto della notifica successiva riempie il buco nell'elenco.
Espandi e comprimi le notifiche raggruppate
L'estensione verso il basso di una scheda di notifica raggruppata garantisce una transizione fluida dallo stato compresso a quello espanso.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2026-03-04 UTC."],[],[]]
