5 tecniche per coinvolgere il tipo di visualizzazione
A volte il tuo carattere tipografico deve trasmettere la sensazione tanto quanto il significato, e per quella funzione più designer si rivolgono alla tipografia drammatica. Questo tipo di tipografia viene utilizzato per qualcosa di più della leggibilità e leggibilità (sebbene questo sia ancora lo scopo principale). La tipografia drammatica si distingue. Raggiunge lo schermo del dispositivo, richiede l'attenzione dello spettatore e lo indirizza verso il messaggio che sta trasmettendo. È un'opportunità per mostrare l'identità del marchio, migliorare il contenuto del testo, creare una perfetta gerarchia visiva e creare un'impressione memorabile. Non è una sorpresa che la drammatica tipografia stia rapidamente diventando una tendenza nelle interfacce web.
Semplici o elaborati, le parole sui siti di oggi vengono lette in una luce completamente nuova. In questo articolo, daremo un'occhiata a 5 esempi di tipografia drammatica nel web design.
1. Carattere semplice ma drammatico
Tipografia semplice e tipografia drammatica non si escludono a vicenda. In realtà, la semplice tipografia è una delle migliori forme di tipografia drammatica. Questa tecnica è relativamente facile da incorporare nella tua pagina: basta selezionare un carattere semplice e seguire questi suggerimenti:
- Aumentare la dimensione del carattere tipografico (i caratteri grandi inviano un messaggio potente soprattutto se abbinati alle immagini degli eroi)
- Rendi il colore del testo in contrasto con lo sfondo (il colore della copia del testo è solitamente bianco o nero che contrasta bene con un'immagine o con uno sfondo colorato).
- Aggiungi uno stile audace
La dimensione del carattere è un mezzo per controllare l'influenza; l'esempio seguente dimostra perfettamente come le lettere possono essere meravigliose da sole. Utilizzando gli estremi, in isolamento o in gruppi, diventa possibile trasmettere un messaggio potente senza essere odioso.
I caratteri semplici comunicano sicurezza e chiarezza.
2. Uso creativo di caratteri tipografici semplici
È assolutamente possibile prendere i caratteri più elementari e creare un'esperienza memorabile. Tutto ciò di cui hai bisogno è sperimentare con la tipografia:
Hai bisogno di inviare il tuo messaggio forte e chiaro? Utilizzare TUTTI I MAIUSC per la copia. Vuoi creare qualcosa di veramente speciale? Usa un carattere semplice insieme ad effetti animati o video.
3. Carattere decorativo
I designer hanno sentimenti contrastanti sui caratteri decorativi. Molti designer disprezzano i volti decorativi come economici e sciatti, mentre altri li adorano e sfruttano in modo creativo e interessante. Per quanto mi riguarda, credo che usato correttamente, la tipografia decorativa possa dare il tono al sito e mettere in risalto il marchio in un modo adorabile; ma solo quando corrisponde alla personalità del marchio e all'atmosfera del sito. Quando un designer raggiunge un equilibrio incorporando copia con un tipo decorativo appropriato, l'intera esperienza è migliore. Ecco alcuni esempi:
Nel Hawk & Hen esempio sotto, il carattere decorativo aiuta a stabilire uno stile bizzarro e unico per questa cucina / bar.
UN carattere personalizzato su Sleeping Tapes di Squarespace crea il giusto mood per esperienza.
Il carattere giocoso su HeadOfffice crea un'atmosfera energica.
Il carattere moderno e originale usato su Maaemo homepage crea un'atmosfera misteriosa.
Probabilmente hai notato che tutti gli esempi sopra hanno una cosa in comune: il carattere tipografico decorativo è usato insieme ad un layout semplice e minimale. Questa non è una coincidenza. Il fatto è che la tipografia decorativa è interessante da sola. Quindi, se hai intenzione di usare il tipo decorativo sulla tua homepage, per concentrare l'attenzione dell'utente su un singolo elemento è meglio usare un layout semplice.
4. Lettering
Il tipo disegnato a mano è stato a lungo una parte del web design. A volte è un vero lettering che viene scansionato, ma in molti casi, è un carattere creato per sembrare disegnato a mano. I font e le lettere di script aggiungono un tocco elegante a qualsiasi design quando fatto bene. Il testo disegnato a mano è unico in quanto è in grado di trasmettere messaggi sull'organizzazione dietro di esso. Dare un'occhiata a Grain & Mortar e femmefatale esempi sotto. Le radici artistiche di queste agenzie di design risplendono nel design della loro home page.
Gli elementi disegnati a mano sono un ottimo modo per umanizzare un marchio.
Assicurati solo che, se la leggibilità è l'obiettivo finale, il messaggio non è perso nella bellezza. Per evitare potenziali problemi, prova a limitare l'uso di caratteri disegnati a mano a titoli di grandi dimensioni sovrapposti su immagini e utilizza un altro font per la copia normale.
5. Sovrapposti elementi
Uno dei modi migliori per far sì che il testo venga notato è la sua sovrapposizione ad altri elementi (come immagini o altri oggetti grafici). Solitamente, i font scelti per essere sovrapposti tengono conto di altre trame, pattern e artwork che saranno presenti nel design:
Puoi estendere il testo oltre la sua sezione in altri.
Avere metà delle parole "sanguina" su un'immagine.
O addirittura infrangere le regole e dare risalto all'immagine primaria e nascondere le parole dietro di essa.
Le due importanti considerazioni con questa tecnica sono il contrasto e la leggibilità . È necessario testare il progetto per garantire che entrambi i requisiti siano soddisfatti e che il sito abbia una buona esperienza utente.