Tendenze essenziali del design, ottobre 2016
Come dice il proverbio: tutto vecchio è nuovo di nuovo. Questo è vero nel design di sicuro. Questo mese alcune delle più grandi tendenze nel web design non sono affatto nuove. I progettisti stanno reinventando gli stili tipografici della vecchia scuola, tornando alla griglia e ripensando alla messaggistica sulla home page.
È un'interessante combinazione di elementi visivi che abbiamo visto in passato e che probabilmente vedremo di nuovo in futuro. Ecco cosa è in voga nel design questo mese:
1. Tipografia vecchia scuola
Altri designer stanno adottando un approccio vecchio stile per mostrare la tipografia. Sono finiti i sans serif ultrasottili o condensati, e gli stili di tipo più tradizionali sono in. Serifs vecchio stile, moderno e transitorio sono il nuovo stile di tipo "go-to display".
È un po 'sorprendente, in realtà. Per anni. La "regola" è stata quella di utilizzare i sans serif per migliorare la leggibilità e i progettisti hanno fatto proprio questo, spesso senza dubbio. Il nuovo uso di serif per big type - e anche alcuni tipi più piccoli - è rinfrescante e abbastanza leggibile. I progetti spesso vivono in uno spazio minimo, quindi quel tipo non deve competere per l'attenzione e gli abbinamenti si concentrano su caratteri scuri su uno sfondo chiaro. (Tutto ciò che aiuta la leggibilità).
Non sai molto su questi stili di tipo? Ecco un veloce manuale su ognuna di queste "nuove" serifs di vecchia scuola:
- Old-style: Lettering ha un'ambientazione del vecchio mondo che traspira da alcuni stili blackletter e gotici dei primi anni della stampa. Le forme delle lettere hanno spesso piccoli segni di stampa (quei piccoli tratti alla fine di lunghi periodi) e una forma arrotondata. RSQ, sotto, è una perfetta vetrina della tipografia vecchio stile.
- Moderno: questo stile di lettering è abbastanza comune nel design stampato, come giornali e riviste, ma sta appena iniziando a farsi strada nei progetti web. I moderni caratteri serigrafici alternano larghezze di tratto spesse e sottili in ogni forma di lettera, a volte con grandi quantità di contrasto. Ink + Volt, di seguito, utilizza un bel serif moderno. Ma nota anche come viene usato il lettering. Il tipo è all'interno di una casella bianca in modo che le parti sottili di ogni lettera non si perdano nello sfondo del video, il che limiterebbe la leggibilità. Questa è la soluzione perfetta per l'utilizzo di un moderno serif.
- Di transizione: queste forme di lettere assomigliano molto ai moderni tipi di grazie con una grande differenza: le lettere hanno larghezze di tratto uniformi. Ciò rende i serif tradizionali più facili da usare perché possono essere più leggibili in più situazioni di progettazione.
Non tutte le tipografie della vecchia scuola rientrano in una categoria serif. Alcuni degli stili della vecchia scuola che stanno spuntando ci ricordano un'altra volta, come quella usata da The Frontend Guide, qui sotto. Il tema funky, inclinato, fine anni '70-inizio anni '80 ti porta davvero in un altro tempo e luogo. (E questo è totalmente vecchio stile.)
2. Griglie definite
A volte puoi vedere la griglia, a volte non puoi. In ogni caso, una griglia solida è la base per un design pulito, organizzato e facile agli occhi.
Le griglie più definite stanno facendo un ritorno. Parte di esso potrebbe provenire dall'influenza del Material Design, che presenta molti elementi in colonne e righe ordinate, e parte di esso potrebbe essere la facilità di spostare e riorganizzare elementi in strutture reattive.
In ogni caso, le griglie definite possono sembrare sorprendenti per una varietà di progetti su praticamente tutti gli schermi. La cosa bella dell'utilizzo di una griglia definita è che rende la vita davvero facile per il progettista. Una volta che hai imparato a lavorare all'interno di una griglia, posizionamenti, dimensionamento e opzioni di progettazione ti si presentano chiaramente.
Il trucco per usare le griglie definite non è quello di apparire troppo strutturato o eccessivamente reticolato. Per molti progettisti questo significa cambiare le dimensioni su diversi "schermi", come avere un'immagine di un eroe a tutta larghezza su una griglia di elementi. La pagina "Decade" di Elegant Seagulls, qui sotto, lo fa bene. Il sito Web presenta anche una sottile griglia sulla homepage nella foto, che è oscura e misteriosa, che ti porta nelle pagine della griglia a tema misterioso. L'alta marea, di seguito, fa qualcosa di simile con un video introduttivo interessante sopra i blocchi di griglia.
Ma una griglia può essere ben definita e un po 'meno in scatola. Zumtobel, sotto, usa le lettere nel suo nome per creare blocchi di griglia per informazioni specifiche sul prodotto. Solo al passaggio del mouse si vedono le caselle della griglia perfettamente dimensionate, anche se i posizionamenti sono idealmente distanziati orizzontalmente e verticalmente in una griglia pulita.
Più pensi alle griglie, più inizi a vederle attraverso gli occhi del designer che le ha create. Puoi iniziare con alcune delle griglie web comuni se non ti senti a tuo agio con l'idea o se crearne una tua. Il trucco è che devi usare la griglia in modo coerente per un reale successo visivo.
3. Messaggi minimi sopra la "piega"
La domanda del giorno è questa: ci sono abbastanza informazioni sopra la pergamena per interessarti abbastanza da continuare a guardare il sito web? Può essere difficile rispondere. Ma molti designer scommettono sull'idea che clicchi o scorri, anche se c'è solo una parola sullo schermo.
Con altri elementi visivi come video, cursori scorrevoli o display di prodotti allettanti, gli utenti potrebbero fare proprio questo. Ma può essere un gioco d'azzardo, specialmente con progetti che non includono un menu di navigazione con messaggi minimi.
Poi c'è questo: molti utenti inseriscono siti web attraverso pagine diverse dalla home page, quindi perché non rischiare lì? Guarda i dati e i clic, guarda cosa succede.
Questa è una di quelle tendenze che sarà interessante da guardare. Potrebbe svanire quasi rapidamente come è apparso, ma ci sono molti siti che usano questo modello.
Conclusione
È molto divertente guardare le tendenze del design tornare alla moda. Ciò che è bello di due di queste tendenze - la tipografia della vecchia scuola e le griglie definite - è che sono altamente utilizzabili in una serie di stili di progettazione.
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Lasciami un link su Twitter ; Mi piacerebbe sentirti.