Il mese scorso – approfittando di un abbonamento a prezzo di favore – mi sono fatto una scorpacciata di corsi sul veramente ben fatto CodeSchool, recente piattaforma di apprendimento online orientata alle tecnologie per lo sviluppo web. Quel Code sul nome del sito dovrebbe chiarire le finalità principali del sito, ma i fondatori non hanno mancato di offrire anche qualche nozione di design, perché è noto che la stragrande maggioranza di noi programmatori non è molto sensibile a queste tematiche (per usare un eufemismo).
Ecco quindi che – consapevole della mia carenza nella capacità di abbellimento del prodotto – ho completato anche il corso Fundamentals of design. Il primo livello, che può essere svolto anche senza abbonamento, parla di tipografia. Se avete un’oretta vi consiglio di registrarvi e completarlo, e poi magari date anche una guardata al resto dell’offerta perché è veramente di alta qualità.

Grazie o non grazie

Lasciando da parte i font di tipo Script, che simulano la scrittura in corsivo e dovrebbero essere usati con parsimonia (o meglio mai… odio il corsivo), il principale carattere distintivo di un font è la presenza o meno delle “grazie”.
La differenza tra caratteri serif e sans-serif è o dovrebbe essere nota a tutti: i serif (“grazie” in italiano) sono quegli abbellimenti stilistici che alcuni caratteri (quelli appartenenti alla famiglia dei font serif) hanno nelle parti terminali delle lettere, mentre i sans-serif ne sono sprovvisti.

Classificazioni

Qui il discorso si fa più complicato, ma conviene comunque fare un po’ di chiarezza perché per avere “armonia tipografica” è importante scegliere e combinare i font in base alle loro caratteristiche.
CodeSchool, Wikipedia e I Love Typography raggruppano i font con criteri simili ma non proprio uguali, quindi cercherò di fare una breve sintesi, di spiegare un po’ la terminologia, e poi sarà compito di ciascuno approfondire.
La fonte più interessante e completa che ho trovato in rete è questa serie di articoli:
– History of typography: Humanist
– History of typography: Old Style
– History of typography: Transitional
– A brief history of type: Modern/Didone
– A brief history of type: Slab Serif/Egyptian

I love typography segue un percorso “storico” della tipografia e suggerisce una classificazione basata sul tempo: l’antico e illeggibile Blackletter, i più leggeri Humanist, e da qui il passaggio ai più recenti e “squadrati” Modern e Slab Serif passando per gli Old Style e Transitional. Tutte queste classificazioni ricadono però nella tipologia dei Serif, e a lettere il primo articolo della serie sembrerebbe che i Sans-Serif vengano dopo e facciano classificazione a parte. In realtà ciascuna di queste classificazioni è definita da particolari caratteristiche, caratteristiche che possono essere traslate anche nella “macro-classificazione” dei Sans-Serif. Ecco quindi che forse è più corretto classificare i font in modo un po’ più gerarchico:

• Serif
  • Humanist
  • Old Style
  • Transitional
  • Modern
  • Slab Serif
• Sans-Serif
  • Humanist
  • Transitional
  • Geometric
• Script

Humanist e Old Style

I font Humanist sono caratterizzati dalla lettere “o” ed “e” minuscole molto inclinate, dal corpo dei caratteri minuscoli piuttosto basso, dalla poca differenza tra i tratti più sottili e quelli più spessi (caratteristica ben visibile sulle “A” maiuscole), da serif piuttosto inclinati.

Gli Humanist di tipo serif sono i più “classici” tra i font, e sembrerebbero maggiormente indicati nei settori accademici e legali. Quelli Sans-Serif sono consigliati invece in ambiti educativi e governativi.

Transitional

Con i Transitional si fa un bel balzo in avanti rispetto agli Humanist, e in questa famiglia si possono facilmente notare il generale “raddrizzamento” dei caratteri e delle linee (vedi la “o” minuscola), il grande contrasto tra linee sottili e spesse (vedi la “M” maiuscola) e un “livellamento” dei serif.

I Transitional rappresentano un mondo moderno, e sono consigliati nel giornalismo (Serif) e nel mondo della tecnologia (Sans-Serif).

Geometric

I Geometric hanno senso soltanto nel mondo dei Sans-Serif, perché estremamente “severi” e minimali. Come si può vedere ogni qualvolta la lettera (minuscola o maiuscola) può essere approssimata a una forma geometrica (cerchio, triangolo, quadrato) questa caratteristica viene enfatizzata.

Consigliati nel mondo delle scienze.

Modern

Naturali successori dei (serif)font Transitional sono i Modern, caratteri in cui le linee orizzontali e verticali sono portate all’estremo, sia nelle lettere che nelle grazie, e i caratteri tendono ad essere “stirati” in verticale.

Sono considerati i più eleganti tra i font, e di solito utilizzati nel mondo dell’arte e della moda.

Slab Serif

Figli della rivoluzione industriale questa è la classe di font più “grassa”: i tratti eleganti e sottili dei Modern e dei Transitional lasciano il posto a linee spesse sempre e comunque, con grazie non più così “aggraziate”.

Sono considerati adatti al mondo del marketing, forse per la loro opulenza.

Come sceglierli

A dispetto del detto “Non è bello ciò che è bello ma è bello ciò che piace” da sempre gli esperti del bello ci dicono cosa va con cosa, e nel mondo della tipografia non si fa eccezione.

Gli esperti forniscono quindi delle linee guida che è meglio seguire per evitare che le diverse sezioni del nostro sito o della nostra applicazione si lascino dopo qualche mese e per scongiurare spiacevoli risatine alle spalle:

• se non si è designer esperti meglio evitare di mescolare diverse classi di font, perché un solo font usato bene è più che sufficiente per ottenere un bel risultato in ogni prodotto
• per diversificare lo stile dei font, se ne possono usare diversi per diversi scopi (testata, corpo, menù, …) evitare miscugli all’interno della stessa sezione
• mai usare due font con lo stesso stile (ad esempio due diversi Humanist Serif)
• evitare di accostare due font della stessa classe (due font Serif per esempio), meglio dei contrasti più netti
• utilizzare due font con stile simile ma diversa classe può dare un bell’effetto (ad esempio un Humanist Serif e un Humanist Sans-Serif)

Regola aurea: armonia totale o forte contrasto, meglio evitare spiacevoli casi intermedi.