Tipografia 101 Capire l'anatomia di una lettera

Ogni designer, sia che si tratti di stampa o web, dovrebbe possedere una conoscenza di base di caratteri e tipo. Utilizzando il giusto carattere tipografico e comprendendo come un font influenzerà il tuo design, puoi aggiungere quel tocco in più per stampare e progetti digitali e metterli a parte rispetto agli altri.

Un'area importante da capire è l'anatomia del tipo. Ascender, discender e serif possono sembrare parole di un'altra lingua, ma sono la base per comprendere lo stile di un carattere tipografico e come, se correlato al tuo progetto. Oggi faremo una breve analisi di una terminologia che dovresti sapere.

Anatomia di un carattere

Ripensa alla tua prima infanzia e impara a scrivere. La carta che hai usato per formare quelle prime lettere è la stessa griglia usata per identificare le parti di un font.

La linea di base è la griglia inferiore su cui poggia ogni lettera. Le linee di base sono utilizzate per una varietà di scopi dal tenere il tipo su un singolo piano per allineare più colonne di tipo insieme. Una linea di base per il tipo crea una linea pulita con un tocco organizzato. La mancanza di una linea di base consente a lettere o parole di stare fuori allineamento e crea una sensazione di caos.

Le parti superiori delle lettere creano anche una linea di griglia orizzontale chiamata x-height. Questa linea è creata dallo spazio verticale utilizzato dalle lettere minuscole. Il nome deriva perché la lettera? X? esemplifica questo principio, secondo? Tipo di indice delle idee: lo strumento definitivo del progettista per la scelta e l'utilizzo di caratteri in modo creativo. Maggiore è l'altezza x dei caratteri tipografici, più grande sarà il carattere, anche se confrontato con un font con la stessa dimensione in punti.

Alcune parti di alcune lettere riempiono lo spazio sopra e sotto la linea di base e l'altezza x, queste sono riferite rispettivamente agli ascensori e ai discendenti. Gli ascendenti sono gli steli che si elevano sopra l'altezza x. (Pensa alla lettera? D.?) I discendenti sono le parti di una lettera che si estendono al di sotto della linea di base. (Pensa alla lettera? G.?) La dimensione e il peso degli ascensori e dei discendenti variano in base al tipo di carattere e dovrebbero essere considerati nel tuo progetto. I caratteri con decsender lunghi, ad esempio, potrebbero invadere lo spazio di altre lettere a seconda di quanto siano spaziate le linee.

Legature

Una legatura combina due lettere in un singolo carattere. Questo è un attributo di alcuni tipi di carattere e un'opzione con ancora di più, ma i progettisti dovrebbero essere cauti nell'utilizzare le legature sia nella stampa che nella progettazione digitale. Le legature dovrebbero essere evitate del tutto nei progetti in cui verranno apportate modifiche alla spaziatura delle lettere, in quanto le legature non consentono variazioni di spaziatura interne. Le legature F sono le più comuni. Quando una minuscola? F? è posto di fronte a un'altra lettera con un centro ascendente, le lettere si fondono. Pensa alle parole con il? Fl? e? fi.? In ogni caso il? F? toglie parte della seconda lettera - la parte superiore del? l? e il punto sul? i.? Il "th? la combinazione di lettere crea anche una legatura in alcuni caratteri tipografici.

Per Serif o no?

Che tipo di sensazione stai provando a trasmettere? Moderno o classico? Il tuo font può aiutarti Lo stile di un font può aggiungere significato al tuo progetto.

Più classici caratteri serif, quelli con tratti brevi che si estendono dalle estremità superiore e inferiore di ogni lettera, sono comunemente usati per creare il tipo di corpo in libri, giornali e altri supporti stampati. Questo stile di tipo tradizionale è anche comunemente usato nelle comunicazioni digitali - pensa Times New Roman, che viene utilizzato da tutto, dall'invio di e-mail al carattere predefinito in molte applicazioni software di elaborazione testi.

