I titoli sono uno degli elementi più importanti della tua pagina e sono spesso il punto di partenza che dà il tono all'intero design. Quindi perché non renderli grandi?
Oggi daremo un'occhiata a sette diverse tecniche di progettazione che è possibile implementare in un minuto o meno che aumenterà il titolo da semplice a impressionante.
One Big Line, One Small Line
Inizieremo con il trucco più tipico e basilare della lista. Uno dei tuoi strumenti più potenti per creare titoli è il contrasto, che utilizzeremo ancora e ancora in questo post.
Qui abbiamo scelto di applicare il contrasto principalmente nella forma della dimensione del carattere. È estremamente comune disporre di un'intestazione di due righe in cui una riga utilizza una dimensione di carattere maggiore rispetto all'altra. Funziona praticamente con qualsiasi tipo di carattere e puoi variare quale linea è più grande.
La chiave qui, come con alcuni degli altri esempi qui sotto, è quella di porre l'enfasi dove pensi che appartenga. Nel mio esempio,? Great Headline? è l'idea principale ed è sempre sottolineato se è in cima o in fondo.
Varia il tuo caso
Questo è un trucco semplice che finisco per usare un bel po '. Usando praticamente qualsiasi struttura del titolo che vuoi, prova a cambiare il caso su alcune delle tue parole o linee.
Negli esempi sopra ho usato varie combinazioni di testo maiuscolo, minuscolo e maiuscoletto. In genere, le lettere maiuscole vengono utilizzate per l'enfasi, ma è piacevole lanciare una palla curva ogni tanto e in effetti rendere la linea in lettere minuscole il principale oggetto di acquisizione di attenzione come ho fatto nel secondo titolo.
Le tue ragioni per scegliere quali parole o linee utilizzare in maiuscolo possono naturalmente essere logiche e pensate, ma non aver paura di tentare un po 'di applicazione arbitraria. Il tuo ragionamento può essere semplice come il fatto che ti piacesse il modo in cui una parola sembrava migliore in tutte le lettere minuscole.
All Caps: più difficile da leggere?
Da qualche parte nel vecchio credo stilista c'è una dichiarazione su come tutti i tappi facciano una lettura difficile. In una certa misura questo è vero, ma in realtà si applica solo a grandi blocchi di testo come un paragrafo o una frase veramente 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 persino sentito alcuni affermare che è più facile!
Larghezza della linea uguale
Questa tecnica è usata tutto il tempo nel design moderno del titolo. Il risultato che ho ottenuto sopra è abbastanza non tipico (intenzionalmente). Di solito vedi questa tecnica usata su un grassetto condensato sans-serif come Helvetica, ma non cadere nella trappola di fare quello che fanno tutti, scoppiare da solo e provare con qualsiasi tipo di carattere che desideri. Non sarà sempre bello, ma la sperimentazione è una parte importante di ogni progetto!
Il font che ho usato sopra è DeLarge Bold, che è abbastanza difficile da leggere ma è piuttosto attraente in 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, le forme di lettera e le lunghezze di linea normalmente diverse diventano un insieme coerente che è più facile lavorare in un progetto più grande. Inoltre, sai, sembra proprio bello.
Larghezza linea uguale 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 è specificamente per questa tecnica mentre Letterring.js è più flessibile e potrebbe essere usato per creare la maggior parte se non tutti gli esempi in questo post.
Enfasi selettiva di parola
Questo ha la stessa logica di base del primo esempio sopra. Stiamo semplicemente tentando di utilizzare la dimensione come un importante punto di contrasto. Qui stiamo enfatizzando alcune parole e de-enfatizzando gli altri.
Non esiste una vera formula magica per cui le parole debbano essere grandi, basta sentirle e vedere cosa ha senso. Di solito riduco parole non importanti come? o? e? mentre provi a fare in modo che le parole grandi leggano un po 'decentemente nel loro complesso. Ad esempio, nell'esempio sopra, puoi vedere la frase? Rendere alcuni importanti? anche se non è proprio quello che dice la frase nel suo complesso.
Quando ho progettato gli annunci di stampa, questo è stato 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 la riduzione di un titolo alle sue parti più importanti aiuta davvero con quell'obiettivo, pur continuando a ottenere il titolo gigante che i copywriter ti hanno dato per lavorare.
Un doppio messaggio
Questo è un po 'bizzarro 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 linea.
Il risultato è un messaggio nascosto intelligente nel titolo. Nei titoli sopra ho fatto? DUH !? e? WOW? spicca. Questi sono esempi troppo semplici, è molto più impressionante quando si spende davvero il tempo per far funzionare bene i due significati insieme come ha fatto questo designer.
Integra grafica di modifica del testo
Se vuoi un design davvero interessante, prova a non mettere il titolo in sospeso da solo, ma piuttosto a farlo funzionare nella grafica della pagina. Funziona alla grande con forme vettoriali semplici come quella sopra. Osserva come il messaggio e la grafica del titolo si rinforzano a vicenda.
Uno dei luoghi più tipici che vedrai questa tecnica è in infografica. Qui l'intero punto è di mescolare le immagini nel testo per rendere il messaggio più chiaro, quindi è un'impostazione ovvia e appropriata per questo da utilizzare.
A volte le tue lettere sono abbastanza facili da manipolare che possono essere piegate e allungate per seguire le linee del tuo grafico, questo è il caso del? W? sopra. Tuttavia, le altre lettere erano molto più curviline, così ho preso la via più semplice e ho fatto il taglio grafico.
Testo annidato
Abbiamo iniziato con una tecnica molto semplice, quindi ho pensato che ci saremmo conclusi anche con uno. Questo tipo di design è molto comune nei titoli delle riviste. Fondamentalmente, scrivi qualcosa nel titolo e guarda lo spazio negativo formato tra gli ascendenti. È spesso il posto perfetto per spingere una parola o due dentro.
Il risultato è un titolo ben integrato che richiede solo due secondi per essere realizzato! Perfetto per tutte quelle volte in cui hai superato la scadenza e hai bisogno di mettere insieme un progetto in tempi record.
Conclusione
La morale di questa storia è pensarci due volte prima di digitare semplicemente il titolo e chiamarlo un giorno. Pensa sempre a come puoi migliorare la leggibilità e / o l'estetica del testo per soddisfare meglio gli obiettivi del design.
Lascia un commento qui sotto e facci sapere quale di questi è il tuo preferito. Hai qualcuno dei tuoi trucchi da condividere?