La buona tipografia porta gerarchia e attenzione ai luoghi giusti. Questa guida rapida ti insegnerà come evitare la tipografia inefficace e come dare il giusto risalto alle parole scritte nel tuo disegno.
Una buona tipografia significa progettare non solo per le circostanze ideali, ma anche per scenari non ideali, ad esempio quando qualcuno è ipovedente o sta leggendo in condizioni di scarsa illuminazione. Cerca di avere un elevato rapporto di contrasto tra lo sfondo e il colore del testo. Ci sono molti strumenti online disponibili per assicurarti che il tuo testo sia leggibile.
Il livello AA WCAG 2.0 richiede un rapporto di contrasto di 4,5: 1 per il testo normale e 3: 1 per il testo di grandi dimensioni. Il livello AAA richiede un rapporto di contrasto 7: 1 per il testo normale e 4,5: 1 per il testo grande.
Anche i testi con troppo contrasto possono essere difficili da leggere. Ad esempio, testo di colore chiaro su sfondi scuri.
Una buona regola empirica è ridurre le distrazioni per leggere il testo. Che si tratti dell'uso di troppi font, troppi stili e varianti, troppo poco o troppo spazio tra le righe. Riduci tali distrazioni impostando un limite sul numero di stili o pesi dei font che hai in un layout.
Ad esempio, l'uso di due o tre tipi di carattere può funzionare su un'esperienza Web, ma più di questo e rischi di rendere la pagina disorganizzata e ingombra.
La lunghezza media della linea (o "misura") per la lettura ottimale è di 8-12 parole per linea o approssimativamente di 50-60 caratteri per riga. Ciò contribuirà a garantire che l'occhio dei lettori non salti troppo frequentemente dall'inizio alla fine di una frase, e anche un buon consiglio per garantire che il lettore rimanga impegnato.
Presta molta attenzione a ciò in cui stai progettando layout fluidi, poiché è probabile che la misura cambi con le dimensioni della finestra. La tipografia è un ottimo punto di riferimento al momento di decidere i punti di interruzione per i tuoi progetti.
Con queste linee guida come punto di partenza, puoi evitare una cattiva tipografia e comunicare chiaramente il messaggio del tuo design con distrazioni minime.