Stili di caratteri per il Web e il design di stampa

La stragrande maggioranza delle persone è bombardata da caratteri tipografici dal momento in cui si sveglia la mattina fino al momento in cui va a letto la sera. Dalle app sui loro telefoni ai prodotti per la toelettatura nei loro bagni ai segnali che vedono durante i loro spostamenti mattutini, la tipografia è ovunque. Ma quante persone notano davvero gli stili di carattere da cui sono circondate ogni giorno?

Anche i designer sottovalutano i caratteri tipografici e spesso prendono decisioni sui tipi su opinioni vagamente basate piuttosto che su una comprensione oggettiva. La maggior parte dei designer conosce anche i contesti industriali originali per i quali sono stati progettati vari caratteri tipografici? Cosa significano questi contesti e storie per determinare la leggibilità, il carattere appropriato e l'uso di un determinato carattere tipografico? Indipendentemente dalla disciplina di progettazione in cui si lavora, che si tratti di visual design, UX o design di stampa tradizionale, i caratteri tipografici sono elementi essenziali di praticamente ogni parte del design prodotto.

Alcuni dei caratteri tipografici più influenti in uso oggi sono spesso trascurati a favore di design di caratteri tipografici unici che sono più recenti sul mercato, e talvolta giustamente. Ciascuno dei caratteri tipografici in questo articolo ha decenni, se non secoli, ed è stato progettato per diversi contesti tecnologici. Pertanto, sono state create molte alternative o aggiornamenti da quando sono stati introdotti. Anche alcuni dei caratteri originariamente progettati per gli schermi sono diventati obsoleti poiché i display e le stampanti diventano a risoluzione più elevata e in grado di visualizzare forme più complesse con precisione.

Caratteri tipografici Serif

Comprendere la differenza tra gli stili di carattere serif e sans-serif è una delle regole di tipo più fondamentali. Per molti, questo può essere ovvio, ma il serif è il tratto dato alla fine delle principali linee orizzontali e verticali di un personaggio. Ci sono molte sottoclassi all'interno dei serif, inclusi hairline, wedge e slab serif, che descrivono tutte le qualità visive del serif stesso.

In generale, i serif hanno una storia più lunga dei san serif, poiché sono stati i primi caratteri tipografici utilizzati per stampare libri dopo l'invenzione della Gutenberg Press. In sostanza, i grazie consentono una lettura più confortevole a lungo, poiché i grazie guidano l'occhio senza problemi da un personaggio all'altro, rendendo il grazie ideale per i lavori stampati di lunga durata. Per questo motivo, i serif sono ancora generalmente il carattere tipografico preferito per opere stampate come libri o rapporti, sebbene non sia una regola assoluta. Ogni carattere tipografico ha le sue qualità specifiche e ci sono alcuni caratteri tipografici serif che non sono realmente adatti per grandi porzioni di testo del corpo (e alcuni caratteri tipografici sans-serif che sono perfettamente leggibili e leggibili per lavori di lunga durata).

Baskerville

Baskerville è uno dei classici serif che ha resistito alla prova del tempo ed è ancora ampiamente utilizzato oggi. Baskerville è stato progettato in un periodo di transizione tra i primi volti tipografici (Bodoni e Didot) e i caratteri tipografici del XIX e XX secolo a venire. Baskerville ha avuto successo grazie alle sue forme delle lettere ad alto contrasto.

Il designer, John Baskerville, era un perfezionista intenso e quindi ha creato un font con bellissimi dettagli. Il carattere tipografico poteva essere stampato solo sulle proprie macchine per garantire che i moduli delle lettere venissero trasferiti correttamente sulla pagina. Questa storia è significativa, poiché Baskerville è stata adattata ai vari mezzi con cui lavoriamo oggi. I dettagli incorporati in ogni forma di lettera rendono Baskerville inadatto per supporti a bassa risoluzione, inclusi display a bassa risoluzione o stampanti difettose. Detto questo, quando a Baskerville viene data l'opportunità di esprimere la sua qualità, è un eccellente carattere tipografico serif.

