Uno di maggiore le tendenze nel web design adesso sono super piccolo. ? Piccolo? gli elementi di testo sono diventati un'idea popolare, ma è una tendenza del design che ha stimolato alcuni dibattiti.
Non c'è dubbio che le dimensioni ridotte del testo possono causare problemi di leggibilità. Ma se fatto bene, un piccolo blocco di testo minuscolo può effettivamente contribuire a creare un punto di enfasi visiva e attirare gli utenti in determinate parti del progetto.
Unisciti a noi mentre diamo uno sguardo alla piccola tendenza del testo, con esempi per fornire qualche ispirazione di design.
1. Per creare gerarchia e organizzazione
Mentre il testo sovradimensionato è stato l'opzione dominante per le home page e le intestazioni per un po ', c'è uno spostamento per fornire maggiori informazioni sulla prima schermata dei monitor desktop. (Una ragione potrebbe essere che le dimensioni dello schermo continuano ad aumentare, dando ai designer più quadri con cui lavorare.)
Ecco dove? Piccolo? il testo entra in gioco. L'uso di dimensioni e proporzioni proporzionate per la tipografia crea un flusso visivo distinto, comunemente da caratteri grandi a caratteri piccoli. Usando un livello di testo minuscolo, in genere più piccolo delle dimensioni di un corpo comune di 14-16 punti, si crea un punto aggiuntivo che l'utente deve guardare. Il testo minuscolo, in particolare se utilizzato con altre dimensioni di testo, può richiamare l'utente perché è diverso.
Maxime Bonhomme utilizza un testo minuscolo nel design di un sito web di portfolio. Gli elementi di testo più piccoli forniscono dettagli chiave sui progetti, mentre il tipo più grande fornisce una descrizione del lavoro. Nota come i piccoli elementi di testo funzionano in parte a causa della quantità di spazio e contratto che circonda ciascun blocco di copia.
2. Per farti sembrare
A volte il testo minuscolo è di progettazione lì per farti guardare o dare una seconda occhiata.
Poiché è spesso inaspettato o diverso da quello che gli utenti vedono su tanti altri siti web, l'elemento di design ti affascina.
Mountain Dew, un marchio che non ha paura di essere spigoloso, utilizza un trattamento super piccolo titolo. Ti fa sembrare. E il titolo si adatta perfettamente all'apice della X per creare un modello di movimento degli occhi distinto dall'azione che si muove attraverso lo schermo con il video del giocatore NBA al titolo dell'identificatore del marchio. Anche la call to action è minuscola, ma non si sente a disagio per l'utente perché si sente intenzionale.
3. Creare una navigazione coinvolgente
Mentre molti siti Web hanno completamente rimosso la navigazione dalle home page a favore di hamburger / voci di menu in stile nascosto, l'uso di un testo minuscolo può essere un modo per riportare alcuni elementi sullo schermo senza sentirsi invadenti. È uno di quei flussi e riflussi nei modelli di progettazione, passando da un estremo all'altro. (La navigazione di grandi dimensioni sarà successiva?)
Usare un testo minuscolo nella navigazione può essere complicato. Deve essere abbastanza grande da leggere e fare clic con facilità. È importante usare un semplice carattere tipografico che sia anche leggibile, perché il testo minuscolo può essere un po 'difficile per gli occhi.
La magia della Lapponia ha trovato una buona via di mezzo con piccoli elementi di testo nella barra dei menu principale. C'è abbondanza di spaziatura attorno a ciascun elemento - alcuni persino usando i doppi ponti - e il semplice sans serif in bianco su sfondo scuro contribuisce alla leggibilità. C'è anche un secondo livello di? Meno importante? testo minuscolo sopra la navigazione principale per i viaggiatori.
4. Per mostrare lo spazio
Il testo minuscolo funziona in modo efficace quando la tela è grande. Il contrasto tra un piccolo elemento e un vasto spazio può essere sorprendente. Grandi blocchi di testo minuscolo possono essere stridenti e difficili da leggere, quindi tieni conciso l'elemento di testo.
Il testo della tinta dovrebbe anche essere usato con uno scopo ben preciso in mente. Prima di saltare in questa tendenza del design, chiediti: perché sto usando un testo minuscolo qui? Cosa contribuisce al significato del design del mio sito web?
Se non hai risposte solide a quelle domande -? Perché voglio? non conta - quindi dovresti considerare qualcos'altro.
Moonfarmer fa un bel lavoro in mostra spazio con testo minuscolo. Il design utilizza due livelli di tipografia e un sacco di tele aperte per stabilire uno stato d'animo e introdurre gli utenti al contenuto prima di fare clic o scorrere. Il testo minuscolo è solo uno dei tanti dettagli del design che ti attirano per fermarti e guardare. E con un grande contrasto tra gli elementi, non vi è alcuna preoccupazione in merito alla leggibilità.
Il design fa un'altra cosa che è importante tenere a mente: non devi usare minuscoli testi ovunque. Trattalo come un elemento artistico speciale. Moonfarmer utilizza un testo minuscolo nella home page e quindi rimpicciolisce lo stesso carattere tipografico a una dimensione più comune per tutto il resto del progetto.
5. Quando il testo non è L'elemento più importante
A volte l'elemento più importante sullo schermo non è lettering. Il testo arriva secondario a un elemento visivo.
La TV Freelance è un perfetto esempio di come utilizzare un testo di piccole dimensioni per aiutare gli utenti e consentire a un altro elemento di fungere da parte dominante del design. Per questo progetto, il video è l'elemento importante. Il testo minuscolo funge da elemento per fornire informazioni aggiuntive e incoraggiare le registrazioni con un blocco di testo statico che viene visualizzato indipendentemente dall'episodio visualizzato nella home page.
6. Creare un elemento visivo
Gli elementi di testo esistono principalmente per la lettura. Ciò rende perfetto, il senso logico.
Ma a volte gli elementi di testo funzionano come parte di un elemento visivo e se vengono letti o meno hanno un'importanza molto minore. (Ciò richiede pianificazione e molte conversazioni di design, quindi non affrontare questo concetto per un capriccio).
HTML Burger utilizza diversi livelli di testo piccolo e minuscolo. Il testo di piccole dimensioni viene utilizzato come descrittore con un trattamento di titoli di grandi dimensioni. Il testo minuscolo è utilizzato all'interno di ciascuno degli "hamburger"? wrapper per creare fantastici elementi visivi con un po 'più di informazioni su ciò che fa l'azienda. È una struttura di design che non si vede molto e, in questo caso, è di grande impatto.(Ma questa tecnica è piuttosto difficile da attuare, procedere con cautela).
Conclusione
Per andare piccolo o no? Può essere una decisione difficile. Mentre l'uso del piccolo testo è discutibile, ci sono usi appropriati per tipografia minuscola. Per garantire che il testo minuscolo funzioni nel tuo progetto, dagli un sacco di spazio, usa un carattere tipografico che è altamente leggibile e usa altri suggerimenti di progettazione per aiutare gli utenti a ottenere le parole.
Infine, se hai intenzione di sperimentare con un testo minuscolo, usalo con parsimonia. Questa non è una tecnica che aiuterà il tuo cram più in un design. Funziona in modo efficace con piccoli blocchi di testo in posizionamenti mirati.