Il tipo è sempre comunicativo, anche se non è stato progettato con questo obiettivo in mente, ma ci sono alcuni modi per farlo davvero gridare. In questo tutorial, esploreremo alcuni modi semplici e più intelligenti di usare il tipo per comunicare un sentimento, un messaggio o un'idea.
Ci sono una varietà di caratteristiche che possono influenzare il tipo di comunicazione, incluso ma senza limitazioni: carattere tipografico e carattere, dimensioni, crenatura, interlinea, lettere maiuscole e colori.
Questo post è il giorno 18 della nostra sessione di Graphic Design. Sessioni creative "Session Day 17Session Day 19"Forse la decisione più importante nell'impostazione di un tono appropriato è scegliere un carattere tipografico o un carattere. Un carattere tipografico è una famiglia di caratteri, ogni carattere ha uno stile diverso (ad esempio, Arial è un carattere tipografico, Arial Bold, Arial Narrow e Arial Regular sono tutti caratteri del carattere Arial). Userò il termine più specifico "font" per il resto di questo tutorial a meno che non parli davvero di una famiglia di font.
La scelta dei caratteri può davvero influire sulla sensazione di un pezzo. Dai un'occhiata a queste pagine della Bibbia di Gutenberg e del Libro di Kells:
Sembrano piuttosto importanti e regali, giusto? Oggi sarebbe considerato un ostacolo alla comunicazione per disporre un libro in un font così elegante, ma sicuramente invia un messaggio potente.
Ci sono un certo numero di categorie di caratteri tra cui Roman (serif, sans-serif, script e ornamentale), Blackletter, Monospaced, Symbol e altri in mezzo. Ognuno di questi darà un tocco abbastanza distinto a un pezzo, ma come sempre, dipende da come lo si utilizza.
C'è molta varietà all'interno di ciascuna di queste categorie, ma puoi già vedere che ognuna esprime una sensazione abbastanza distinta. Serif è un po 'più formale, il sans-serif è pulito, la sceneggiatura è elegante, l'ornamentale può essere qualsiasi cosa, il blackletter è antico, monospazio si sente geek e simbolo - beh, il simbolo ha usi limitati a meno che tu non sia David Carson, nel qual caso usi questo tipo di carattere per articoli noiosi - come è per la comunicazione?
I caratteri Serif e sans-serif tendono ad essere usati per il testo del corpo, mentre il resto è più spesso usato per i titoli, ma a seconda dei tuoi obiettivi, come spiega questo tutorial, tutto è permesso e puoi infondere qualsiasi font con il tuo significato.
Le dimensioni possono comunicare in modo eccellente, ma parlano con la massima intensità quando vengono utilizzate con il contrasto. Ad esempio, questi due poster utilizzano la dimensione in contrasto con la dimensione del poster stesso per attirare l'attenzione:
Puoi immaginare di passare questi su un muro: uno fa immediatamente il suo punto e uno fa il suo punto, dando il massimo della tua curiosità, esortandoti a dare un'occhiata più da vicino. Il seguente esempio mostra come il contrasto nelle dimensioni può indicare una gerarchia, rendendo il testo più facile da leggere:
L'utilizzo del contrasto delle dimensioni nel tuo lavoro può creare una vera sensazione di dinamismo, a seconda di quanto lontano prendi le cose, o può semplicemente rendere il brano più facile da leggere.
Kerning regola lo spazio tra le singole lettere e viene spesso utilizzato in progetti orientati ai dettagli come il design del logo per rendere gli spazi tra le lettere uguali. Nel nostro caso, ci concentreremo sulla sensazione che può essere comunicata con il kerning in generale. Dai un'occhiata al prossimo esempio: quale meglio esprime il messaggio?
L'esempio a destra, ovviamente, trasmette l'idea di respirare un po 'meglio rispetto alla versione limitata a sinistra. Regolare la tua crenatura può avere l'effetto di rendere la sensazione del pezzo più leggera, aperta o pulita.
Dirigere è regolare lo spazio tra le righe di testo. Di solito c'è un mezzo sano che renderà più leggibili i grandi blocchi di testo, ma di nuovo ci concentreremo sulla sensazione che può essere comunicata conducendo in generale. Confronta la sensazione che provi guardando questi due blocchi di testo:
L'esempio a sinistra è un po 'ribelle e questa tecnica potrebbe essere utilizzata per un pezzo in stile punk o qualcosa di simile. L'esempio a destra riflette un tipo di eleganza e pulizia, e la tecnica potrebbe essere trovata in un invito a nozze o annuncio di gioielli.
Anche lettere maiuscole e minuscole possono fare una dichiarazione. Le lettere minuscole tendono a sembrare più amichevoli, quindi se vuoi progettare un logo amichevole, puoi considerare l'utilizzo di tutte le lettere minuscole:
Potremmo usare la maiuscola (o il colore o lo stile) per dire di più con meno:
Possiamo anche capitalizzare intere frasi o blocchi di testo, che possono essere usati per dare enfasi o per aggiungere un tocco regale o ufficiale - ti consiglio di provare le maiuscoletto:
Usare il colore nel design è una classe in sé e per sé, ma qui possiamo toccare alcune tecniche generali. Facciamo collegamenti psicologici ai colori su almeno tre livelli: il primo è il modo in cui mettiamo in relazione i colori con le esperienze della vita reale (come equiparare il blu con il cielo o l'acqua), il secondo è la psicologia del colore che è il modo in cui il colore ci colpisce inconsciamente (blu si pensa che si stia calmando e aumenti la produttività), e il terzo è il simbolismo culturale del colore (nelle antiche culture pagane germaniche, nelle emozioni simbolizzate blu, e nel mondo occidentale di oggi potremmo identificarlo con affari o tristezza).
Gli esempi precedenti mostrano come una parola o una frase possono essere enfatizzate utilizzando colori che si riferiscono a esperienze di vita reale e che un pezzo può essere reso più allegro utilizzando colori brillanti.
Abbiamo già esplorato modi in cui il tipo può comunicare pur rimanendo fondamentalmente leggibile. Ora possiamo dare un'occhiata a modi leggermente più audaci di comunicare con il tipo e occasionalmente spingendolo al limite della leggibilità. Se hai l'opportunità (come in, se non stai lavorando su un cartellone lungo la strada), offrire al tuo spettatore un puzzle e lasciargliela risolvere può essere un'esperienza davvero gratificante per loro.
È qui che la linea tra design e arte inizia a sfumare. Sia il design che l'arte sono forme di comunicazione, ma il design è generalmente pensato per essere più funzionale e più intenzionale. Anche se dico questo, puoi vedere le linee sfocate. Se usi la tipografia in un pezzo senza un vero messaggio o obiettivo: è arte o è design? Ti lascerò a mente mentre continuo il tutorial.
Non ci sono regole che dicono che non è possibile modificare un carattere durante la progettazione di un pezzo. Ci sono probabilmente milioni di modi per cambiare le lettere effettive per comunicare un messaggio. Darò un paio di esempi di base e potrai lasciar correre la tua immaginazione su di loro:
Penso che questi siano abbastanza auto-esplicativi.
Alcuni dei migliori e più amati esempi di utilizzo del tipo espressivo, in particolare per i loghi, sono questi esempi di Herb Lubalin, che svolgono un ottimo lavoro nel comunicare il messaggio attraverso intelligenti metafore visive:
Lo splendore nei disegni di Lubalin deriva dal fatto che questi messaggi sono immediatamente leggibili anche se ha riorganizzato l'ordine delle parole e modificato le forme delle lettere.
Ci sono alcuni progetti che definirei progetti "esperienziali", in cui, osservando il design, si sperimenta direttamente la sensazione che sta tentando di trasmettere. Ricordi quanto ti senti esausto dopo aver visto Castaway? Un po 'come quello. Ecco alcuni esempi non molto intelligenti da parte tua:
Potresti trovarti a sollevare un sopracciglio nell'esempio a sinistra - se sì, bene! È destinato a confondere. Vedo che senti questa confusione in questo momento. L'esempio a destra è pensato per sentirsi un po 'doloroso, affrettato, più difficile da leggere, perché se non provi il dolore del pezzo, potresti non cogliere completamente il messaggio.
Il tipo può essere utilizzato per molti scopi creativi oltre all'invio di un messaggio diretto. I ritratti tipografici sono un ottimo esempio, molti di loro usano parole o frasi relative all'argomento per dare più significato al ritratto. Il seguente ritratto di Steve Jobs, CEO di Apple, utilizza il testo di una campagna pubblicitaria Apple e utilizza i caratteri Apple:
"Steven Paul Jobs" di Dylan Roscover
Anche se sarebbe straziante cercare di leggere tutto il testo di questo pezzo, alcune frasi e parole si incollano per aiutare a creare la sensazione. Per me dice aziendale, serio, potere, ma anche realizzazione e pensiero fuori dagli schemi. E non solo è un grande pezzo di arte e design, ma ha anche significati semi-nascosti che esprimono ulteriormente una storia.
Se vuoi davvero essere in grado di comunicare messaggi con disegni tipografici brillanti, il mio suggerimento sarebbe di cercare il più possibile e vedere cosa hanno fatto gli altri. Ho elencato alcune risorse relative al tipo alla fine del tutorial.
Spero che tu ti allontani da questo tutorial con la consapevolezza che anche piccole decisioni relative al tipo possono avere un impatto e che il tipo non deve necessariamente essere leggibile per comunicare (anche se c'è sicuramente un punto debole al limite della leggibilità). Le decisioni che prendi sul tipo di progettazione per ogni pezzo dipenderanno sempre dai tuoi obiettivi. Ricorda che "il contenuto è re", cioè, a meno che tu non voglia che sia.
Per concludere, mi piacerebbe condividere un pezzo del leggendario stilista, David Carson (precedentemente menzionato come il ragazzo di Dingbat):
Immagine di credito: David Carson
Ho compilato un breve elenco di risorse di tipo per iniziare:
Siti web di font gratuiti:
Dafont
Siti web a carattere a pagamento:
MyFonts
Strumenti font:
Che tipo di carattere
Typetester
Blog di tipografia:
Amo la tipografia
L'alimentazione del carattere
Scrivi per te
Typophile
articoli:
Il potere della tipografia nel design
Vandelay Design's 101 Tipografia Risorse per Web designer
Si prega di commentare e raccontarci le vostre risorse di tipo preferite, trucchi di design di tipografia e link a brillanti stilisti e il loro lavoro.
Questo post è il giorno 18 della nostra sessione di Graphic Design. Sessioni creative "Session Day 17Session Day 19"