Un buon esempio di un carattere tipografico moderno e digitale che Baskerville ha fortemente influenzato è il carattere tipografico che Amazon ha commissionato per il Kindle, Bookerly. Se stai cercando un'alternativa a Baskerville che mantenga la sua ricchezza di 200 anni mentre viene aggiornata per la leggibilità sullo schermo, Bookerly potrebbe essere una buona soluzione. Altre alternative includono la signora Eaves e Plantin.

Times New Roman

Times New Roman, come molti tipi di carattere ampiamente utilizzati che esistono da un po' di tempo, è un carattere tipografico polarizzante che è amato da molti ma anche detestato da alcuni. Spesso, ciò che le persone amano o odiano di TNR è lo stesso: la sua apatica neutralità.

Matthew Butterick scrive “Times New Roman non è una scelta di font tanto quanto l'assenza di una scelta di font, come l'oscurità dello spazio profondo non è un colore. Guardare Times New Roman è guardare nel vuoto”. Times New Roman sembra così semplice in gran parte a causa della sua travolgente ubiquità a causa della sua esposizione dal giornale per cui è stato progettato, il Times di Londra.

Times New Roman è stato progettato per gli interessi commerciali del giornale, che era quello di mantenere la leggibilità mentre si stipavano quante più parole possibile in una riga, e quindi in una pagina. I designer sono stati molto pubblici sull'uso del carattere con i giornali, poiché è più stretto e più leggibile in colonne sottili, ma non è l'ideale per libri con linee più lunghe. Questa efficienza è stata ottenuta aumentando l'altezza x e riducendo significativamente il tracciamento o lo spazio tra i caratteri.

A causa del successo del carattere tipografico con il Times, Times New Roman è stato adottato subito dopo dalla maggior parte dei giornali americani, rendendolo così uno dei caratteri tipografici più onnipresenti. A causa di questa ubiquità, alcuni designer sconsigliano l'uso di Times New Roman, poiché può dare l'impressione di apatia o di economicità. Alcuni altri font in stile editoriale che potresti prendere in considerazione sono Arnhem, Le Monde Journal o Plantin.

Garamondo

Garamond Antiqua è un carattere tipografico vecchio stile purista disegnato dall'iconico punchcutter parigino Claude Garamond. Garamond è stato uno dei primi volti progettati per il set di caratteri, il che significa che era l'ideale per i testi lunghi della nuova mania del suo tempo: i romanzi.

In quanto qualità intrinseca dell'epoca in cui è stato progettato, Garamond conferisce al testo un senso di stile del vecchio mondo. Tuttavia, i suoi serif arrotondati mantengono il testo più informale rispetto a molte delle sue controparti serif. Garamond è rimasto un font prolifico in virtù delle sue forme chiare, che consentono agli utenti di leggere a lungo senza stancarsi. I grandi corpi dei personaggi e le alte x-altezza creano molto spazio attorno a ogni lettera, rendendo le parole percettibilmente più grandi e quindi più leggibili.

Sebbene molti designer sosterrebbero l'atemporalità di Garamond, le sue forme semplicemente non sono l'ideale per la tipografia web. Le virtù di Garamond nella stampa includono le sue curve morbide che si fondono da un personaggio all'altro, rendendolo più leggibile per lunghi periodi di tempo. Lo svantaggio è che queste curve diventano sfocate a dimensioni più piccole sullo schermo, impedendone la leggibilità. Pertanto, nonostante le numerose riproduzioni di Garamond che potresti trovare online, la maggior parte dei designer per lo schermo ritiene che sia diventato obsoleto. Detto questo, i designer di EB Garamond la pensano ancora diversamente e stanno cercando di rivitalizzare questo classico nella comunità open source.

Se stai cercando alternative a Garamond, dai un'occhiata a Sabon o Minion.

Georgia

Forse in risposta a caratteri tipografici come il fallimento di Garamond sullo schermo, Matthew Carter è stato incaricato da Microsoft negli anni '90 di progettare un carattere tipografico specifico per la leggibilità sullo schermo. E la Georgia è nata.

