Scelte istruite: famiglie di caratteri tipografici di newsletter

Ultimo aggiornamento il 27 giugno 2019

Possiamo andare tutti d'accordo?

Il layout e il design della newsletter elettronica non hanno in alcun modo il significato o il peso del seguente riferimento storico. Tuttavia, il ricordo per questo scrittore di una certa citazione è stato così struggente, è indimenticabile. Il fatto che le scelte tipografiche abbiano qualche momentaneo parallelo è casuale e qualsiasi offesa non è intenzionale. Nonostante le opinioni contrastanti, anche la memoria fa parte della storia americana e, per i seguenti paragrafi, mi prenderò la libertà di condividere questo capitolo poiché risiede nella mia memoria.

Il 29 aprile 1992, al termine di una settima giornata di deliberazioni, sembrava che una nazione stesse trattenendo il respiro collettivo. Quattro agenti di polizia di Los Angeles erano stati accusati di aggressione e uso eccessivo della forza durante l'arresto di un uomo che era fuggito ad alta velocità a bordo di un veicolo. Le immagini dell'arresto ritraevano un violento pestaggio su un uomo disarmato ma non conforme. È stato catturato in video da uno spettatore e condiviso ripetutamente sui notiziari nazionali. Le successive settimane di esposizione hanno dipinto un quadro che rendeva difficile credere che fosse assicurata qualcosa di diverso dalla condanna degli agenti in arresto.

Apparentemente contro ogni previsione, la giuria ha assolto tutti e quattro gli ufficiali dall'aggressione. Tre dei quattro agenti sono stati assolti per uso eccessivo della forza. La quarta accusa di forza eccessiva non è riuscita a raggiungere un verdetto.

Poche ore dopo l'annuncio dei verdetti, sono iniziate le "rivolte di Los Angeles del 1992". Durò sei giorni ma sembrò una guerra civile. Le immagini notturne dei disordini nelle strade includevano afroamericani indignati dai verdetti e, purtroppo, dall'uccisione di molte persone innocenti. Era incommensurabilmente triste. La divisione espressa tra le razze si allargava di minuto in minuto. Ci sono voluti la polizia, la Guardia nazionale dell'esercito della California, l'esercito degli Stati Uniti e il Corpo dei Marines degli Stati Uniti per ristabilire l'ordine.

Il 1 maggio 1992, a pochi giorni dall'inizio della rivolta, il signor Rodney King, lui stesso profondamente turbato dalla violenza che ne seguì, fece dichiarazioni in un'apparizione televisiva in cui fece appello alla pace e alla calma:

“Voglio solo dire – sai – possiamo andare tutti d'accordo? Possiamo, possiamo andare d'accordo?"

La riunione di famiglia del carattere tipografico della newsletter elettronica

Passiamo ora alla questione delle famiglie di caratteri. La domanda è: possono andare tutti d'accordo? La verità è che non proprio. Come nella vita, alcune famiglie sono strette: si riuniscono in ogni vacanza e si riuniscono nei momenti di bisogno. Non c'è debolezza apparente quando stanno come uno.

Altre famiglie sfidano il termine stesso. Sono completamente e costantemente incongruenti tra loro. Uno dice "vero" mentre l'altro dice "falso". Uno indossa un completo con capelli lisci e scarpe lucide, l'altro è in jeans strappati, dreadlocks ed è inchiostrato dal polsino al colletto. È la vita.

Nella progettazione del layout, abbiamo così tanti strumenti. Forme, colori, immagini e caratteri tipografici sono solo l'inizio. Ottenere gli strumenti per lavorare insieme è un obiettivo lodevole. Alcuni degli sforzi richiedono esperienza, un occhio per il design che viene fornito con buone istruzioni, feedback e pratica. Per fortuna, parte del viaggio può essere percorso semplicemente leggendo "verità" di design comprovate che puoi portare in banca.

Cosa devo fare con tutti i caratteri tipografici?

