Oggi parleremo di qualcosa che è al tempo stesso una tendenza calda e un'arte senza tempo: la tipografia. Le regole base descritte di seguito ti aiuteranno a diventare più consapevole di come strutturi e usi la tipografia nei tuoi progetti.
Essere consapevoli di queste regole può migliorare quasi tutto ciò che crei che contiene un titolo o un importante elemento tipografico. Iniziamo!
1. Impara le basi
Il tuo primo passo verso una tipografia più efficace è imparare un po 'sull'arte. Se non hai familiarità con i suoi concetti, potresti pensare che la tipografia debba essere una disciplina abbastanza semplice. Sicuramente, se conosci l'alfabeto hai vinto metà della battaglia vero? Non resta che cambiare l'aspetto e avere un font! In realtà, la tipografia è piuttosto complicata ed è tanto scientifica quanto artistica.
L'anatomia di un carattere tipografico coinvolge gergo molto specifico, misurazioni precise e standard generali che devono essere conosciuti e rispettati. Come con molte forme di design, puoi farla franca solo infrangendo una regola se la conosci bene e stai facendo intenzionalmente una dichiarazione.
Uno dei posti migliori per conoscere la tipografia online è I Love Typography, un blog dedicato al bellissimo tipo. Ecco un'immagine di ILT che mostra alcuni termini che dovresti familiarizzare con:
Come puoi vedere, fare delle belle lettere diventa rapidamente complicato. Il grafico sopra fa un ottimo lavoro nello spiegare visivamente questi termini, ma questo non è affatto un elenco esaustivo dei termini e dei concetti di cui hai bisogno per familiarizzare. Ad esempio, termini come x-height, kerning e baseline non sono nemmeno affrontati nel grafico. Per ottenere una presa migliore su tutti questi, dovresti passare alcuni minuti a consultare un glossario tipografico.
Per cosa diavolo?
La risposta a questa domanda è ovvia: "Perché sei un designer !? Se crei regolarmente disegni che utilizzano parole, stai esplorando la tipografia, che tu lo voglia o no. Prendersi un po 'di tempo per imparare i principi di base ti renderà molto più consapevole delle caratteristiche dei caratteri tipografici che scegli e del modo in cui stai usando il tipo come arte.
2. Guarda la tua crenatura
Questo post non vuole essere uno studio completo della tipografia, quindi non esaminerò in dettaglio ciascuno dei termini sopra menzionati. Tuttavia, il kerning è qualcosa che molti designer, vecchi e nuovi, trascurano completamente. Recentemente ho discusso di questo argomento con l'art director senior di un importante sito di moda femminile. L'unica cosa che la ha frustrata maggiormente nei confronti dei designer sotto di lei è la mancanza costante di sforzi riguardo al kerning.
Che cos'è?
Il crenatura comporta la regolazione della spaziatura tra due lettere in un determinato carattere. Si noti che questo è un problema separato rispetto al tracciamento, che regola lo spazio tra tutte le lettere contemporaneamente. Potresti pensare che un programma costoso come Adobe Illustrator risolva automaticamente tutti i problemi di kerning per te e che questo non sia un problema che si presenta nel tuo lavoro. Pensa di nuovo. Guarda l'esempio qui sotto:
Se non sei abituato a cercare problemi di kern, i problemi potrebbero essere sottili, ma sono lì. Si noti come il maiuscolo? D? nell'esempio sopra spicca in modo significativo dal resto della parola. Per impostazione predefinita, molti caratteri tipografici, in particolare quelli con serif pronunciati, possono avere spaziatura delle lettere incoerente. Questo di solito non è un grosso problema in un paragrafo o in una frase, in quanto il tipo di spaziatura incoerente si confonde in blocchi di copia più piccola. Tuttavia, quando hai a che fare solo con poche parole, come in un titolo o in un logo, i problemi di crenatura dei kern possono distruggere l'intera estetica.
I problemi di crenatura possono diventare complicati quando si tratta di caratteri Web e CSS, ma sono abbastanza facili da risolvere se si crea testo come grafica (per la stampa o il web) in Illustrator, Photoshop, ecc. Basta inserire il cursore tra due caratteri e utilizzare l'opzione (PC = alt) in combinazione con i tasti freccia sinistra e destra per regolare la spaziatura. Ricordati di non mettere a fuoco le lettere tanto quanto lo spazio negativo tra le lettere. Cerca di rendere questo spazio visivamente coerente per tutta la parola o frase.
3. Essere consapevoli della comunicazione dei caratteri
La selezione dei caratteri non dovrebbe mai essere un processo arbitrario. Semplicemente guardando attraverso l'intera libreria per trovare un font che ti piace raramente otterrai un risultato efficace. Il motivo è che esiste una psicologia intrinseca associata a certi tipi di caratteri. Per vedere cosa intendo, considera i seguenti esempi:
Se sei perspicace, queste selezioni di font sembreranno molto scadenti. Il motivo è che c'è una grande disconnessione tra la personalità visiva delle selezioni di font e le parole scritte con loro. Non vedresti quasi mai l'esclamazione del campione del mondo di combattimento più famoso del mondo con un bel font di script. Per lo stesso motivo probabilmente non userai mai Cooper Black sui tuoi inviti di nozze. Ci siamo abituati a vedere diversi tipi di caratteri utilizzati per determinati scopi.
Ogni carattere comunica determinati attributi sia a livello conscio che subconscio. Due delle principali aree di comunicazione sono il genere e l'era. Considera gli esempi qui sotto.
Si noti come i primi due tipi di carattere comunicano fortemente una specifica era passata. Allo stesso modo, i seguenti due caratteri possiedono caratteristiche fortemente correlate al genere. I caratteri spessi con bordi netti tendono ad apparire più maschili e virili mentre i sinuosi caratteri appaiono femminili e femminili.
Tutto ciò può sembrare un po 'ovvio, ma la tua abilità tipografica migliorerà a passi da gigante se sei in grado di estrarre questa conoscenza dalla parte implicita e istintiva o dal tuo cervello e trasformarla in un'azione esplicita e intenzionale.
Altro su caratteri tipografici
Per ulteriori informazioni su tipi specifici di caratteri tipografici, consulta la tabella di classificazione dei tipi di Adobe.
4.Allineamento
L'allineamento è un concetto estremamente importante nella tipografia. Per qualche ragione, i non-designer tendono ad allineare istintivamente ogni cosa. Da qualche parte nella vita impariamo che se qualcosa è centrato, allora è equilibrato e quindi migliore. In realtà, l'allineamento del centro è l'allineamento più debole, più difficile da leggere e dovrebbe essere usato in modo molto selettivo.
I primi due paragrafi sopra sono allineati a sinistra. Questo è il modo in cui siamo abituati a leggere perché in genere è il formato che vediamo nei libri, nelle riviste, ecc. I paragrafi allineati al centro sono molto più difficili da leggere a causa della mancanza di un hard edge. Non c'è un costante punto di partenza o di arresto per ogni linea, quindi i tuoi occhi si prendono un momento per adattarsi a ciascuna nuova linea. La differenza è sottile nella pratica, ma enorme in linea di principio.
Questo non significa che devi sempre usare l'allineamento sinistro in ogni momento. Basta essere sicuri di chiedersi costantemente quanto sia importante la leggibilità e l'estetica particolare che si potrebbe tentare di ottenere. Idealmente questi principi funzionerebbero sempre insieme, ma in realtà sono spesso forze opposte che richiedono un compromesso in un modo o nell'altro.
Un'altra cosa a cui prestare attenzione è mescolare gli allineamenti. Indipendentemente dall'allineamento che scegli, cerca di essere coerente durante il tuo progetto. Spesso (anche se non sempre) è appropriato allineare al centro un titolo su una copia allineata a sinistra, ma sperimentare con allineamenti misti oltre questo potrebbe portare a una pagina visivamente confusa e confusa.
Per ulteriori informazioni sull'allineamento dei caratteri, consulta l'articolo di seguito.
Scegliere gli allineamenti di tipo per il Web
5. Scegli un buon carattere secondario
Dopo aver scelto un carattere tipografico primario, il passo successivo è scegliere un altro font che lo accentuerà. Questo è in contrasto con un font che entrerà in conflitto con la scelta primaria.
Ci sono diversi problemi con il primo esempio nell'immagine sopra. Innanzitutto, i tipi di carattere scelti sono molto poveri. Il carattere di supporto è più elaborato (e più difficile da leggere) rispetto al carattere principale! Questo toglie il carattere principale e dovrebbe essere evitato. Inoltre, anche se il primo problema non era un problema, i due font sono semplicemente troppo simili nello spessore per essere usati insieme. Anche se sono drasticamente diversi nello stile, il loro peso della corsa simile non fornisce abbastanza contrasto visivo tra i due.
La seconda immagine usa caratteri più contrastanti e utilizza un font più sottile e semplice per il sottotag. I tuoi font sicuramente non devono necessariamente contrastare (l'effetto è stato intenzionalmente esagerato per l'esempio), ma assicurati che siano abbastanza diversi da prevenire la confusione visiva e che sia posta maggiore enfasi sul carattere principale.
6. Le dimensioni contano
Ho creato tonnellate di annunci promozionali stampati nei sei anni in cui sono stato designer. Una delle cose che impari molto presto a lavorare con materiale promozionale è che i titoli dovrebbero afferrare il lettore all'istante. Hai un secondo o due al massimo per attirare l'attenzione di qualcuno nel mondo della stampa. Se ti perdi questa opportunità, hai perso il tuo potenziale cliente.
Ciò significa che praticamente quando crei un titolo, non limitarti a digitarlo: progettalo. Considera i seguenti due esempi:
Il primo titolo richiede di leggere ogni parola per avere un'idea di ciò che il messaggio riguarda. Tutto ha le stesse dimensioni, larghezza e colore che non dà importanza a nessuna parte del messaggio. La parola? Potrebbe? è tanto visivamente importante quanto la parola "vincere"?
Al contrario, il secondo titolo è molto più forte anche se utilizza lo stesso identico messaggio. Ho de-enfatizzato le parole che non sono così importanti e ho davvero urlato le parole che sono. Il problema con il primo titolo è che lo spettatore deve essere disposto a prendersi il tempo di leggerlo. Il trucco è quindi quello di convincere lo spettatore a leggere le parti importanti non appena vedono il titolo, quasi per caso.
Guardando il secondo esempio, la prima cosa che dovresti notare è la parola? WIN? seguito da? THE BAHAMAS.? A questo punto, se sei il pubblico di destinazione, abbiamo suscitato il tuo interesse e hai molte più probabilità di prendere il tempo per vedere di cosa tratta questo messaggio.
7. Usa la tipografia come arte
Smetti di pensare alla tipografia semplicemente come titoli e copia del corpo e inizia a pensarla come un elemento di design. I caratteri tipografici sono progettati meticolosamente e quindi possiedono un'estetica che può essere una risorsa preziosa per il vostro arsenale di design. Questo ovviamente va ben oltre la costruzione di facce con lettere. Se vuoi creare un design incentrato sulla tipografia, pensa a come puoi incorporare un tipo attraente come eroe.
Inoltre, non sentirti mai come se fossi limitato dalla struttura dei caratteri esistenti. Espandi le forme dei caratteri in base alle tue esigenze. Prova ad aggiungere turbinii, texture, macchie, ghette e qualsiasi altra cosa tu possa pensare per rendere più bello l'aspetto del tipo.
8. Trova una buona ispirazione
Il modo migliore per imparare a creare una tipografia efficace e accattivante è trovare e studiare alcuni esempi esistenti. Di seguito sono riportati alcuni ottimi articoli per trovare l'ispirazione online, ma non fermarti qui. Esempi di tipografia buoni e cattivi sono il più vicino l'articolazione di fast food più vicina. Fai attenzione ovunque vai per quello che fanno gli altri e pensa al motivo per cui funziona o non sembra funzionare bene.
Splendidi esempi di tipografia floreale
40 esempi di bella tipografia nel design pubblicitario
Splendidi esempi di tipografia nel design pubblicitario
50 esempi di tipografia vintage
Rompere le regole
Ricorda che queste regole sono semplicemente intese come linee guida per aiutarti a creare una grande tipografia. Lungo la strada scoprirai che alcuni dei tuoi lavori migliori infrangono palesemente uno o più dei principi delineati in questo articolo.Come ho detto prima, il momento in cui comprendi pienamente una determinata regola nel design è il momento in cui hai il permesso di romperlo. Assicurati che il disprezzo non sia arbitrario, ma eseguito con lo scopo e per raggiungere un obiettivo specifico.
Risorse addizionali
- Typedia: un'enciclopedia condivisa di caratteri tipografici
- Typophile
- Gli elementi dello stile tipografico applicati al web
- 15 consigli per scegliere un buon tipo di testo
Le regole tendono a essere costrittive, ma spero che questi otto suggerimenti abbiano invece aperto con successo le tue possibilità tipografiche.