Tipografia

La tipografia, o lo stile del testo, viene utilizzata per esprimere la gerarchia del testo e il suo funzionamento in un'interfaccia utente. La tipografia utilizzata per l'ambiente di guida deve dare la priorità alla leggibilità.

In sintesi:

  • Utilizza display, corpo e sottotitolo della bilancia tipografica di Android Auto
  • La dimensione minima del testo del corpo è di 24 dp; riserva il formato secondario per le informazioni non essenziali
  • Usa una griglia da 4 dp per l'allineamento
  • Applicare attributi di stile per creare effetti (gerarchia di supporto, stato di attenzione)
  • Utilizzare gli spessori dei caratteri medi con moderazione ed evitare il grassetto

Riferimenti su scala e griglia

La scala tipografica di Android Auto e la griglia di tipografia offrono un insieme coerente e facilmente visualizzabile di stili di testo per una varietà di testi di visualizzazione, testo del corpo e dimensioni secondarie.

Bilancia tipografica Android Auto

La scala dei tipi offre nove stili per testo visualizzato, corpo del testo e sottotitolo, ciascuno con un carattere, una dimensione del carattere e un'altezza di riga specificati.

Anche se la dimensione del testo del corpo più piccola per Android Auto è 24 dp, le dimensioni del tipo di testo secondario inferiori a 24 dp possono essere utilizzate con parsimonia. Poiché non è facilmente visualizzabile, questo formato secondario deve essere riservato a informazioni non essenziali, ad esempio ai contenuti della barra di stato.

Scala del tipo
Le informazioni sul carattere in questa scala sono scritte nel seguente formato: (Nome carattere) (Dimensione tipo) / (Altezza riga). I valori relativi alle dimensioni del tipo e all'altezza della riga sono indicati in punti (pt).

Griglia di digitazione e riferimento di riferimento

Tutti i stili di tipo sono visualizzati nella griglia 4 dp. Questa griglia assicura che anche il testo venga ridimensionato e distanziato verticalmente in modo uniforme, creando una gerarchia visiva coerente basata su incrementi di 4 dp.

scalabilità su una griglia 4dp
La bilancia Android Auto è stata progettata per supportare incrementi di dimensioni di 4 dp dei caratteri.

Indicazioni ed esempi

L'applicazione di uno stile e una scala coerenti al testo dell'interfaccia utente può aiutarti a:

  • Assicurati che tutto il testo sia leggibile
  • Trasmettere una gerarchia visiva tra gli elementi di testo
  • Concentrare l'attenzione sui punti più importanti

Le indicazioni che seguono mostrano come applicare la scalabilità e gli stili di Android Auto in modo appropriato.

Applicazione della bilancia

Google Sans dovrebbe essere utilizzato per tipi di dimensioni pari o superiori a 32 dp. Roboto viene utilizzato ovunque perché è leggibile in dimensioni ridotte.

Famiglie di tipo
Questo esempio mostra gli usi appropriati di Google Sans e Roboto a vari livelli della scala tipo.

Esempi

Cosa fare

Se utilizzi un carattere di visualizzazione più adatto a testo di grandi dimensioni, ad esempio Google Sans, mantienilo con caratteri di dimensioni pari o superiori a 32 dp. Utilizzare Roboto per i testi secondari più piccoli perché mantengono una buona leggibilità anche a dimensioni inferiori a 32 dp.

No

Non utilizzare Google Sans per i testi più piccoli, con cui la leggibilità non è ottimale.

Applicazione stile in corso...

Ogni stile tipografico è composto da un insieme di scale e attributi come colore, opacità e spessore del carattere. Questi attributi possono essere aggiunti a qualsiasi stile per creare un effetto, indipendentemente dal fatto che l'intenzione sia quella di concentrare l'attenzione o ridurre l'enfasi.

In questo esempio, lo stile del titolo è costituito dalla scala Corpo 1 (che definisce le dimensioni del carattere e l'altezza della riga) modificate da attributi aggiuntivi di colore, opacità e spessore.

Esempi

Dimensioni del testo tipografico
a. Corpo 3
b. Corpo 2
c. Corpo 1
Dimensioni del testo tipografico
a. Corpo 2
b. Display 3
c. Corpo 2
Tipografia: sì

Cosa fare

Utilizzare lo spessore del carattere medio con moderazione. Salvala quando devi evidenziare il testo principale o attivo, come la scheda Recenti in questo esempio, o per stabilire una gerarchia visiva.
Tipografia da evitare

No

Lo spessore dei caratteri in grassetto (applicato a tutto il testo in questo esempio) è meno leggibile rispetto agli spessori medi e deve essere evitato.