Un'introduzione di 20 minuti alle basi della tipografia

La tipografia gioca un ruolo importante nella progettazione grafica e può essere una delle cose più difficili da ottenere. Il mio obiettivo qui è quello di introdurre alcune delle nozioni di base e le aree più comuni della tipografia che saranno importanti nel lavoro di progettazione.

Questo post è il giorno 20 della nostra sessione di Graphic Design. Sessioni creative "Session Day 19Session Day 21"

Un'introduzione di base alla tipografia

La tipografia gioca un ruolo importante nella progettazione grafica e molti designer sono molto appassionati o motivati ​​a riguardo. Per questo motivo è un argomento molto caldo nei circoli di progettazione.

Sviluppare le tue abilità in tipografia richiederà tempo e può essere una delle cose più difficili da ottenere. È meglio acquisire una solida conoscenza delle basi il prima possibile nella tua formazione e carriera. Tuttavia, è un argomento complesso con una quantità enorme di dettagli che non possono essere spiegati in un solo articolo. Quindi il mio obiettivo qui è quello di introdurre alcune delle basi e le aree più comuni della tipografia che saranno importanti nel lavoro di progettazione.


Quindi cos'è la tipografia?

La tipografia è una forma d'arte che esiste da centinaia di anni. Le parole e il testo ci circondano ogni giorno in quasi tutto ciò che facciamo. In ogni pezzo di testo che vedi, qualcuno ha considerato come appariranno le lettere, le frasi e i paragrafi in modo che possano essere letti da noi o che ci facciano sentire in un certo modo quando li guardiamo. A volte è fatto bene, altri no. Spesso siamo noi grafici che decidono come appariranno, nei nostri opuscoli, nei nostri loghi, nei nostri siti web e così via. Più siamo bravi in ​​questo, più efficaci saranno i nostri progetti.

La buona tipografia deriva dal prestare attenzione ai piccoli dettagli, in quanto ciò può fare la differenza tra il lavoro di progettazione grafica che è semplicemente accettabile o veramente buono. C'è molto di più che scegliere i font e far sì che la copia sia buona, ma anche rendere le cose leggibili e leggibili (alcune delle funzioni basilari di buona tipografia) e fare in modo che i layout abbiano un bell'aspetto estetico.


Basi tipografiche

Quanto segue è una spiegazione di alcune aree comuni di tipografia.

Carattere o carattere?

Facciamolo chiarire subito! I progettisti sono spesso insicuri della differenza tra questi due, in quanto entrambi sono termini usati per la stessa cosa. In realtà, un carattere tipografico è una famiglia di caratteri (come Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Black, ecc.) Ma un font è un peso o uno stile all'interno di una famiglia di caratteri tipografici (come Helvetica Regular).

Classificazioni dei caratteri tipografici

