7 modi semplici e veloci per ravvivare la tipografia del titolo
I titoli sono uno degli elementi più importanti della tua pagina e spesso rappresentano il punto di partenza che determina il tono dell'intero design. Quindi perché non renderli fantastici?
Oggi daremo uno sguardo a sette diverse tecniche di progettazione che puoi implementare in un minuto o meno che aumenteranno il tuo titolo da semplice a fantastico.
Esplora risorse di progettazione
Una linea grande, una linea piccola
Inizieremo con il trucco più tipico e di base dell'elenco. Uno dei tuoi strumenti più potenti per creare titoli è il contrasto, che useremo più e più volte in questo post.
Qui abbiamo scelto di applicare il contrasto principalmente sotto forma di dimensione del carattere. È estremamente comune avere un'impostazione del titolo a due righe in cui una riga utilizza una dimensione del carattere maggiore rispetto all'altra. Funziona praticamente con qualsiasi carattere tipografico e puoi variare la linea più grande.
La chiave qui, come con alcuni degli altri esempi seguenti, è di porre l'accento sul punto in cui pensi che appartenga. Nel mio esempio, "Great Headline" è l'idea principale ed è sempre enfatizzata se è in alto o in basso.
Varia il tuo caso
Questo è un semplice trucco che finisco per usare parecchio. Usando praticamente qualsiasi struttura del titolo che desideri, prova a cambiare il caso su alcune delle tue parole o linee.
Negli esempi sopra ho usato varie combinazioni di testo in maiuscolo, minuscolo e maiuscolo. In genere, le lettere maiuscole vengono utilizzate per enfatizzare, ma è bello lanciare una palla curva di tanto in tanto e in realtà rendere la linea minuscola il principale accaparratore di attenzione come ho fatto nel secondo titolo.
Le tue ragioni per scegliere quali parole o linee usare in maiuscolo possono ovviamente essere logiche e ponderate, ma non aver paura di provare un po 'di applicazione arbitraria. Il tuo ragionamento può essere semplice come il fatto che ti è piaciuto il modo in cui una parola sembrava migliore in tutte le lettere minuscole.
Tutto maiuscolo: più difficile da leggere?
Da qualche parte nell'antico credo del designer c'è una dichiarazione su come tutte le protezioni rendono difficile la lettura. In una certa misura questo è vero, ma in realtà si applica solo a grandi blocchi di testo come un paragrafo o una frase molto lunga.
La variazione dell'altezza delle lettere in lettere minuscole ti aiuta a differenziare e leggere più velocemente, ma quando ci sono solo poche parole, è perfettamente facile da leggere in maiuscolo e ho anche sentito alcuni sostenere che è più facile!
Pari larghezza della linea
Questa tecnica è utilizzata continuamente nel design moderno del titolo. Il risultato che ho raggiunto sopra è abbastanza non tipico (intenzionalmente). Di solito vedi questa tecnica usata su un sans-serif condensato in grassetto come Helvetica, ma non cadere nella trappola di fare ciò che fanno tutti gli altri, scappare da soli e provarlo con qualsiasi font tu voglia. Non sarà sempre bello, ma sperimentare è una parte importante di ogni progetto!
Il carattere che ho usato sopra è DeLarge Bold, che è certamente abbastanza difficile da leggere ma è piuttosto attraente a piccole dosi.
L'idea alla base di questa tecnica è che stai davvero spingendo il concetto di titolo come un singolo elemento. Creando una colonna a larghezza fissa, normalmente diverse forme di lettere e lunghezze di linea diventano un insieme coerente che è più facile lavorare in un design più grande. Inoltre, sai, sembra fantastico.
Uguale larghezza della linea online
Vuoi implementare questa tecnica con testo live sul web? Ci sono alcuni plugin jQuery, come Lettering.js e BigText che lo rendono facile. BigText è specifico per questa tecnica, mentre Letterring.js è più flessibile e potrebbe essere utilizzato per creare la maggior parte, se non tutti, degli esempi in questo post.
Enfasi selettiva sulla parola
Questo ha la stessa logica di base del primo esempio sopra. Stiamo semplicemente tentando di utilizzare le dimensioni come principale punto di contrasto. Qui stiamo enfatizzando alcune parole e de-enfatizzando altre.
Non esiste una vera formula magica per cui le parole debbano essere grandi, basta ascoltarle e vedere cosa ha senso. In genere riduco le parole non importanti come "the" o "and" mentre provo a far leggere le parole grandi in modo abbastanza decente nel suo insieme. Ad esempio, nell'esempio sopra, puoi vedere la frase "Rendi alcuni importanti" anche se non è esattamente ciò che dice la frase nel suo insieme.
All'epoca in cui avevo progettato annunci pubblicitari, questo era uno dei miei trucchi più usati per i titoli. Nella stampa, stai sempre cercando di attirare l'attenzione di qualcuno in una frazione di secondo e ridurre un titolo alle sue parti più importanti aiuta davvero a raggiungere questo obiettivo, pur rimanendo in quel titolo gigante con cui i copywriter ti hanno dato di lavorare.
Un doppio messaggio
Questo è un po 'strano e dovrebbe essere usato solo in rari casi, ma è piuttosto divertente. È possibile utilizzare dimensioni, peso, carattere tipografico e / o colore per impostare lettere specifiche dal resto della riga.
Il risultato è un messaggio nascosto intelligente nel titolo. Nei titoli sopra ho realizzato "DUH!" e "WOW" si distinguono. Questi sono esempi troppo semplici, è molto più impressionante quando passi davvero il tempo per far funzionare bene i due significati insieme come ha fatto questo designer.
Integrare la grafica che altera il testo
Se vuoi un design davvero interessante, prova a non spostare il titolo da solo fluttuando da solo, ma piuttosto lavorando nella grafica sulla pagina. Funziona alla grande con forme vettoriali semplici come quella sopra. Notare come il messaggio principale e la grafica si rafforzano a vicenda.
Uno dei luoghi più tipici che vedrai questa tecnica è in infografica. Qui l'intero punto è mescolare le immagini nel testo per rendere il messaggio più chiaro, quindi è un'impostazione ovvia e appropriata per questo da usare.
A volte le tue lettere sono abbastanza facili da manipolare da poter essere piegate e allungate per seguire le linee del tuo grafico, questo era il caso della "W" sopra. Tuttavia, le altre lettere erano molto più curve, quindi ho semplicemente preso la via d'uscita e ho avuto la grafica ritagliata in esse.
Testo accoccolato
Abbiamo iniziato con una tecnica davvero semplice, quindi ho pensato di finire anche su una tecnica. Questo tipo di design del titolo è molto comune nei titoli delle riviste. Fondamentalmente, scrivi qualcosa nel case del titolo e guardi lo spazio negativo formato tra gli ascendenti. È spesso il posto perfetto in cui spingere una o due parole.
Il risultato è un titolo ben integrato che richiede solo due secondi per essere costruito! Perfetto per tutte quelle volte in cui hai superato la scadenza e hai bisogno di mettere insieme un disegno a tempo di record.
Conclusione
La morale di questa storia è di pensarci due volte prima di scrivere semplicemente quel titolo e chiamarlo un giorno. Pensa sempre a come migliorare la leggibilità e / o l'estetica del testo per raggiungere meglio gli obiettivi del design.
Lascia un commento qui sotto e facci sapere quale di questi è il tuo preferito. Hai qualche tuo trucco personale da condividere?