Molti credono che la Georgia manchi della qualità neutrale di altri serif prodotti in serie, come TNR, e conferisca al testo una qualità amichevole e affascinante. Pertanto, l'impressionante prodezza di design di Carter è che è riuscito a risolvere il problema della leggibilità sullo schermo mantenendo il carattere attraente dei volti stampati.

La storia è che Carter disegnò la Georgia mentre lavorava a una nuova versione del carattere Scotch Roman del XIX secolo. La Georgia mantiene molte delle qualità del suo predecessore. Tuttavia, per creare Georgia per lo schermo, Carter ha apportato alcune modifiche essenziali: aumentare l'altezza x, arrotondare i numeri e creare lievi disallineamenti per mantenere il senso del carattere.

Sebbene Georgia sia ora affermato come un classico, è anche ampiamente considerato avere un aspetto più moderno rispetto a molti altri caratteri tipografici serif. Miller e Abril hanno una sensazione simile e sono buone alternative.

Caratteri tipografici sans-serif

Sebbene alcuni possano sostenere che lo stile dei caratteri sans-serif sia apparso per la prima volta in tempi antichi, non furono ufficialmente incorporati nell'uso diffuso e nella società moderna fino al 19° secolo. Con il boom della pubblicità, dei giornali e dei media, c'era bisogno di caratteri tipografici che potessero essere letti come titoli chiari a distanza oltre che rappresentativi di una nuova era dell'industria.

Verdana

Verdana condivide una storia simile con sua cugina, Georgia, poiché entrambi sono stati progettati da Matthew Carter per Microsoft negli anni '90. Quindi, Verdana è un sans-serif progettato specificamente per lo schermo. Simile a molti caratteri che cercano chiarezza, Verdana ha un'altezza x grande per aumentare la leggibilità. Verdana è indicato come un umanista sans-serif, il che significa che mantiene alcune delle qualità e la logica di progettazione dei caratteri serif.

Tuttavia, Matthew Carter era consapevole degli spazi potenzialmente vincolanti in cui alcuni testi potrebbero essere stipati sullo schermo, quindi le dimensioni dei caratteri di Verdana sono bilanciate quanto basta per evitare di stipare app o piattaforme senza una guida stabile. Considerando che Verdana è stato progettato per l'uso negli anni '90, è particolarmente efficace ancora su dispositivi a bassa risoluzione. Tuttavia, man mano che gli schermi diventano di qualità superiore, i punti di forza di Verdana vengono persi e non funziona come una volta.

Se si utilizza Verdana in stampa, la sua spaziatura ampia gli conferisce la qualità di un carattere di una macchina da scrivere a spaziatura fissa. Questa qualità rende Verdana una scelta scadente per grandi corpi di testo in stampa. Un'alternativa che potresti considerare ora invece è Colfax. I designer di Colfax tengono conto dell'attuale mancanza di vincoli meccanici sulla progettazione dei caratteri e hanno creato un font più appropriato sia per i display ad alta risoluzione che per la stampa a getto d'inchiostro.

Gesta e PT Sans sono entrambe buone alternative a Verdana.

Franklin Gotico

Franklin Gothic è un carattere tipografico sans-serif realista che è stato originariamente creato nel 1902 da Morris Fuller Benton di American Type Founders (ATF) e ampliato per includere più pesi negli anni '70 e '90 da ITC. Le versioni digitali del carattere tipografico sono state create da Adobe, International Typeface Corporation (ITC), Monotype Imaging e URW.

Il carattere tipografico originale, che Benton ha ammesso è stato progettato come un omaggio a Benjamin Franklin, era più adatto per i titoli e per l'uso commerciale piuttosto che per lunghi blocchi di testo del corpo. Da allora gli aggiornamenti con pesi e stili aggiuntivi hanno ampliato le opzioni di utilizzo.

La qualità senza tempo di Franklin Gothic lo rende una scelta popolare per molti media ancora, a più di un secolo dalla sua uscita originale. Time Magazine e The New York Times lo usano entrambi per vari titoli, le tessere di Scrabble nelle versioni statunitense e canadese del gioco lo presentano e la versione ridotta è stata persino utilizzata per la scansione di apertura nei film di Star Wars.