Esistono molte classificazioni e sottoclassificazioni di caratteri tipografici diversi, ma i due tipi più comuni che sentirai sono: Serif: questi caratteri tipografici sono i più tradizionali. Si distinguono per una linea breve o un tratto finale alla fine di tratti di carattere e steli (mostrati nel diagramma dell'anatomia sottostante) e; Sans-Serif - come suggerisce il nome, si distinguono per la mancanza di qualsiasi Serif. Divennero popolari solo nel diciannovesimo secolo e sono considerati moderni come risultato.

Anatomia

Queste sono alcune delle parti fondamentali dell'anatomia dei caratteri tipografici. Ce ne sono molte altre (che puoi trovare su Fonts.com), ma penso che sia meglio iniziare prima con alcune.

glifi

Cosa sono glifi? La maggior parte dei designer ha notato che ora c'è una palette di Glifi nella maggior parte dei principali pacchetti software. La parola si riferisce essenzialmente a tutti i caratteri disponibili in un font, dalle lettere ai numeri e tutti i caratteri speciali.

Crenatura e tracciamento

La crenatura è la regolazione della spaziatura tra i singoli caratteri. Il tracciamento, tuttavia, è la spaziatura di un gruppo di caratteri. Questi due sono spesso confusi, ma il modo in cui li ricordo è che il Tracking suona come una lunga fila di binari ferroviari, mentre Kerning suona come il kernel, che è un oggetto individuale.

Allineamento

Generalmente il testo dovrebbe essere allineato, semplicemente perché siamo abituati a leggere in quel modo. Senza una buona ragione, considera solo il centraggio o il testo di allineamento a destra se si tratta di una piccola quantità, ad esempio un'intestazione o una didascalia. Inoltre, la giustificazione del testo (dove ha un bordo dritto su entrambi i lati) dovrebbe essere usata anche con moderazione. In alcune situazioni, sembra bello e ordinato, ma troppa di esso renderà rigido l'aspetto di un layout. Inoltre, giustificare in una dimensione di una piccola colonna può causare spaziature irregolari tra le parole mentre il software tenta di adattare il testo.

Misurare

Questo si riferisce alla lunghezza delle righe di testo in un paragrafo o colonna. La maggior parte delle persone tende a riferirsi ad essa solo come larghezza della colonna. La misura è una cosa importante da inserire nella tipografia in quanto può essere cruciale per la leggibilità del testo. Se la misura è troppo ampia, il testo potrebbe essere difficile da leggere poiché l'occhio deve spostarsi molto di più dopo aver letto ogni riga. Se è troppo stretto, può anche essere stancante per gli occhi, poiché l'occhio si muove continuamente avanti e indietro. Una misura ristretta porterà anche a molte sillabazioni.

principale

L'interlinea verticale viene definita Leading in tipografia e stampa, poiché, ai vecchi tempi della stampa e dell'impostazione dei blocchi di tipo, venivano inserite strisce di piombo tra le linee in base alla quantità di spazio richiesta. Il ruolo principale nella tipografia è generare spazio sufficiente tra le righe per renderlo leggibile. Come per tutte le questioni di tipografia, è un equilibrio tra leggere il comfort e lo stile estetico.

Legature

Quando parti dell'anatomia dei personaggi si scontrano o sembrano troppo vicine, possono essere combinate in quelle che sono chiamate legature. Questi possono essere per motivi funzionali o decorativi a seconda di quanto sia ovvio lo scontro. Per lo più questo è solo un problema con i caratteri serif, anche se a volte i sans-serif necessitano anche di legature.

Puoi scoprire molto di più sulle legature su Fonts.com e Adobe's Layers Magazine.

Sillabazione

Un altro di quei dettagli che devi giudicare in tipografia. La sillabazione non è amata dai progettisti o dai tipografi, ma a volte è considerata necessaria per evitare problemi di straccio (in questo articolo c'è una descrizione di questo articolo). Se devi usarli evita di averne molti in un blocco di copie, e soprattutto evita di farne seguire un altro. Per ulteriori informazioni su questo prova a leggere questa pagina su Fonts.com.

Trattini, trattini e trattini

Un'altra cosa che può causare confusione nell'uso dei caratteri della linea orizzontale in un font e quale è quella corretta da usare. Vale la pena conoscere la differenza tra un trattino (quello corto) un trattino (quello leggermente più lungo) e un trattino (quello più lungo). Linotype e Fonts.com hanno utili guide su questo argomento.

griglie

Una griglia è una guida grazie alla quale i grafici possono organizzare la copia e le immagini in modo flessibile, rendendo i contenuti facili da comprendere e da comprendere. Possono costituire la base di un buon layout tipografico, quindi è bene prendere l'abitudine di usarli nel tuo lavoro. Prova a guardare esempi (come un giornale, una brochure o un sito web con molti contenuti di testo) per vedere come il tipo è stato posizionato e strutturato. Lo schema seguente intende mostrare in modo basilare in che modo è possibile posizionare diversi pezzi di tipo su una griglia e quali sono le parti principali di una griglia.

Scopri di più sull'utilizzo delle griglie da The Grid System, una risorsa molto utile.

Straccio

Questo è il bordo verticale non uniforme di un blocco di tipo, più comunemente il bordo destro, come nel caso del testo allineato a sinistra. È importante prestare attenzione allo straccio, poiché può influire sulla leggibilità in grande stile. Se lo straccio non è molto buono, può essere molto fastidioso per gli occhi, mentre leggi una colonna. Di solito può essere facilmente risolto rielaborando le interruzioni di riga o modificando la copia.

Vedove e orfani

Se una sola parola o una linea molto breve è lasciata alla fine di una colonna, si chiama Vedova. Allo stesso modo se lo stesso è lasciato nella parte superiore della seguente colonna questo è chiamato Orfano. Entrambi sono considerati una cattiva tipografia poiché causano forme distrattive in un blocco di tipo. Di solito possono essere fissati facilmente allo stesso modo dello straccio, rielaborando le interruzioni di riga nella colonna o modificando la copia.


Continua ad imparare di più

Una volta che hai digerito queste basi che ho delineato, c'è un'enorme quantità di materiale di riferimento tipografico di buona qualità online per aiutarti a imparare di più e migliorare le tue capacità e il tuo giudizio. Di seguito una raccolta di link utili per iniziare.

Lettura consigliata

Due delle principali compagnie internazionali di font hanno entrambe ottime sezioni di risorse per aiutarti a padroneggiare la tipografia di base:

  • Monotype per le vostre informazioni tipografiche
  • Font Lounge di Linotype

Ispirazione

Dai un'occhiata in giro sul web e fatti un'idea di una grande tipografia. Non solo troverai una buona varietà di stili, ma puoi anche vedere quali altre persone considerano un buon tipo. Questi sono alcuni buoni punti di partenza:

  • Amiamo la tipografia
  • FormFiftyFive
  • Risorse per la tipografia ispiratrice
  • Typeneu.com
  • Typographer.org
  • Tipo Directors Club
  • Tipografia servita
  • Elenco di gruppi di Flickr tipografici di David Airey
  • Tipografia su Behance

Terminologia

Se vuoi saperne di più sulla terminologia tipografica o vuoi semplicemente cercare una parola, questi sono siti utili:

  • Glossario di Fonts.com
  • Paratype.com

Articoli generali

Questi sono alcuni articoli con suggerimenti generali per migliorare la tua tipografia:

  • 11 Suggerimenti essenziali per una buona tipografia di stampa
  • 8 semplici modi per migliorare la tipografia nei tuoi disegni

Tipografia Web

Se sei interessato a leggere sull'utilizzo della tipografia nei siti web, prova queste utili risorse:

  • Siti web con bella tipografia
  • Usetypography.com
  • 8 suggerimenti tipografici dettagliati per il web
  • Il web design è tipografico al 95%
  • Una guida pratica alla tipografia del web
  • Lo standard 100% Easy-2-Read
Questo post è il giorno 20 della nostra sessione di Graphic Design. Sessioni creative "Session Day 19Session Day 21"