I caratteri sans serif, quelli senza tratti che si estendono dalle lettere, sono diventati lo standard per il tipo di corpo nella progettazione digitale. I caratteri sans serif sono in genere più facili da leggere nei progetti digitali, specialmente quelli in cui il carattere tipografico è piccolo, perché i tratti dei caratteri serif possono perdersi sullo schermo. Le linee pulite rendono più semplice la lettura del web, motivo per cui l'utilizzo dei font sans serif è diventato così popolare.

I caratteri sans serif sono anche comunemente usati nel design di stampa per le parole grosse, come i titoli dei giornali. ?GUERRA!? non avrebbe lo stesso impatto con dettagli fantasia su ogni lettera. Al contrario, molti designer di siti Web usano caratteri serif per i titoli nel design digitale.

I font corsivo, fantasy e monospace sono stili che vengono usati meno comunemente nei progetti di design. Ognuno di questi tre stili è meglio utilizzato in applicazioni decorative e non per la lettura. Caratteri corsivi, come "Monotype Corsiva" o "Lucida Handwriting"? hanno linee che collegano lettere che tendono anche ad avere una distinzione diversa. I font fantasy, come Comic Sans MS, sono un mix di tipi di font che hanno un aspetto giocoso e potrebbero non includere un set completo di caratteri. Alcuni tipografi non fanno una designazione tra caratteri corsivi e caratteri fantasy. I font monospace, come Courier, hanno una larghezza impostata e sono comunemente usati nelle applicazioni di codifica dei computer.

Puoi leggermi ora?

Oltre a selezionare un font che sia adatto al tuo progetto, la selezione dei font deve funzionare anche con la tua stampante o supporto digitale.

Tipo grande o piccolo

Nei progetti di stampa, considera i caratteri sans serif con altezza x inferiore per gli articoli che utilizzeranno dimensioni in punti molto piccoli (in genere 8 punti sono inferiori). Lo stile di carattere più arrotondato e orizzontale, senza dettagli aggiuntivi, è più facile da leggere in piccole dimensioni. Probabilmente si riprodurrà più accuratamente anche attraverso una varietà di mezzi. Per i progetti che utilizzano un tipo più grande (9 punti o superiore), guarda un mix di caratteri serif e sans serif. Considera uno stile di tipo corpo tradizionale abbinato a un titolo di sans serif.

Stili di miscelazione

Per progetti con solo poche parole (poster o biglietti da visita) prendi in considerazione anche un mix di stili di carattere. Assicurati che lo stile del carattere principale corrisponda al tuo progetto, serif per usi più tradizionali e sans serif per un tocco più contemporaneo.

Usa caratteri standard online

Nelle applicazioni digitali, un designer deve prendere in considerazione set di font standard. I browser Web utilizzano solo i caratteri installati su ciascun computer per visualizzare i siti Web, non necessariamente i caratteri utilizzati per creare il sito. Per garantire che il tuo sito mantenga un aspetto coerente, scegli i caratteri standard.

Alcuni dei tipi di carattere standard più comuni (Windows e Macintosh) comprendono Arial, Comic Sans MS, Courier, Impact, Times New Roman, Trebuchet MS e Verdana. Se vuoi uscire dai caratteri standard, considera l'utilizzo di @ font-face o una soluzione correlata come Google Fonts.

Conclusione

Comprendere e pensare ai caratteri nelle prime fasi di un progetto può aiutarti a iniziare bene. Pensa alle dimensioni e alla forma dei caratteri per ogni progetto. Segui la regola della tua linea di base per i progetti che dovrebbero avere un aspetto organizzato. Razzolare dalla linea di base per creare scompiglio. Ricorda che i caratteri con un'altezza x verticale maggiore appariranno più grandi di quelli con un'altezza x più corta.

Seleziona e prova alcuni font nella fase di progettazione iniziale e immagina come la selezione del tipo funzionerà su supporti diversi. Ricordarsi di pensare anche alla leggibilità e al tatto quando si effettuano selezioni di font. Per i progetti digitali, seleziona i caratteri dal set standard per assicurarti che il tuo progetto abbia l'aspetto desiderato.