Questa pagina è stata tradotta dall'API Cloud Translation.

Carte

Le schede possono contenere una vasta gamma di informazioni, come testo, icone, immagini, risposte di Gemini o azioni.

Gli elementi di design devono essere ancorati alla parte inferiore del frame.

dell'AI

Coerenti: le schede raggruppano informazioni e azioni correlate in un'unica unità facilmente fruibile.

Chiari: presentano i contenuti in modo chiaro e organizzato, migliorandone la leggibilità.

Versatili: le schede possono adattarsi per mostrare un'ampia gamma di contenuti, da semplici descrizioni di testo a riepiloghi più complessi con più elementi.

Modulare: progettato per essere modulare e riutilizzabile in diverse parti dell'interfaccia di Jetpack Compose Glimmer per occhiali.

Utilizzo e posizionamento

Le schede possono contenere una vasta gamma di informazioni, come testo, icone, immagini, azioni o risposte di Gemini.

Gli elementi di design devono essere ancorati alla parte inferiore del frame.

Utilizza i modelli di schede Glimmer di Jetpack Compose per i contenuti, in quanto sono disponibili in molte varianti e ottimizzati per seguire i principi di progettazione degli occhiali.

Cosa fare

Mantieni i contenuti concisi e rispetta le best practice di stile, ad esempio l'utilizzo dei colori.

Cosa non fare

Saturare gli utenti con troppi contenuti all'interno delle schede o abbandonare le linee guida di stile.

Anatomia

Le schede sono create con modelli di slot preimpostati.

Gli elementi di design devono essere ancorati alla parte inferiore del frame. 1. Intestazione: la sezione superiore della scheda, progettata per contenere un'immagine.

2. Titolo e sottotitolo: questi campi di testo forniscono le etichette principale e secondaria per la scheda.

3. Icona iniziale: un'icona facoltativa che viene visualizzata all'inizio dell'area dei contenuti della scheda.

4. Icona finale: un'icona facoltativa che viene visualizzata alla fine dell'area dei contenuti della scheda.

5. Azione: uno spazio per un elemento interattivo principale, ad esempio un pulsante. In questo modo, gli utenti possono eseguire un'azione direttamente dalla scheda. Lo slot è disponibile in un overload separato del composable Card.

6. Contenuto principale: il corpo principale della scheda, in cui inserisci il testo principale o altri contenuti.

Full immersion

Per le schede il cui scopo principale è ospitare un elemento interattivo specifico (come il pulsante nell'azione), lo stato attivo deve passare direttamente a quell'elemento, non al contenitore della scheda. Una scheda diventa selezionabile quando rappresenta un singolo elemento navigabile, ad esempio una voce in un elenco. In questo modo si offre un'esperienza utente più diretta e accessibile.

Gli elementi di design devono essere ancorati alla parte inferiore del frame. Una scheda che ha lo stato attivo come elemento di elenco.

Gli elementi di design devono essere ancorati alla parte inferiore del frame. Un pulsante all'interno di una scheda viene messo in evidenza come elemento su cui è possibile intervenire.