Homepage » Web design » Typograph 101 Serif vs. Sans-Serif

    Typograph 101 Serif vs. Sans-Serif

    Nella fase di selezione dei caratteri, un progettista spesso si chiede, “a Serif o Sans-Serif”? Scegliere il tipo di carattere tipografico usare in un design è della massima importanza in quanto influenza molto leggibilità, esperienza utente e l'estetica generale del design.

    Sebbene, indipendentemente dalla tua esperienza con la tipografia, puoi farlo rimanere sempre bloccati nel dilemma serif vs. sans-serif. Personalmente penso che una buona via d'uscita sia finita capire le basi stesse di serifs e sans-serifs, e questo è proprio quello che questo articolo si propone di fare.

    Diamo un'occhiata al seguente articolo evidenzia le principali differenze tra i caratteri serif e sans-serif per una migliore comprensione dei due.

    Da dove provengono i serif?

    Serif sono piccole linee sottili attaccate alla fine dei tratti in caratteri tipografici. Si ritiene che abbiano avuto origine dall'alfabeto latino che i romani usavano per incidere i loro scritti in pietra.

    Sebbene non ci sia un'origine universalmente accettata a questo pezzo decorativo in tipografia, si crede che i romani usassero le lettere con i contorni sulla pietra, così quando gli scultori di pietre seguivano i segni del pennello, che si accendevano alle estremità, che ha portato alla creazione di grazie.

    Che dire di sans-serif?

    Sans-Serif, d'altra parte, significa letteralmente "senza grazie". Qualsiasi carattere che non è presente in questi tratti pendenti alla fine di ogni angolo, può essere considerato un font sans-serif.

    Sapendo questo, come può la scelta di andare con serifs o sans-serif influenzare il tuo design? Ecco alcune cose da considerare:

    leggibilità

    La leggibilità è spesso misurata come con quanta facilità un lettore può digerire il contenuto. Naturalmente, poiché la visione è solitamente soggettiva, ci sono molti fattori che entrano in gioco, tra cui il livello di interesse o il lettore e come è organizzato il contenuto nel blocco o nello spazio che è stato dato.

    Il metodo "vecchia scuola" di presentare il testo usa i serif per una ragione. Hai mai pensato perché la maggior parte dei giornali usa caratteri serif per il loro contenuto? Perché i serif sono più facili da leggere. Queste piccole linee decorative in ogni personaggio guidano i tuoi occhi fluidamente mentre ti muovi da una linea all'altra e unisci le lettere che creano insieme leggere testi più lunghi e meno onerosi per i tuoi occhi.

    Gli spazi tra le lettere (dal momento che devi prendere in considerazione i serif quando si tratta di spaziatura) anche dà più spazio al lettore per identificare facilmente le lettere l'una dall'altra.

    Guarda l'esempio qui sotto e noterai che il i caratteri serif creano un'esperienza di lettura più facile alla vista perché crea spazi tra le lettere e le parole. Questo rende più facile spostare l'occhio da una parola all'altra.

    D'altro canto, il font serif diventa più difficile da leggere usando la stessa spaziatura. Questo perché la separazione di ogni lettera è più piccola di te non è necessario mettere i serif in considerazione quando lo si spazia.

    Leggibilità

    La leggibilità è la qualità e la chiarezza delle lettere. Ciò riguarda i dettagli fini del carattere tipografico ed è essenziale perché aiuta il lettore a distinguere un personaggio da un altro. Questo differisce dalla leggibilità perché quest'ultima riguarda principalmente l'approccio al contenuto nel suo complesso.

    Nel caso dell'immagine sopra, le lettere minuscole L e I per i sans serif in Arial sembrano praticamente uguali. Immagina di scrivere la parola “Illinois”.

    Ecco per sottolineare il mio punto.

    Tuttavia, è importante notare che se il tuo carattere tipografico è illeggibile, non può mai diventare leggibile. Ma ci sono molti casi di tipi leggibili che possono apparire illeggibili a causa di come sono distanziati o ridimensionati relativamente al loro scopo di design.

    Alex Poole ha scritto un articolo ben spiegato confrontando i caratteri serif e sans-serif nel tentativo di scoprire quale era più leggibile.

    Secondo lui, ci sono cinque caratteristiche da notare quando si tratta di leggibilità:

    • Serif o Sans-Serif
    • Dimensione del punto
    • X-altezza
    • contatori
    • Ascensori e discensori

    Poole ha concluso, basandosi su argomenti che supportano entrambe le parti, che c'era davvero nessuna differenza di leggibilità quando si parla di selezione del carattere tipografico. Ha anche notato che esiste la possibilità che i serif o la loro mancanza possano influenzare la leggibilità ma la differenza non è nemmeno misurabile.

    Tuttavia, ha detto che:

    Una maggiore differenza di leggibilità può essere facilmente trovata all'interno di membri della stessa famiglia di tipi rispetto a tra un serif e un carattere tipografico sans serif. Ci sono anche altri fattori come l'altezza x, la dimensione del contatore, la spaziatura delle lettere e la larghezza del tratto che sono maggiori significativo per la leggibilità rispetto alla presenza o assenza di grazie.

    Ridimensionamento e risoluzione

    Il testo nel web design non è statico. Può differire da schermo a schermo e dovrebbe essere scalabile. Questo è fatto in modo che il testo sia ancora leggibile nonostante le dimensioni dello schermo.

    In questa zona, è sicuro di dirlo sans-serif vince la battaglia in quanto è più flessibile al ridimensionamento. I caratteri Sans-Serif sono molto più facili da fornire enfasi e leggibilità in risoluzioni più piccole dal momento che sopravvivono a sbavature a causa della mancanza di dettagli in loro.

    IMMAGINE: tempo

    Ecco un primo esempio di come i Serif sono usati male. Dai uno sguardo al paragrafo in basso sulla copertina di Time Magazine qui sopra e noterai facilmente quanto relativamente difficile da leggere, poiché non scorre facilmente soprattutto con quella piccola dimensione. Ma notate quanto è perfetto l'effetto quando è passato a sans serif “Jonathan Franzen”.

    Lo stesso è vero quando viene scoppiato un font sans-serif. La scala del carattere tipografico mantiene la sua forma generale e lo rende più riconoscibile. Quindi, quando si tratta di ridimensionamento, i sans-serif tendono ad essere facilmente adattati in dimensioni migliori perché si adattano bene a spalmando in piccole dimensioni e strappando in quelli più grandi.

    Per serif, o sans-serif?

    Quindi, qual è la risposta alla domanda?

    Bene, possiamo dire che è un legame ovvio. Scegliere tra caratteri sans-serif e serif in definitiva si riduce al tuo scopo di utilizzare il testo. Se il testo che si sta pensando dovrebbe rimanere quasi della stessa dimensione? Allora vorresti una migliore leggibilità il che rende serif una scelta migliore.

    D'altra parte, se vuoi fare il parte del testo di un sito Web reattivo, quindi la scelta di un font sans-serif potrebbe essere più saggia dal momento che non vuoi che il tuo testo appaia troppo piccolo per essere letto.

    IMMAGINE: GQ

    Dai un'occhiata a questi Copertine di riviste GQ che utilizzano sia caratteri serif che sans serif. Il consenso generale è che i caratteri serif sono usati su materiali formali e stampati, mentre sans serif è usato principalmente sul web. Ma in questo caso sono stati usati entrambi, e se noterai che è sempre il nome del modello di copertina che è in serif, sottolineando così.

    Alcune parole finali

    Ricordalo la coerenza è la chiave. La tua scelta di carattere deve andare con l'estetica generale del design che stai creando. Puoi mescolare e abbinare caratteri tipografici simili, dilettevi con il ridimensionamento per capire quali opere. Tuttavia, ricorda che lo stai facendo in modo che il l'utente capirebbe il messaggio e anche il tuo design sembra estetico.