Sebbene Franklin Gothic sia ancora incredibilmente popolare, un'alternativa popolare è News Gothic, il popolare successore dell'originale di Benton, con una corporatura più stretta e meno contrasto del tratto. Altre alternative includono Trade Gothic, Benton Sans e Maple.

Futura

Futura, pubblicato nel 1927, è il risultato diretto di uno dei primi caratteri geometrici sans-serif (in contrapposizione al sans-serif umanista). Il più grande concorrente di Futura, Erbar Grotesk (pubblicato nel 1926), è stato progettato presso il Bauhaus estremamente influente, con l'intento di comunicare tutto ciò che la scuola sentiva essere moderna all'inizio del XX secolo. Ciò significava che la logica geometrica eliminava ogni accenno di ornamento e mirava alla pura logica nelle forme delle lettere create.

Come Erbar Grotesk, Futura include forme delle lettere basate su forme geometriche, principalmente il cerchio (sebbene anche quadrati e triangoli dove i cerchi non erano appropriati). Include un basso contrasto tra i suoi tratti, con alti ascendenti minuscoli e caratteri maiuscoli che condividono proporzioni simili ai capitelli romani. Il suo designer, Paul Renner, credeva che i caratteri tipografici moderni dovessero avere una sensibilità moderna piuttosto che essere semplicemente ripetizioni di design precedenti.

Futura ha avuto molta fama nel corso del 20° secolo, poiché gli astronauti dell'Apollo 11 hanno lasciato una targa sulla luna in Futura; Volkswagen e molti altri marchi l'hanno adottato; e diversi registi, tra cui Stanley Kubrick e Wes Anderson, se ne sono riappropriati. Se apprezzi la qualità moderna di Futura ma lo trovi un po' abusato, considera di provare FF Super Grotesk, HK Grotesk (open source) o Neuzeit.

Gill Sans

Monotype, la stessa fonderia di caratteri tipografici che ci ha portato Times New Roman, ha commissionato al poliedrico Eric Gill (scultore/compositore/artista grafico) la produzione di un font per la moderna segnaletica londinese. Gill Sans, contrariamente a Futura, è un font umanista con uno stile meno irreggimentato rispetto ai suoi contemporanei tedeschi. La "R" è leggermente svasata e la "g" minuscola degli "occhiali" è quasi iconica. La qualità naturalmente audace del carattere funziona bene per display e intestazioni, ma i pesi più leggeri rilasciati in seguito sono adatti per il corpo del testo.

La sua storia nella metropolitana di Londra, nella BBC e nella Chiesa d'Inghilterra, oltre alla sua qualità moderna ma umana, rendono il carattere tipicamente britannico. Sebbene il carattere sia classico nelle proporzioni, ha alcuni bagliori artistici che lo rendono più allegro della sua austera controparte tedesca, DIN.

Detto questo, molti di questi bagliori artistici hanno reso Gill Sans indesiderabile da alcuni grafici. Nello specifico, la “a'” minuscola è spesso criticata per essere sbilanciata e per non essere leggibile.

Cerchi alternative a Gill Sans? Dai un'occhiata all'ITC Johnston o alla metropolitana P22.

Helvetica

Helvetica è l'unico carattere tipografico ad aver ispirato il proprio film (2007). È probabilmente il carattere più famoso/onnipresente oggi. Il font è nato da una diffusa competizione negli anni '50 per le nuove versioni dei famosissimi font Grotesk.

I caratteri Grotesk si sono evoluti gradualmente per aumentare la leggibilità. Tuttavia, non tutti i caratteri tipografici funzionavano bene sia con i linotipi portatili che con quelli meccanici. La macchina per linotipia richiedeva che i caratteri regolari e corsivi fossero impostati con la stessa larghezza, costringendo così il corsivo ad apparire troppo largo e i regolari ad apparire troppo stretti.

Helvetica è stato progettato specificamente con acute regolazioni dei caratteri per mantenere la bellezza e la leggibilità moderne dei caratteri Grotesk, consentendo al contempo ai designer i vantaggi della produzione di massa. Presentato per la prima volta alla fiera "Graphic 57", il carattere è diventato onnipresente in tutto il design svizzero.