Scomponiamo un po' l'argomento dei caratteri tipografici. Nomi come "Helvetica, Times New Roman, Arial" suonano familiari? Bene. Questi sono chiamati "caratteri tipografici" nel mondo del layout. Contrariamente all'opinione popolare (disinformata), un "carattere" è uno stile particolare, o applicato a, un carattere tipografico.

Abbiamo alcune categorie principali da cui partire e questo ci aiuterà a identificarle in uso durante la nostra vita di progettazione. Le categorie hanno a che fare con alcuni elementi di design di base di ogni carattere all'interno di un carattere tipografico. Stiamo parlando: "Come sono le L, T, R e G?"

Se guardi attentamente, vedrai differenze, alcune sottili e altre ovvie.

Serif : i personaggi hanno piccoli angoli o piccoli tratti alle estremità di un tratto principale. Tipicamente trovato ai piedi di un personaggio o in alto. Gli esempi includono Times, Palatino, Bookman e Goudy. Punti di forza: buon corpo del testo. Punti deboli: qualità incoerente se in corsivo e in grassetto.

Sans Serif – Caratteri tipografici che non hanno il serif. "Sans" è francese, che significa "senza". Gli esempi includono Gill Sans, Arial, Eras e Impact. Punti di forza: ottima visibilità dell'headliner, enfasi. Punti deboli: possono essere pesanti in grandi quantità.

Script – Simile alla scrittura a mano corsiva, con caratteri che presentano tratti curvi e molte volte con un'angolazione diversa da quella perfettamente verticale. Gli esempi includono Brush Script, Edwardian Script e Freestyle Script. Punti di forza: capacità intrinseca di trasmettere abilmente toni formali o casual, aspetto scritto a mano naturale. Punti deboli: spesso abusato, difficile da leggere nelle tirature più lunghe.

Le famiglie miste pongono difficoltà

Cominciamo con una semplice regola: non mischiare più caratteri tipografici della stessa categoria sulla stessa pagina.

Gill Sans ed Eras potrebbero piacerti allo stesso modo, ma decidere di usarli entrambi su una singola pagina non renderà felici i tuoi lettori. Scegline uno e mantienilo per una pagina, un opuscolo o un opuscolo. Le pubblicazioni più lunghe possono ospitare più caratteri tipografici all'interno della stessa categoria, ma non sarebbero un esempio di tecniche di progettazione avanzate. La moderazione è rispettata mentre l'eccesso è solitamente deplorevole.

La seconda regola: la fusione di caratteri tipografici di diverse categorie è una buona tecnica per la maggior parte delle pubblicazioni.

L'uso di un sans serif come intestazione (cioè, Eras Bold) e tipo serif (cioè, Goudy) come corpo del testo è una pratica di vecchia data e non puoi sbagliare seguendo questa ricetta. Questo non è un licenziamento di un sans serif che occupa una pagina del corpo del testo. Può essere abbastanza leggibile se dimensionato e bilanciato correttamente.

Un'intestazione deve risaltare e catturare l'attenzione, e una versione in grassetto o semi-grassetto di un carattere tipografico sans serif farà il lavoro senza la distrazione visiva di piccoli cunei alla fine dei tratti. Tuttavia, fai attenzione a considerare il peso dell'intestazione rispetto al corpo. Un enorme squilibrio può rendere difficile per un lettore spostarsi verso il basso e concentrarsi sulla storia se l'intestazione è molto "più rumorosa" del carattere tipografico del corpo.

Questa “regola” è mai stata infranta? Ebbene sì, lo è. Ma la pratica non è così comune ed è importante seguire lo stesso equilibrio tra intestazione e corpo. In genere, le intestazioni sono più audaci e più grandi del corpo, ma ci sono ottimi esempi in cui questo è annullato. La prerogativa artistica ha la precedenza in alcune pubblicazioni "progettuali pesanti" che dimostrano dove le "regole" vengono sfidate e persino subordinate. In generale, tuttavia, la migliore pratica è un contrasto tra i due, mostrato di seguito sia negli esempi buoni che in quelli cattivi.

