Guarda qualsiasi pagina web online oggi, indipendentemente dalle dimensioni del sito o dall'industria a cui è destinata, e vedrai che una cosa condivisa da tutti è il contenuto del testo.
Uno dei modi più semplici per influenzare la progettazione di una pagina Web è con i caratteri che si utilizzano per il contenuto del testo su quel sito. Sfortunatamente, molti web designer che sono all'inizio della loro carriera diventano un po 'pazzi usando troppi caratteri su ogni pagina. Questo può rendere un'esperienza fangosa che sembra mancare di coesione del design. In altri casi, i progettisti provano a sperimentare font che sono praticamente illeggibili, li usano solo perché sono "cool" o diversi, potrebbero infatti essere dei caratteri interessanti, ma se il testo che intendono trasmettere non può essere letto, allora il la "freddezza" di quel font si esaurirà quando nessuno legge quel sito e invece parte per un sito che può elaborare!
Questo articolo esaminerà alcuni degli elementi che dovresti prendere in considerazione quando scegli una famiglia di font per il tuo prossimo progetto di sito web.
ALCUNE REGOLE-DI-THUMB
- Non utilizzare più di 3-4 caratteri su una singola pagina. Qualcosa di più di questo inizia a sentirsi dilettantistico - e persino 4 tipi di carattere possono essere troppi in alcuni casi!
- Non cambiare il font a metà frase a meno che tu non abbia una buona ragione (Nota: non ho mai, in tutti i miei anni di web designer, trovato una buona ragione per farlo)
- Usa caratteri sans serif o caratteri serif per il corpo del testo per rendere più facile leggere questi blocchi di contenuti.
- Utilizzare i caratteri monospace per il testo della macchina da scrivere e il blocco di codice per impostare il codice separato dalla pagina.
- Usa caratteri script e fantasy per accenti o titoli di grandi dimensioni con pochissime parole.
Ricorda che questi sono tutti suggerimenti, non regole dure e veloci. Se hai intenzione di fare qualcosa di diverso, comunque, dovresti farlo con intenzione, non per sbaglio.
SANS SERIF FONTS SONO LA BASE DEL TUO SITO
I caratteri sans serif sono quei caratteri che non hanno "serifs", il piccolo trattamento di design aggiunto alle estremità delle lettere.
Se hai seguito corsi di design di stampa, probabilmente ti è stato detto che dovresti usare solo caratteri serif solo per i titoli. Questo non è vero per il Web. Le pagine Web sono concepite per essere visualizzate dai browser Web su monitor di computer e i monitor di oggi sono in grado di visualizzare chiaramente sia i caratteri serif che sans-serif. Alcuni tipi di caratteri serif possono diventare un po 'difficili da leggere in dimensioni più piccole, specialmente su display più vecchi, quindi devi sempre essere consapevole del tuo pubblico e assicurarti che possano leggere i caratteri serif prima di prendere la decisione di usarli per il tuo corpo del testo. Detto questo, molti font serif oggi sono progettati per il consumo digitale e funzioneranno bene come copia del corpo purché siano impostati con una dimensione di carattere ragionevole.
Alcuni esempi di caratteri sans-serif sono:
- Arial
- Ginevra
- Helvetica
- Lucida Sans
- trebuchet
- Verdana
Curiosità: Verdana è una famiglia di font che è stata inventata per l'uso sul web.
UTILIZZA FONT SERIF PER LA STAMPA
Mentre i caratteri serif possono essere difficili da leggere online per i display più vecchi, sono perfetti per la stampa e buoni per i titoli sulla pagina web. Se disponi di versioni compatibili con la stampa del tuo sito, questo è il posto perfetto per usare i caratteri serif. Le serif, in stampa, rendono più facile la lettura, in quanto consentono alle persone di differenziare le lettere in modo più chiaro. E poiché la stampa ha una risoluzione più alta, possono essere viste più chiaramente e non apparire confuse insieme.
Best Practice: considera l'utilizzo di caratteri serif per le pagine compatibili con la stampa.
Alcuni esempi di caratteri serif sono:
- Garamond
- Georgia
- Volte
- Times New Roman
FONT MONOSPACE PRENDONO UNO SPAZIO EQUAL PER OGNI LETTERA
Anche se il tuo sito non riguarda l'informatica, puoi utilizzare il monospazio per fornire istruzioni, dare esempi o implicare del testo dattiloscritto. Le lettere monospaziali hanno la stessa larghezza per ogni carattere, quindi occupano sempre la stessa quantità di spazio sulla pagina.
Le macchine da scrivere tipicamente usavano i font monospace e usandoli sulla tua pagina web possono darti la sensazione di quel contenuto dattiloscritto.
Alcuni esempi di font monospace sono:
- Corriere
- Courier New
- Console di Lucida
- Monaco
Best Practice: i font Monospace funzionano bene per gli esempi di codice.
FANTASY E FANTASTICI DI SCRIPT SONO DIFFICILI DA LEGGERE
I caratteri fantasy e di script non sono così diffusi sui computer, e in generale possono essere difficili da leggere in grossi pezzi. Mentre potresti apprezzare l'effetto di un diario o di altri documenti personali che potrebbero essere usati con un carattere corsivo, i tuoi lettori potrebbero avere problemi. Ciò è particolarmente vero se il tuo pubblico include madrelingua. Inoltre, i font fantasy e cursive non includono sempre caratteri accentati o altri caratteri speciali che limitano il testo all'inglese.
Usa caratteri fantastici e corsivi nelle immagini e come titoli o callout. Tienili corti e sii consapevole che qualsiasi font che scegli non sarà probabilmente nella maggior parte dei computer dei tuoi lettori, quindi dovrai consegnarli usando i caratteri web.
Alcuni esempi di caratteri fantasy sono:
- Piastra di rame
- Desdemona
- urto
- kino
Curiosità: l'impatto è la famiglia di font più probabile su macchine Mac, Windows e Unix.
Alcuni esempi di caratteri di script sono:
- Chancery di Apple
- Comic Sans MS
- Lucida Calligrafia
Curiosità: gli studi hanno dimostrato che i caratteri che sono più difficili da leggere possono aiutare gli studenti a conservare più informazioni.
Articolo originale di Jennifer Krynin. Modificato da Jeremy Girard il 9/8/17
