Una delle più grandi tendenze nel web design è una grande immagine di eroe o video nella parte superiore di una pagina con poche parole per guidare gli utenti nel sito. Questo tipo di estetica mette molta pressione sul progettista per trovare il giusto carattere tipografico del display per unire il design.
Con così tanti caratteri tipografici tra cui scegliere, questo può essere un compito un po 'scoraggiante. Ma puoi trovare un grande carattere con un po 'di pianificazione e fortuna. Ecco cinque suggerimenti per iniziare con alcuni bellissimi esempi di tipografia del display.
Qual è il tipo di visualizzazione, comunque?
Prima di saltare ai suggerimenti, sei a tuo agio nel parlare dei caratteri tipografici? (In tal caso, salta al numero 1).
In caso contrario, un tipo di visualizzazione è spesso un lettering grande e accattivante che viene utilizzato per i titoli o le parole grosse in un disegno. Il tipo di visualizzazione non è esclusivo del web design, è un termine usato anche dai designer di stampa.
Il tipo di visualizzazione è disponibile in due forme principali per il Web.
- Il titolo principale del sito Web nella home page, ad esempio Walk West (sopra).
- Il titolo principale o l'intestazione di ogni pagina in tutto il design del sito web. Sebbene spesso non siano così grandi o appariscenti come il titolo principale sulla homepage, questi bit di tipo di visualizzazione sono gli elementi che trasportano ogni singola pagina.
1. Deve essere leggibile
Il tipo di display deve essere leggibile per essere efficace. Questo dovrebbe sembrare un gioco da ragazzi, ma con così tanti tipi di caratteri di novità tra cui scegliere, non è difficile trovare siti web in cui il titolo principale non è facile da leggere.
Non vi è alcuna regola su quale tipo di categoria di tipo, dovrebbero essere visualizzati caratteri di visualizzazione. Serifs e sans serif funzionano egregiamente. Persino alcuni caratteri tipografici di novità sono una combinazione ideale.
Le cose che contano è che il lettering è abbastanza grande, abbastanza distanziato e in contrasto con altri elementi di design abbastanza da risaltare sullo schermo. Immagina come sarebbero le parole se dovessero urlare? LEGGIMI? Questo è ciò che un carattere tipografico di visualizzazione dovrebbe fare per gli utenti.
2. L'iscrizione deve corrispondere alle parole
Questo potrebbe essere uno dei concetti più difficili al mondo da capire finché non lo vedi in azione: le lettere devono corrispondere alle parole.
Ecco una spiegazione. Alcune parole sembrano solo cattive in alcuni caratteri tipografici. È difficile da spiegare. Forse la parola include s più volte e quella forma di lettera non ha un bell'aspetto nel set di caratteri. La stessa cosa può accadere in particolare con glifi o caratteri strani come%, $ o &. O forse hai scelto un carattere in cui I, I e 1 si assomigliano e tutti quei caratteri sono sul display. (Devi scegliere qualcos'altro).
L'iscrizione dovrebbe superare il test del bulbo oculare, il che significa che dovrebbe apparire attraente. Le parole dovrebbero avere una certa sensazione, eleganza o prosperità per loro che è desiderabile. Se vedi delle stranezze nelle combinazioni dei personaggi, lo faranno anche gli utenti.
3. Darti flessibilità
Pensa a come il tipo di visualizzazione verrà utilizzato durante il tuo progetto. Hai bisogno di più pesi e stili per creare il pacchetto giusto? Il carattere tipografico selezionato funziona sia per gli spazi di visualizzazione secondari sia per il titolo principale?
Ti consigliamo di pensare a tutti questi usi e darti una flessibilità sufficiente con il carattere tipografico che ci hai scelto in più modi. Troppo spesso un tipo di carattere di visualizzazione è perfetto per il tipo super-dimensionato con solo una parola o due a cui pensare, ma l'utilizzo effettivo diventa molto più complicato quando si tratta di utilizzarlo in quegli spazi secondari.
Sarà molto più facile lavorare attraverso il design e creare tale coerenza se il tipo di carattere selezionato funziona in più situazioni. Per maggiore flessibilità e coerenza di progettazione, considerare un'intera famiglia di caratteri tipografici per gli usi di visualizzazione. Vai un po 'più audace con il titolo principale e usa un'opzione più sottile per il display secondario (magari provalo anche con un colore).
4. Fai attenzione ai tratti sottili
La seguente affermazione è soggetta a controversie: i tratti sottili sono difficili da utilizzare in modo efficace quando si tratta di tipo di visualizzazione.
Sì, le lettere con tratti sottili possono sembrare sorprendenti. Sì, alcuni stilisti lo fanno magnificamente. Ma la maggior parte non lo fa.
Torna al suggerimento n. 1. Tutto torna alla leggibilità.
Immagina di aver usato un carattere tipografico con un tratto ultrasottile per il tuo display principale e che abbia un bell'aspetto sui monitor da 27 pollici (forse come quello su cui stai progettando). Ora guardalo sul tuo tablet o telefono. Cosa pensi ora? È ancora leggibile? (Probabilmente no.)
Se hai bisogno di più convincente, ricorda che Apple lo ha provato con IOS 7. Gli utenti si sono lamentati del fatto che il carattere tipografico utilizzato per il sistema operativo fosse troppo sottile e difficile da leggere. Hanno preso a cuore queste lamentele e le versioni successive includevano un font più stilizzato.
5. Pensa all'immagine
In che modo le parole e le lettere funzionano con l'immagine o il video con cui sono abbinati? È un elemento importante Il carattere più bello del mondo può sembrare strano se il tono non corrisponde all'immagine e alla messaggistica nel resto del disegno.
Il contrasto è anche un fattore che contribuisce, in particolare con i video in cui le parti scure e chiare dell'immagine possono spostarsi. Le parole devono sempre essere riconoscibili sullo sfondo.
Altri designer optano per sfondi a tinta unita - questa è una tendenza piuttosto divertente con un sacco di design di siti web luminosi e audaci - in modo che il testo sia l'obiettivo principale. Se ami le tue scritte, questa potrebbe essere un'ottima opzione.
Lo sfondo solido con l'opzione di tipo di visualizzazione in grassetto, porta davvero gli utenti a concentrarsi sulle parole stesse. Il colore è usato come un pareggio per attirare l'attenzione su ciò che vuoi dire. Questa combinazione di testo funziona con una serie di opzioni di carattere e può essere modificata per adattarsi a quasi tutte le combinazioni di colori, dal colore elevato al design minimalista in bianco e nero. L'unica cosa che conta davvero è scegliere un carattere tipografico assolutamente adorabile!
Conclusione
Il tipo di visualizzazione è il primo pensiero che metti nella mente di un utente. Questa prima impressione può determinare se un utente si attacca al tuo sito o passa a qualcos'altro.
Per sfruttare al massimo l'interazione con i tasti, assicurati che ogni parola sia facile da leggere, imposta il tono giusto e aiuta gli utenti a muoversi attraverso il design per darti la più alta possibilità di successo.