Tipografia

Gli stili ortografici aiutano a definire la gerarchia delle informazioni e la funzione di un'interfaccia utente. Anche le scelte tipografiche possono influire notevolmente sulla leggibilità, il che è un aspetto importante da considerare per la guida.

Guida in sintesi (TL:DR):

  • Utilizza display, corpo e sottotitolo per la scala tipografica Android OS
  • 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

Usa la scala tipografica di Android Automotive e la griglia di digitazione per garantire un aspetto e un testo coerenti a qualsiasi livello di testo visualizzato, corpo del testo e sottotitolo.

Scala tipografica sistema operativo Android Automotive

Questa scala mostra i caratteri, le dimensioni dei caratteri e l'altezza delle righe utilizzati per i nove livelli predefiniti di testo visualizzato, corpo del testo e sottotitolo per il sistema operativo Android Automotive. La dimensione minima del tipo per il sistema operativo Android Automotive è 24 dp. Le dimensioni inferiori a 24 dp non sono facilmente visualizzabili e dovrebbero essere utilizzate con parsimonia nel contesto automatico. Le dimensioni dei sottotitoli sono riservate a informazioni non essenziali o di terziario, come i contenuti della barra di stato.

Scala del tipo
Il formato per le informazioni sui caratteri in questa scala è: (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

Mantenere la scala e il ritmo verticale in base a una griglia 4 dp è utile per garantire coerenza e gerarchia visiva.

scalabilità su una griglia 4dp
La bilancia del sistema operativo Android Automotive è progettata per supportare incrementi di dimensioni di carattere 4 dp.

Indicazioni ed esempi

L'applicazione di scala e stile alle tue scelte tipografiche 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

Ogni stile è costituito da un insieme di valori definiti dalla scala e da attributi aggiuntivi. Questi attributi includono spessore carattere, colore e valori di opacità e possono essere aggiunti a qualsiasi dimensione per creare l'effetto desiderato, ad esempio concentrando l'attenzione.

Lo stile del titolo in questo esempio è costituito dalla scala Corpo 1 (che definisce le dimensioni del carattere e l'altezza della riga) modificata 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. Display 2
b. Corpo 1
c. Corpo 1
Tipografia: sì

Usa 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.
Tipologie da evitare

Da evitare

Gli spessori dei caratteri in grassetto (applicati a tutto il testo in questo esempio) sono meno leggibili rispetto agli spessori medi e devono essere evitati.