Scelta del carattere tipografico di visualizzazione corretto: 5 suggerimenti per il successo
Una delle più grandi tendenze nel web design è una grande immagine o video di un eroe nella parte superiore di una pagina con poche parole per guidare gli utenti nel sito. Questo tipo di estetica esercita una forte pressione sul progettista affinché crei il carattere tipografico giusto per mettere insieme il design.
Con così tanti caratteri tipografici tra cui scegliere, questo può essere un compito arduo. Ma puoi trovare un ottimo carattere tipografico con un po 'di pianificazione e fortuna. Ecco cinque suggerimenti per iniziare con alcuni splendidi esempi di tipografia di visualizzazione.
Esplora risorse di progettazione
Che cos'è il tipo di visualizzazione, comunque?
Prima di saltare ai suggerimenti, ti senti a tuo agio a parlare dei caratteri di visualizzazione? (In tal caso, passare al suggerimento n. 1.)
In caso contrario, un tipo di visualizzazione è spesso caratteri grandi e accattivanti che vengono utilizzati per i titoli o le parole grandi in un disegno. Il tipo di visualizzazione non è univoco per il web design, è un termine utilizzato anche dai designer di stampa.
Il tipo di visualizzazione è disponibile in due forme principali per il Web.
- Il titolo del sito Web principale sulla home page, come Walk West (sopra).
- Il titolo o l'intestazione principale su ogni pagina del design del sito Web. Sebbene spesso non siano grandi o appariscenti come il titolo principale della homepage, questi bit di tipo di visualizzazione sono gli elementi che portano ogni singola pagina.
1. Deve essere leggibile
Il tipo di visualizzazione deve essere leggibile per essere efficace. Questo dovrebbe sembrare un gioco da ragazzi, ma con così tanti caratteri tipografici innovativi tra cui scegliere, non è difficile trovare siti Web in cui il titolo principale non è facile da leggere.
Non ci sono regole su quale tipo di categoria di tipo, le lettere di visualizzazione dovrebbero provenire. Serif e sans serif funzionano ugualmente bene. Anche alcuni caratteri tipografici di novità sono una corrispondenza ideale.
Ciò che conta è che le lettere siano abbastanza grandi, distanziate abbastanza e in contrasto con altri elementi di design abbastanza da distinguersi sullo schermo. Immagina come sarebbero le parole se urlassero "LEGGIMI". Ecco cosa dovrebbe fare un carattere tipografico di visualizzazione per gli utenti.
2. Le lettere devono corrispondere alle parole
Questo potrebbe essere uno dei concetti più difficili al mondo da capire fino a quando non lo vedi in azione: le lettere devono abbinare le parole.
Ecco una spiegazione Alcune parole sembrano cattive in alcuni caratteri tipografici. È difficile da spiegare. Forse la parola include più volte s e quella forma di lettera non ha un bell'aspetto nel set di caratteri. La stessa cosa può succedere in particolare con glifi o caratteri dispari come%, $ o &. O forse hai scelto un carattere tipografico in cui io, I e 1 ci assomigliamo e tutti quei personaggi sono sul display. (Devi scegliere qualcos'altro.)
Le lettere dovrebbero superare il test del bulbo oculare, il che significa che dovrebbe apparire attraente. Le parole dovrebbero avere una certa sensazione o un tocco o fiorire per loro che è desiderabile. Se vedi delle stranezze nelle combinazioni di personaggi, anche gli utenti lo faranno.
3. Datti flessibilità
Pensa a come verrà utilizzato il tipo di visualizzazione durante il tuo progetto. Hai bisogno di più pesi e stili per creare il pacchetto giusto titolo? Il carattere tipografico selezionato funziona per quegli spazi di visualizzazione secondari e per il titolo principale?
Ti consigliamo di pensare a tutti quegli usi e darti abbastanza flessibilità con il carattere tipografico che ci selezioni in più modi. Troppo spesso un carattere tipografico di visualizzazione sembrerà perfetto per caratteri di grandi dimensioni con solo una parola o due a cui pensare, ma un uso efficace diventa molto più complicato quando si tratta di usarlo in quegli spazi secondari.
Sarà molto più semplice elaborare la progettazione e creare tale coerenza se il carattere selezionato funziona in più situazioni. Per ulteriore flessibilità e coerenza di progettazione, prendere in considerazione un'intera famiglia di caratteri tipografici per gli usi di visualizzazione. Diventa 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. Diffidare di colpi sottili
La seguente dichiarazione è soggetta a controversie: i tratti sottili sono difficili da usare in modo efficace quando si tratta di visualizzare il tipo.
Sì, le lettere con tratti sottili possono apparire meravigliose. Sì, alcuni designer lo realizzano magnificamente. Ma la maggior parte no.
Torna al suggerimento n. 1. Tutto torna alla leggibilità.
Immagina di aver usato un carattere tipografico con un tratto super sottile per il tuo display principale e che si adatta perfettamente ai monitor desktop da 27 pollici (forse come quello su cui stai progettando). Ora guardalo sul tuo tablet o telefono. Cosa pensi ora? È ancora altrettanto leggibile? (Probabilmente no.)
Se hai bisogno di più convincenti, ricorda che Apple ha provato questo con IOS 7. Gli utenti si sono lamentati del fatto che il carattere tipografico utilizzato per il sistema operativo era troppo sottile e difficile da leggere. Hanno preso a cuore queste lamentele e le versioni successive includevano un carattere più spesso.
5. Pensa all'immagine
Come funzionano le parole e le lettere con l'immagine o il video con cui sono accoppiati? È un elemento importante. Il carattere più bello del mondo può apparire imbarazzante se il tono non corrisponde all'immagine e ai messaggi nel resto del design.
Anche il contrasto è 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.
Sempre più designer stanno optando per sfondi a tinta unita - questa è una tendenza piuttosto divertente con molti progetti di siti Web luminosi e audaci - in modo che il testo sia l'obiettivo principale. Se ami i tuoi caratteri, questa potrebbe essere un'ottima opzione.
Lo sfondo solido con l'opzione del tipo di visualizzazione in grassetto, porta davvero gli utenti a concentrarsi sulle parole stesse. Il colore viene utilizzato come disegno 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 dall'alto colore a un design minimalista in bianco e nero. L'unica cosa che conta davvero è che scegli un carattere assolutamente adorabile!
Conclusione
Il tipo di visualizzazione è il primo pensiero che hai messo nella mente di un utente. Quella prima impressione può determinare se un utente si attacca al tuo sito o passa a qualcos'altro.
Per sfruttare al meglio l'interazione chiave, assicurati che ogni parola sia di facile lettura, stabilisca il tono giusto e aiuti gli utenti a spostarsi nel design per offrirti le maggiori possibilità di successo.
