Come decidere quale famiglia di caratteri utilizzare per il web design

Guarda qualsiasi pagina web online oggi, indipendentemente dalle dimensioni del sito o dal settore per cui è, e vedrai che una cosa che condividono tutti in comune è il contenuto del testo.

Uno dei modi più semplici per influenzare il design di una pagina web è con i caratteri che usi per il contenuto di testo su quel sito. Sfortunatamente, molti web designer che sono all'inizio della loro carriera impazziscono usando troppi caratteri in ogni pagina. Questo può creare un'esperienza confusa che sembra mancare di coesione progettuale. In altri casi, i designer provano a sperimentare con caratteri praticamente illeggibili, usandoli solo perché sono "fighi" o diversi. Possono davvero essere caratteri dall'aspetto interessante, ma se il testo che dovrebbero trasmettere non può essere letto, allora il La "bellezza" di quel carattere svanirà quando nessuno leggerà quel sito Web e invece se ne andrà per un sito che può processi!

Alcune regole pratiche

1. Non utilizzare più di 3-4 caratteri su una pagina. Qualcosa di più di questo inizia a sembrare amatoriale - e anche 4 caratteri possono essere troppi in alcuni casi!
   instagram viewer
2. Non farlo cambia il carattere a metà frase, a meno che tu non abbia una buona ragione.
3. Usa caratteri sans serif o caratteri serif per il corpo del testo per rendere più facile la lettura di quei blocchi di contenuto.
4. Usa i caratteri a spaziatura fissa per il testo della macchina da scrivere e il blocco di codice per distinguere quel codice dalla pagina.
5. Usa caratteri di script e fantasy per accenti o titoli di grandi dimensioni con pochissime parole.

Ricorda che questi sono tutti suggerimenti, non regole ferree. Se hai intenzione di fare qualcosa di diverso, tuttavia, dovresti farlo con l'intenzione, non per caso.

I caratteri sans serif sono la base del tuo sito

Caratteri sans serif sono quei caratteri che non hanno "grazie” - il trattamento di design poco 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 devono essere visualizzate da browser web sui monitor dei computer e sui dispositivi mobili e i monitor e i display di oggi sono abbastanza bravi a visualizzare chiaramente sia i caratteri serif che sans-serif. Alcuni caratteri serif possono diventare un po' difficili da leggere in dimensioni più piccole, specialmente su display più vecchi, quindi dovresti sempre sii consapevole del tuo pubblico e assicurati che possano leggere i caratteri serif prima di prendere la decisione di usarli per il tuo corpo testo. Detto questo, la maggior parte dei caratteri serif oggi sono progettati per il consumo digitale e funzioneranno bene come copia del corpo purché siano impostati su una dimensione del carattere ragionevole.

Alcuni esempi di caratteri sans-serif sono:

• Arial
• Ginevra
• Helvetica
• Lucida Sans
• trabucco
• Verdana

Usa i caratteri 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 delle pagine web. Se hai stampa-friendly print versioni del tuo sito, questo è il posto perfetto per usare i caratteri serif. I serif, in stampa, facilitano la lettura, poiché consentono alle persone di differenziare le lettere in modo più chiaro. E poiché la stampa ha una risoluzione più elevata, può essere vista più chiaramente e non sembra sfocarsi insieme.

Alcuni esempi di caratteri serif siamo:

• Garamond
• Georgia
• Volte
• Times New Roman

I caratteri monospazio occupano lo stesso spazio per ogni lettera

Anche se il tuo sito non riguarda l'informatica, puoi utilizzare il monospazio per fornire istruzioni, fornire esempi o implicare testo dattiloscritto. Le lettere monospazio hanno la stessa larghezza per ogni carattere, quindi occupano sempre la stessa quantità di spazio sulla pagina. I caratteri a spaziatura fissa funzionano particolarmente bene per gli esempi di codice.

Le macchine da scrivere in genere utilizzavano caratteri monospazio e il loro utilizzo sulla tua pagina Web può darti la sensazione di quel contenuto dattiloscritto.

Alcuni esempi di caratteri a spaziatura fissa sono:

• Corriere
• Courier New
• Lucida Console
• Monaco

I caratteri fantasy e script sono difficili da leggere

I caratteri fantasy e script non sono così diffusi sui computer e in generale possono essere difficili da leggere in grandi blocchi. Mentre potrebbe piacerti l'effetto di un diario o di un altro record personale che potrebbe dare l'uso di un carattere corsivo, i tuoi lettori potrebbero avere problemi. Ciò è particolarmente vero se il tuo pubblico include non madrelingua. Inoltre, i caratteri fantasy e corsivi non includono sempre caratteri accentati o altri caratteri speciali che limitano il testo all'inglese.

Usa caratteri fantasy e corsivi nelle immagini e come titoli o richiami. Mantienili brevi e tieni presente che qualunque tipo di carattere scegli probabilmente non sarà sulla maggior parte dei computer dei tuoi lettori, quindi dovrai consegnarli usando i caratteri web.

Alcuni esempi di font fantasy sono:

• Piastra di rame
• Desdemona
• Impatto
• Kino

Alcuni esempi di caratteri di script sono:

• Cancelleria di mele
• Comic Sans MS
• Lucida scrittura a mano