C'è da tempo una teoria che i caratteri serif sono per i progetti stampati e i sans serif sono per la progettazione di siti web. Ma con più schermi ad alta definizione e grandi opzioni di tipo disponibili, questa regola non è più una regola.
Sia che preferiate serifs o sans serifs (o una combinazione dei due), gli obiettivi principali nella scelta dei caratteri per i progetti di design digitale dovrebbero essere la leggibilità e leggibilità. Semplice, devi scegliere caratteri che siano nitidi e facili da leggere sullo schermo. Parte di questo è legato all'utilizzo, come la dimensione e il posizionamento del testo, e quindi allo stile del carattere tipografico scelto.
Il caso per Sans Serif
Probabilmente ci sono molti di voi che sono già scontenti della premessa qui. Sei sicuro che i sans serif siano i migliori per la progettazione di siti web. E questo potrebbe essere vero qualche anno fa.
Ci sono ancora alcune volte e luoghi in cui generalmente i sans serif sono preferiti:
- Per schermi a bassa risoluzione
- Per i nuovi lettori, come i bambini
- Con un sacco di colori o in modelli a basso contrasto
- Testo eccezionalmente piccolo o stretto
Entra nei display HD
Uno dei più grandi maccofoni quando si tratta? È necessario utilizzare caratteri sans serif per la progettazione di siti Web? è l'emergere di schermi ad alta definizione. Più punti per pollice di 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 impostati in caratteri tipografici serif. E sono perfettamente facili da capire. Questo perché la risoluzione dello schermo è abbastanza nitida per gestire le linee e i tratti nel carattere tipografico.
Già nel 2012, Jakob Nielsen del Nielsen Norman Group, che si concentra sull'esperienza utente, la ricerca e la formazione, ha notato che gli schermi migliori stanno cambiando il panorama delle linee guida tipografiche per la progettazione di siti web. Ecco la conclusione di questo studio:
? La vecchia linea guida di usabilità per la tipografia online era semplice: attenersi ai caratteri sans-serif. Poiché gli schermi dei computer erano troppo insignificanti per rendere correttamente i serif, il tentativo di tipo serif alle dimensioni del testo del corpo portava a forme di lettera sfocate.
? Sfortunatamente, la nuova linea guida non è così chiara come quella vecchia. La ricerca sulla leggibilità è inconcludente sul fatto che i caratteri serif siano veramente migliori di quelli sans serif.
"Quasi tutti i principali giornali, riviste e libri 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 abbastanza piccola. Quindi, non c'è una forte linea guida per l'usabilità a favore dell'utilizzo dell'uno o dell'altro, quindi puoi fare la scelta sulla base di altre considerazioni - come il branding o l'umore comunicato da un particolare stile tipografico.
Ma stiamo solo ora iniziando a vedere altri designer abbracciare questa idea.
leggibilità
La leggibilità è la capacità di essere letto facilmente. Esistono numerosi fattori che contribuiscono alla leggibilità, tra cui l'interessante (o meno) contenuto e il suo aspetto reale quando vengono uniti come un blocco di testo. Quest'ultimo è ciò che ci interessa davvero quando si tratta di tipografia.
In generale, puoi eyeball quando si tratta di estetica e leggibilità. Puoi dire cosa sta cercando di comunicare con un solo colpo d'occhio sul sito web? Se è così, è leggibile.
Esistono numerosi strumenti di leggibilità che è possibile utilizzare per determinare la leggibilità del testo. Sebbene non esista una scienza esatta alla base della leggibilità, questi strumenti sono una buona base di partenza 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 vista di lettura pulita.
Leggibilità
La leggibilità si riferisce alla qualità delle lettere e se è chiara e distinta abbastanza da essere letta. Una buona tipografia dovrebbe essere facile da leggere senza sforzo. La selezione del tipo di carattere è direttamente correlata alla leggibilità. (Pensa alla scrittura a mano e come si chiama 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 reale della scritta spessa contro sottile, alta contro corta, spaziatura e uso di serifs o altri ornamenti.
Come regola generale, i caratteri più leggibili hanno caratteri più arrotondati e distinti; x altezze più grandi; spaziatura delle lettere adeguata e consistente; e una natura semplice.
Suggerimenti per la selezione dei caratteri tipografici
Sei ancora venduto per provare un carattere tipografico sans serif per il tuo prossimo progetto di progettazione di siti web? Ecco alcuni suggerimenti per selezionare la migliore opzione sans serif.
- Seleziona forme di lettera distinte: Tornare indietro dal monitor e osservare il carattere tipografico selezionato. Riesci a distinguere le singole lettere con facilità? La scelta di un carattere tipografico con distinte forme di lettera rende più facile la lettura su qualsiasi dimensione dello schermo, in particolare schermi piccoli o molto grandi.
- Optare per pesi medi: Caratteri con larghezze di tratto regolari. Caratteri troppo spessi o troppo sottili: ricorda la controversia con iOS 7 di Apple? - può essere difficile da leggere. Per il testo del corpo, stare da qualche parte nel mezzo con un peso di corsa medio e universale. L'alternanza di tratti spessi e sottili può anche causare alcuni problemi.
- Cerca i caratteri tipografici di qualità: possedere il carico di qualsiasi vecchio font per il web, potrebbe non portare alla nitidezza necessaria per i progetti. Attenersi a un carattere tipografico da un fornitore rispettabile. E guardalo da vicino sullo schermo. Puoi farlo saltare a 200 o 500 volte la dimensione effettiva 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 sembrano grandi e aiutano a creare un tocco distinto per il tuo progetto.Sebbene non sia sempre possibile abbinare esattamente i caratteri tipografici ai progetti stampati e digitali, cerca uno stile che abbia lo stesso aspetto e aspetto per enfatizzare la coerenza del tuo marchio.
- I caratteri ornati dovrebbero essere usati con parsimonia: I caratteri decorati possono essere una grande aggiunta ai progetti, ma li usano intenzionalmente e con lo scopo. (Spesso mancano leggibilità o leggibilità.)
- Cerca opzioni di tipo distinte: Scegli un carattere tipografico che non sia così noioso. Scegli un carattere tipografico da una famiglia forte con un sacco di pesi e opzioni come opzioni grassetto, corsivo o condensato.
- Imposta l'umore giusto: Indipendentemente dallo stile del carattere scelto, assicurati che corrisponda allo stato d'animo del tuo progetto. Ci sono molti fattori. Scopri di più su di loro in un precedente articolo di Design Shack.
- Mescolare e abbinare: Utilizzare una combinazione di caratteri serif e sans serif nello stesso design, con uno stile per l'intestazione e l'altro per il corpo. Ma prova a fare il contrario di quello che potresti aspettarti. Usa il sans serif per testi più grandi come titoli e usa il serif per il corpo del testo.
Conclusione
Come ti senti nell'usare i caratteri sans serif sul web? Sei pronto a fare un tentativo? Gli esempi di questo articolo mostrano che la grande tipografia web non deve essere sans serif.
Assicurati di fare clic sugli esempi e sui link per avere un'idea di come i designer utilizzano i caratteri tipografici serif in vari modi e con grande successo.