Aggiungere effetti alla tipografia può essere fonte di angoscia per i progettisti. I clienti richiedono un'ombreggiatura o una goffratura e sei bloccato con effetti di testo che minacciano di rovinare un progetto. Quello di cui hai bisogno è un arsenale di effetti di testo che non fa schifo così puoi aiutare il cliente a fare qualcosa di un po 'più elegante.
Il trucco per tutti questi effetti li sta usando scopo. La buona tipografia non ha bisogno di aiuto. Se un font non funziona da solo, non funzionerà con un po 'di tecniche aggiunte. (Farai solo qualcosa di male ancora peggio.)
I migliori effetti di testo sono quasi invisibili ai non-designer. Oppure gli effetti di testo sono usati per aggiungere un significato alla tipografia o al lettering. Ecco alcuni suggerimenti per l'utilizzo di effetti di testo che non risucchiano con alcuni esempi piuttosto interessanti.
1. Usa le ombre di lancio
Qualunque cosa tu faccia, non fare clic sul pulsante Ombra esterna nel software di progettazione e applicare solo i valori predefiniti. La migliore ombra esterna è quella che non vedi nemmeno. Una tecnica di ombra esterna viene distribuita al meglio come elemento per aiutare a creare profondità tra i livelli di testo e di sfondo.
Questo? Invisibile? lo stile di ombreggiatura è qualcosa che probabilmente viene visualizzato come designer quando si aggiunge la tecnica al testo, ma non dovrebbe essere riconoscibile all'utente comune. Le ombre esterne sono spesso utilizzate in questo modo come un elemento morbido per creare una separazione o per aggiungere solo un suggerimento più contrasto tra gli elementi di testo e di sfondo.
Qualunque cosa tu faccia, non fare clic sul pulsante Ombra esterna nel software di progettazione e applicare solo i valori predefiniti. Raramente queste impostazioni sono appropriate e spesso sembrano dilettantistiche.
Altre comuni tecniche di drop shadow altamente usabili includono opzioni che sono state fatte per essere viste, come un'ombra di un bordo duro o un'ombra a strati.
- Il ombra del bordo duro (nella foto sopra) ha un aspetto retrò distinto che aggiunge un secondo livello dietro il testo. Funziona meglio con caratteri di corsa o lastra di spessore elevato.
- UN ombra stratificata crea un effetto quasi tristrato / tridimensionale. Ha anche un aspetto retrò e funziona meglio con i caratteri più spessi.
2. Vai alla moda con una doppia esposizione
Le immagini a doppia esposizione sono un'opzione trendy e popolare nelle applicazioni di progettazione Web e di stampa. L'effetto che pone due esposizioni dell'immagine all'interno di lettere sembra complesso e interessante. Se usato con parsimonia o con le giuste immagini, può essere assolutamente sbalorditivo.
Vuoi creare una bella doppia esposizione? Abbiamo una lista di 20 azioni di Photoshop per renderlo un gioco da ragazzi. Oppure Envato Tuts + ha un ottimo tutorial se vuoi farlo da solo.
3. Divertiti con Strokes
Ravviva le scritte a blocchi con interessanti effetti di tratti o tratti per una maggiore profondità. Un tratto profondo e ampio può avere un aspetto retrò o addirittura emulare caratteri dai vecchi segni. L'effetto al neon sopra riportato è un ottimo esempio di come utilizzare un tratto per creare un tocco specifico per il design.
4. Usa colori (o un carattere a colori)
I caratteri a colori sono caratteri tipografici che includono più colori, sfumature o sfumature, trame o trasparenza. Puoi usare un font a colori per ottenere questo effetto funky (ne abbiamo alcuni tra cui scegliere da qui) o crearne uno tuo.
Quando si utilizza molto colore come effetto testo, è quasi necessario sopra le righe. Le scelte di colori brillanti e audaci sono piuttosto alla moda e non offenderanno gli utenti dal momento che le persone sono abituate a vederli.
Assicurati di usare il colore in un modo che sembra intenzionale. L'attivazione di alcuni colori su Helvetica non equivale a progettare un effetto testo che è l'elemento visivo principale del design.
5. Aggiungi un tocco di animazione
Non esiste una regola che dice che gli elementi di testo devono essere statici. Un'animazione nel design di siti Web è un modo divertente per aggiungere interesse visivo.
Aggiungi anche quell'interesse visivo agli elementi di testo. Quando si utilizza l'animazione del testo, è importante tenere a mente alcune cose per assicurarsi che la scritta rimanga leggibile:
- Il movimento dovrebbe essere intenzionale
- Le lettere non dovrebbero spostarsi velocemente
- Lo scorrimento o la riproduzione automatica del testo dovrebbe includere un modo per fermare il movimento
- Le parole dovrebbero essere sempre leggibili, indipendentemente dalle dimensioni dello schermo
6. Imitare qualcosa di iconico
Ogni volta che qualcosa diventa popolare, come la serie Netflix? Stranger Things ,? le tendenze del design tendono a imitare l'originale.
Il logo neon, ispirato agli anni '80 per la serie non fa eccezione. È stata la base per meme, progetti knockoff e un modo divertente per i designer di giocare con un nuovo effetto.
Basta essere consapevoli che la linea tra cool, e un effetto testo che fa succhiare, può spostarsi rapidamente con le tecniche mimiche. Uno stile può datare rapidamente un disegno. Anche le repliche scadenti possono sembrare scadenti e potrebbero non adattarsi al progetto come previsto.
7. Incorporare forme
Creare livelli e mixare? può essere un modo divertente per aggiungere qualcosa di più al testo. Consentendo alle forme o ad altri elementi di adattarsi al posto di una lettera o di una lettera, il disegno attira l'attenzione man mano che gli elementi vengono uniti.
Il trucco con questa tecnica è assicurarsi che l'elemento che agisce come una lettera si adatti al testo. Deve essere ovvio che l'oggetto sta sostituendo una lettera specifica in modo che il disegno non diventi difficile da leggere.
Kasra Design, sopra, fa un buon lavoro con il titolo del video principale e con l'icona della compagnia, che rende interessante? K? usando le forme.
8. Aggiungi trama
Alcuni caratteri tipografici sono caratterizzati da uno stile vintage e rude. Altri possono utilizzare un piccolo miglioramento personalizzato per lavorare con il tuo design generale.
L'aggiunta di texture come immagine all'interno di un carattere tipografico o come elementi tagliati fuori dalle lettere, come quella sopra, può rendere il design un po 'più tattile. La texture può far risaltare maggiormente il testo.
L'esempio sopra include due tipi di testo strutturato:
- Lettere con punte tagliate per renderle un po 'più ruvide o vintage
- Lettere che sono trasparenti con lo sfondo che mostra attraverso
9. Crea un personaggio personalizzato
Quando si tratta di creare un accurato effetto testo, la naturale forma è il branding. Le marche possono effettivamente modificare o regolare un carattere tipografico per includere un carattere personalizzato per le scritte che è memorabile.
Questa non è una tecnica che dovrebbe essere presa alla leggera. Creare una forma di lettera o modificare un personaggio deve essere fatto con cura. Nella maggior parte dei casi, ti consigliamo di lavorare con un tipografo (preferibilmente il creatore del carattere tipografico) per ottenere i migliori risultati.
Questo effetto di testo dovrebbe essere usato nelle istanze più parsimoniose.
10. Lasciare Lettering Alone Complessivamente
Tutto ciò che devi fare per massimizzare l'impatto è scegliere un carattere tipografico che corrisponda al tono della messaggistica dei progetti. A volte i migliori effetti di testo non usano affatto effetti. Con abbastanza contrasto di forma, dimensione e colore, elementi di testo e lo sfondo hanno una separazione naturale.
La mancanza di usare un effetto testo può essere più difficile dell'aggiunta di tecniche per facilitare la leggibilità o amplificare il contrasto. È necessario pianificare tutti gli elementi con precisione per garantire che gli elementi lavorino insieme e i caratteri in grassetto, o la luce scura o le combinazioni scure siano i più leggibili.
L'Università dell'Essex diventa audace con uno spesso tipo di carattere su uno sfondo video più scuro che quasi salta fuori dal design. E la parte migliore? Nessun singolo? Miglioramento? al testo
Conclusione
Il problema con gli effetti di testo è che queste? Tendenze? andare e venire rapidamente. (Ricorda tutto il testo dell'ombra lunga non troppo tempo fa?) Gli effetti di testo pesante possono rendere un aspetto del design datato, quindi fai attenzione a meno che non sia quello il look che stai cercando.
E ricorda che la sottigliezza funziona a tuo favore. Se riesci a vedere quell'ombra, probabilmente è troppo (e in effetti fa schifo). Ridimensionalo o cerca un altro modo per ottenere l'aspetto che stai cercando di creare.