Dibattito sul web design: ho davvero bisogno di usare i caratteri Sans Serif?

C'è da tempo una teoria secondo cui i caratteri tipografici serif sono per progetti stampati e quelli sans serif per la progettazione di siti Web. Ma con più schermi ad alta definizione e grandi opzioni di testo disponibili, quella regola non è più una regola.

Sia che preferiate serif o sans serif (o una combinazione dei due), gli obiettivi principali nella scelta dei caratteri tipografici per i progetti di design digitale dovrebbero essere leggibilità e leggibilità. Semplice, devi scegliere caratteri nitidi e facili da leggere sullo schermo. Parte di ciò è correlata all'utilizzo, come la dimensione e il posizionamento del testo, e quindi allo stile del carattere scelto.

Il caso di Sans Serif

Probabilmente ci sono molti di voi che sono già scontenti della premessa qui. Sei certo che i sans serif siano i migliori per la progettazione di siti Web. E questo potrebbe essere vero alcuni anni fa.

Ci sono ancora alcune volte e luoghi in cui i sans serif sono generalmente preferiti:

Per display a bassa risoluzione
Per i nuovi lettori, come i bambini
Con molto colore o con motivi a basso contrasto
Testo eccezionalmente piccolo o stretto

Inserisci display HD

Uno dei più grandi successi miti quando si tratta di "è necessario utilizzare caratteri tipografici sans serif per la progettazione di siti Web" è l'emergere di schermi ad alta definizione. Più punti per pollice dello schermo sono correlati a dettagli più ricchi per tutto, inclusa la tipografia.

Pensare in questo modo. I libri su molti e-reader e tablet sono scritti in caratteri serif. E sono perfettamente facili da capire. Questo perché la risoluzione dello schermo è abbastanza nitida da gestire le linee e i tratti nel carattere tipografico.

Già nel 2012 Jakob Nielsen del Nielsen Norman Group, che si concentra sull'esperienza dell'utente, la ricerca e la formazione, ha notato che schermi migliori stanno cambiando il panorama delle linee guida tipografiche per la progettazione di siti Web. Ecco la conclusione di quello studio:

“La vecchia linea guida sull'usabilità per la tipografia online era semplice: attenersi ai caratteri tipografici sans-serif. Poiché gli schermi dei computer erano troppo scadenti per eseguire correttamente il rendering dei serif, il tentativo di digitare serif a dimensioni di testo corporeo si traduceva in forme sfocate di lettere. ...

“Sfortunatamente, la nuova linea guida non è chiara come quella precedente. La ricerca sulla leggibilità è inconcludente sul fatto che i caratteri serif siano davvero migliori dei sans serif.

“Quasi tutti i giornali, le riviste e i libri stampati tradizionali usano il tipo serif, e quindi le persone sono più abituate a leggere lunghi testi in questo stile. Tuttavia, dati i dati della ricerca, la differenza nella velocità di lettura tra serif e sans serif è apparentemente piuttosto piccola. Pertanto, non esiste una forte linea guida sull'usabilità a favore dell'uso dell'uno o dell'altro, quindi è possibile effettuare la scelta in base ad altre considerazioni, come il marchio o l'umore comunicato da un particolare stile tipografico. "

Ma proprio ora stiamo iniziando a progettare abbracciare questa idea.

leggibilità

La leggibilità è la capacità di essere letta facilmente. Ci sono una serie di fattori che contribuiscono alla leggibilità, incluso quanto sia interessante (o meno) il contenuto e come appaia effettivamente quando viene messo insieme come un blocco di testo. Quest'ultimo è ciò che ci interessa davvero quando si tratta di tipografia.

In generale, puoi osservarlo quando si tratta di estetica e leggibilità. Puoi dire a cosa sta cercando di comunicare il sito Web con un colpo d'occhio? Se è così, è leggibile.

Esistono numerosi strumenti di leggibilità che è possibile utilizzare per determinare la leggibilità del testo. Sebbene non esista una scienza esatta dietro la leggibilità, questi strumenti sono una buona base per aiutarti a iniziare.

