Cose da fare e da non fare di tipografia
Dato che gran parte del contenuto disponibile sul web è il testo, è essenziale che i web designer comprendano i principi di base della buona tipografia. Avere tale conoscenza consente ai progettisti di comunicare in modo più efficace, consentendo loro di creare progetti e siti Web migliori che sono più facili da usare.
Per i designer più esperti l'impostazione del testo può avvenire in modo naturale, ma per coloro che sono appena agli inizi ho deciso di mettere insieme un elenco di cose da fare e da non fare. Questa lista non solo ti insegnerà i fondamenti, ma puoi anche usarla come lista di controllo per elaborare progetti futuri. Ecco qui:
FARE una gerarchia tipografica
Una gerarchia tipografica può essere stabilita usando una varietà di metodi come dimensioni, peso, colore e contrasto. Il suo scopo è quello di dare struttura alle pagine e guidare l'utente attraverso il contenuto. Senza una chiara gerarchia il testo diventa molto più difficile da analizzare e quindi generalmente più difficile da leggere. Basta dare un'occhiata agli esempi qui sotto. A sinistra il testo è di una taglia e un peso, quindi è difficile distinguere tra titoli e testo del corpo. Nel frattempo, a destra, abbiamo lo stesso contenuto ma con una chiara gerarchia tipografica, quindi è molto più facile distinguere tra i diversi elementi.
Qui ho usato solo le dimensioni e il peso per stabilire la mia gerarchia, ma per risultati ancora migliori puoi provare a sperimentare con colori e contrasto.
NON rendere il testo troppo piccolo
Non tutti hanno una visione 20-20, quindi è importante assicurarsi che il testo del tuo corpo sia abbastanza grande da consentire alla gente di leggere comodamente. Personalmente raccomanderei non più piccolo di una dimensione di 14pt.
FARE un font appropriato per il corpo del testo
Un altro fattore importante quando si tratta del testo del tuo corpo è la leggibilità. Sebbene un carattere tipografico come Satisfy possa adattarsi a un design con un'estetica fatta a mano, l'uso di un carattere tipografico come questo per il corpo del tuo testo avrà un impatto negativo sui tuoi utenti. Questo perché è molto più difficile da leggere rispetto ai tuoi serif o sans-serif. Guarda gli esempi qui sotto e noterai quanto è più difficile lavorare il tuo cervello per distinguere le parole a sinistra rispetto a quelle a destra.
NON usare troppi caratteri diversi su una pagina
Servizi come Typekit e Google Fonts possono consentire l'accesso a migliaia di tipi di carattere, ma ciò non significa che devi usarli tutti. Come puoi vedere dall'esempio sotto, a meno che non sia fatto molto bene, l'utilizzo di più font può essere molto fastidioso. Questo è il motivo per cui di solito raccomando di non usare più di 2 o 3.
Dare alla tua stanza del testo di respirare
Una mancanza di spazio bianco tra ogni linea può influire sulla leggibilità perché rende difficile per l'occhio tracciare da una linea all'altra. Tuttavia, questo problema può essere facilmente risolto aumentando le altezze delle linee, ma attenzione a non esagerare, troppo spazio può anche influenzare la leggibilità in modo negativo.
NON utilizzare continuamente tappi
Le persone non sono abituate a leggere grossi pezzi di testo impostati in maiuscolo e per questo è in realtà più difficile da leggere per le persone. Non solo, ma le persone spesso associano tutti i berretti con urla o aggressività e quando si tratta di marketing si può incontrare abbastanza spammy. A causa di ciò è importante pensare a come e quando userai tutte le maiuscole e per assicurarti di usarlo con moderazione.
Prova a limitare i paragrafi a 40-60 caratteri per riga
Se una riga è troppo lunga, il lettore inizia gradualmente a perdere la concentrazione e spesso può avere problemi a leggere da una riga a quella successiva. Se una linea è troppo corta, l'occhio del lettore torna indietro troppo spesso, il che interrompe il loro ritmo. Questo può anche farli iniziare a leggere la riga successiva troppo presto, facendoli perdere le parole dalla riga precedente. Questo è il motivo per cui la lunghezza della linea ottimale per il corpo del testo è di circa 40-60 caratteri per riga.
NON usare grandi quantità di testo centrato
Il testo centrato è difficile da leggere perché i bordi del blocco di testo non sono uniformi, il che rende più difficile la scansione perché ogni linea ha un punto di partenza diverso. Anche i blocchi di testo centrati sono difficili da allineare ad altri oggetti sulla pagina e sono spesso considerati piuttosto amatoriali. Questo è il motivo per cui, come tutte le maiuscole, è preferibile utilizzare il testo centrato con moderazione, optando invece per il testo allineato a sinistra come standard.
Assicurati che ci sia abbastanza contrasto tra il tuo testo e lo sfondo
Il contrasto è un altro aspetto della tipografia che può influire sulla leggibilità. Se non c'è abbastanza contrasto tra il testo e lo sfondo, il contenuto può diventare illeggibile.
Hai qualcosa da aggiungere? Quali consigli daresti ai nuovi designer appena agli inizi? Fateci sapere nei commenti.