SOPRA:

1. L'esempio in alto mostra uno squilibrio della dimensione del tipo, evitato a meno che non lo si desideri stilisticamente. L'intestazione può facilmente sopraffare il corpo del testo e renderlo difficile da leggere.
2. L'esempio centrale mostra un buon equilibrio di dimensioni tra l'intestazione in sans serif e il corpo del testo in serif.
3. L'esempio in basso illustra l'interlinea manuale sovradimensionata, chiamata interlinea. Usato con moderazione, questo può creare più spazio bianco e facilità di lettura nei sottotitoli, ma può diventare difficile da leggere su un'intera pagina.

SOPRA:

1. L'esempio in alto mostra i caratteri tipografici dell'intestazione e del corpo come sans serif, ma famiglie diverse (rispettivamente Eras, Gill Sans). Hanno un aspetto troppo vicino per fornire contrasto e sans serif non è generalmente così facile da preparare nel corpo del testo come serif.
2. L'esempio centrale è un esempio di una scelta sbagliata. Mescolare lo script con un'intestazione sans serif, anche usando un carattere tipografico di script come corpo del testo, è una cattiva notizia.
3. L'ultimo esempio è di buone intenzioni, ma di scarsa esecuzione. Spesso, quando i designer trovano nuovi strumenti per modificare l'aspetto del loro testo, non riescono a resistere alla tentazione di provarli. L'espressione "troppo sale rovina il brodo" si applica qui. L'interlinea è accettabile, ma quando si combina con una spaziatura extra dei caratteri (chiamata crenatura), diventa un lavoro ingrato da leggere dopo solo una riga o due.

Colorami bella

La scelta di applicare il colore al testo è personale, ma come tutti gli sforzi soggettivi, può essere giudicata duramente. Usa attenzione e ragione quando consideri i colori. Considera le intestazioni o i blocchi "pull text" (il testo tra virgolette che vengono ingranditi e inseriti nel proprio articolo, per enfatizzare un punto) come opportunità per usare il colore. Come le famiglie di caratteri, cerca di limitare il numero di colori utilizzati in un singolo pezzo. Potresti voler usare le sfumature di un colore e il nero per il corpo del testo.

Una pubblicazione dovrebbe essere considerata nella sua interezza quando si imposta un percorso stilistico. Una singola pagina è una delle tante, non un'isola che si legge separatamente. L '"esperienza" di leggere un documento di più pagine potrebbe essere più correlata alla tenuta di una rivista che di un sito Web o di un e-pub oggi, ma il concetto di design del corpo intero esiste ancora. La creazione di un design tematico, in cui i caratteri tipografici sono coerenti per dimensioni, peso, stile e colore è il primo passo. È altamente consigliabile mantenere una tavolozza di colori ben contenuta. Anche i margini delle pagine e il posizionamento delle immagini dovrebbero essere "prevedibili" da una pagina all'altra.

Infine, c'è la "sorpresa". Un trattamento di discontinuità offerto al lettore per creare una pausa, un impegno e per provocare la ritenzione. Spesso si trova vicino al centro di una pubblicazione, è una o due pagine che infrangono le regole rispettate prima e dopo. Forse digita la dimensione, una nuova impostazione del margine o un colore solido invece di uno schermo con opacità del 50%. Questo posto potrebbe essere il luogo in cui viene utilizzato un nuovo carattere tipografico in grassetto, ma solo qui. È la "Midway" del carnevale, se vuoi.

Buona fortuna nella creazione della tua prossima newsletter elettronica. Le famiglie di caratteri tipografici possono andare d'accordo, ma hanno bisogno di un buon genitore con disciplina per guidare il loro corretto sviluppo.

Scritto da Jay Wiencko