Lo strumento di test di leggibilità: inserisci un URL e verifica la leggibilità del testo.
Punteggio di leggibilità: inserisci il testo e ottieni un punteggio in base alla leggibilità del testo.
Leggibilità: trasforma qualsiasi sito Web in una visualizzazione di lettura pulita.

Leggibilità

La leggibilità si riferisce alla qualità delle lettere e se è abbastanza chiara e distinta da essere letta. Una buona tipografia dovrebbe essere facile da leggere senza sforzo. La selezione del carattere tipografico si riferisce direttamente alla leggibilità. (Pensa alla calligrafia e al modo in cui viene chiamata leggibile o no; è esattamente la stessa cosa con le lettere digitali.)

Quando si tratta di leggibilità, ogni lettera deve essere chiaramente distinguibile dalle altre lettere. I fattori che contribuiscono includono tutto, dalla forma effettiva di caratteri spessi a sottili, alti o corti, spaziatura e l'uso di serbi o altri ornamenti.

Come regola generale, i caratteri tipografici più leggibili hanno caratteri più rotondi e distinti; altezze x maggiori; spaziatura delle lettere adeguata e coerente; e una natura semplice.

Suggerimenti per la selezione del carattere tipografico

Sei già venduto provando un carattere tipografico sans serif per il tuo prossimo progetto di progettazione di siti Web? Ecco alcuni suggerimenti per selezionare l'opzione sans serif migliore.

Seleziona forme letterali distinte: fai un passo indietro dal monitor e osserva il carattere tipografico che hai selezionato. Riesci a distinguere le singole lettere con facilità? La scelta di un carattere tipografico con forme letterali distinte semplifica la lettura su schermi di qualsiasi dimensione, in particolare schermi piccoli o molto grandi.
Optare per pesi medi: caratteri tipografici con ampiezze di tratto regolari. Caratteri tipicamente troppo spessi o troppo sottili: ricordi la controversia con iOS 7 di Apple? - può essere difficile da leggere. Per il corpo del testo, rimani da qualche parte nel mezzo con un tratto medio e universale. Anche alternare tratti spessi e sottili può causare alcuni problemi.
Cerca caratteri tipografici di qualità: il caricamento di qualsiasi vecchio carattere per il Web, potrebbe non comportare la nitidezza necessaria per i progetti. Attenersi a un carattere tipografico da un fornitore affidabile. E guardalo da vicino sullo schermo. Riesci a farlo esplodere fino a 200 o 500 volte la dimensione reale e ottenere comunque un buon rendering? Con strumenti come Adobe Typekit e Google Fonts, ci sono un gran numero di caratteri tipografici disponibili per il Web che avranno un bell'aspetto e contribuiranno a creare un'atmosfera distinta per il tuo progetto. Anche se non puoi sempre abbinare i caratteri tipografici esattamente per i progetti stampati e digitali, cerca uno stile che abbia lo stesso aspetto e la stessa sensibilità per enfatizzare la coerenza del tuo marchio.
I caratteri ornati devono essere usati con parsimonia: i caratteri tipografici ornati possono essere un'ottima aggiunta ai progetti, ma li usano intenzionalmente e con uno scopo. (Spesso mancano di leggibilità o leggibilità.)
Cerca opzioni di tipo distinte: scegli un tipo di carattere che non sia così noioso. Scegli un carattere tipografico da una famiglia forte con molti pesi e opzioni come grassetto, corsivo o opzioni condensate.
Crea l'atmosfera giusta: indipendentemente dallo stile del carattere che scegli, assicurati che corrisponda all'atmosfera del tuo progetto. Ci sono molti fattori. Scopri di più su di loro in un precedente articolo di Design Shack.
Combina e abbina: usa una combinazione di caratteri serif e sans serif nello stesso design, con uno stile per l'intestazione e l'altro per il corpo. Ma sperimenta facendo l'opposto di quello che potresti aspettarti. Usa il sans serif per testi più grandi come i titoli e usa il serif per il testo del corpo.

Conclusione

Come ti senti ad usare i caratteri tipografici sans serif sul web? Sei pronto a provarlo? Gli esempi in questo articolo mostrano che la grande tipografia web non deve essere sans serif.

Assicurati di fare clic sugli esempi e sui link per avere davvero un'idea di come i designer utilizzano i caratteri serif in vari modi e con grande successo.