Altri caratteri tipografici che costituiscono buone alternative a Helvetica includono Maison Neue, Univers e Folio.

Caratteri tipografici a spaziatura fissa

Gli stili di carattere a spaziatura fissa sono stati originariamente progettati per la macchina da scrivere. La qualità principale da capire su questa categoria di caratteri tipografici è che la macchina da scrivere richiedeva che ogni carattere fosse digitato con la stessa spaziatura. Pertanto, ogni carattere viene posizionato all'interno di una singola matrice organizzativa in un corpo di testo mentre, spesso, altri caratteri variano nella spaziatura per gestire la leggibilità.

In definitiva, al di fuori del contesto della macchina da scrivere, ci sono poche applicazioni in cui ha senso utilizzare caratteri tipografici a spaziatura fissa. La spaziatura uguale significa che sono meno efficienti e generalmente anche meno leggibili. Un'eccezione a questa regola è nelle applicazioni progettate per la scrittura di codice, dove la spaziatura uguale può effettivamente aiutare la leggibilità.

Alcuni esempi di questi sono Courier, Consolas, Letter Gothic o Source Code Pro (gratuito). Tuttavia, alcuni designer non possono negare l'estetica nostalgica; quindi, rimangono popolari.

Caratteri di sistema

I caratteri tipografici di sistema sono quelli forniti con il tuo dispositivo o programma. Esistono diversi tipi di carattere di sistema per i prodotti Mac, Windows e persino Adobe. Tutti i caratteri tipografici inclusi in questo articolo hanno almeno alcune variazioni che sono caratteri di sistema.

Ci sono alcuni inconvenienti nell'uso dei caratteri di sistema. Il più grande è che questi caratteri tipografici sono generalmente incredibilmente sovraesposti. Poiché sono inclusi in quasi tutti i computer, le persone li vedono giorno dopo giorno, sia in buoni design che in quelli terribili. Sebbene non tutti i progetti tipografici debbano essere all'avanguardia dell'originalità, è importante capire che se il marchio per cui stai progettando deve essere unico e originale, l'utilizzo di un font di sistema spesso lo indebolirà.

Un altro grande svantaggio dell'utilizzo dei caratteri di sistema è che alcuni di essi non sono molto buoni. Mi viene in mente Arial...

Infine, molti font di sistema sono progettati specificamente per essere altamente leggibili sullo schermo e potrebbero non essere particolarmente leggibili sulla stampa. Questo potrebbe non essere un problema per ogni progetto intrapreso da un designer, ma è qualcosa che dovrebbe essere tenuto a mente.

Scelta di un grande carattere tipografico per il lavoro di progettazione

Quando si progetta per un particolare marchio, la scelta di un carattere tipografico professionale appropriato è un compito fondamentale per qualsiasi designer, soprattutto se si considera che le licenze per alcune famiglie di caratteri possono superare i $ 1.000.

Scegliere una famiglia di caratteri tipografici che includa un'ampia varietà di pesi, larghezze e persino variazioni sia serif che sans-serif è un'idea intelligente per molti progetti. Ciò offre ai designer molte opzioni per qualsiasi progetto che potrebbe arrivare in cantiere per un particolare marchio e consente persino di aggiornare il materiale di marketing utilizzando caratteri "diversi" che non sono poi così diversi (e quindi meno propensi a incensare i consumatori e i fedelissimi del marchio , come è successo in molti grandi restyling di grandi marchi). Una famiglia di font profonda può essere abbinata facilmente a se stessa e trasportare una varietà di personalità.

Quando cerchi un carattere tipografico da abbinare a una libreria di tipi esistente per un uso più generale nei progetti, concentrati sulla scelta di caratteri con caratteristiche simili. Ciò significa considerare tutte le qualità dei maiuscoli e delle minuscole, delle altezze x e della geometria formale. Siti come Typewolf possono essere preziosi per trovare font da abbinare alle opzioni esistenti già disponibili (oltre a ottime alternative per quelle volte in cui un cliente dice di volere qualcosa di "come" Helvetica ma sicuramente non Helvetica).