Tendenze essenziali del design, febbraio 2016
Cerchi un aggiornamento del sito web e non sai da dove iniziare? Alcuni degli elementi più alla moda nel web design in questo momento sono divertenti esteticamente e abbastanza facili da usare.
L'aggiunta di una funzionalità di tendenza al design attuale o alla nuova build può contribuire a creare un'atmosfera moderna che possa aiutare i visitatori a raggiungere il tuo sito. E ciò che è particolarmente bello di questo triplo di tendenze è che puoi usarli con elementi esistenti, tavolozze di colori e di tipografia e marchi.
Ecco cosa è in voga nel design questo mese:
1. Combinazioni di colori a due tonalità
Le tavolozze dei colori a due tonalità sono in circolazione da molto tempo, ma il recente take aggiunge un effetto color wash a un gradiente di due tonalità per un effetto a tutto schermo e ad alto impatto. È qualcosa che ha fatto tendenza in maniera sostanziale con un design piatto, ma grazie al sorprendente utilizzo di Spotify è tornato il duotone.
Quindi cosa è esattamente il duotone?
È l'uso di due colori per formare una tavolozza. Nella forma più semplice, il duotone è una combinazione complementare della ruota dei colori. Negli usi più complessi, i progettisti utilizzano tutti i tipi di combinazioni di colori e infrangono le regole con gli abbinamenti.
La maggior parte degli effetti a due tonalità è caratterizzata da una sovrapposizione di colori vivaci sopra un'immagine. L'effetto a due tonalità evidenzia ombre e luci e crea un impatto visivo con colori straordinari. Spotify lo usa in un modo fantastico per fare foto di artisti standard che probabilmente hai visto decine di volte solo abbastanza diverse da essere catturate dall'attenzione.
È una tecnica che puoi usare in vari modi. Funziona con quasi tutti i concetti di design e può essere usato come elemento a schermo intero, come molti degli esempi sopra, per creare arte dominante. Può anche essere usato per creare uno sfondo interessante, per accentuare gli elementi dell'interfaccia utente o per dare maggiore enfasi a una parte specifica del design. Duotone funziona meglio se utilizzato per un singolo elemento di design. La tecnica può essere opprimente e dovrebbe essere usata con moderazione.
2. Design a schermo rovesciato
I siti web con un design a schermo diviso stanno crescendo in modo esponenziale. La tecnica di progettazione presenta due pannelli di contenuto affiancati. La maggior parte di questi concetti utilizza un contorno simmetrico in modo che ciascun lato dello schermo abbia le stesse dimensioni e forma.
Il risultato è una fantastica esperienza di doppio contenuto sui computer desktop e (se codificati correttamente) una grande esperienza schermo per schermo su dispositivi più piccoli, dove i pannelli si accartocciano e sono elementi di scorrimento impilati.
Le opportunità di progettazione con la tendenza a schermo diviso sono illimitate: metà e metà divisioni, divisioni con schede o elementi in stile griglia, una divisione sottile e l'elenco continua. Ogni lato del design può anche indirizzare gli utenti a diversi tipi di contenuti e aiutare a raccogliere preziose analisi degli utenti sul tipo di contenuto che le persone vogliono vedere e fare clic.
I design a schermo diviso sono intuitivi, funzionano bene in strutture reattive e non superano le altre tecniche di progettazione che potresti voler utilizzare.
Ecco alcuni modi per dividere lo schermo in modo efficace:
- Abbina colore e tipografia quando non hai immagini forti.
- Concentrare l'attenzione dell'utente con un movimento da sinistra a destra che si traduce in un'azione.
- Usa il blocco del colore per dividere lo schermo e dare al tuo messaggio molto spazio aumentando la leggibilità.
- Pensa a uno schermo diviso come carte di grandi dimensioni. Impila gli elementi del contenitore in un modello di mosaico o in muratura per mostrare diversi pezzi di contenuto.
- Mantieni ogni "schermo" semplice. Il trucco per questo concetto di design è lo schermo diviso. Uno stile minimale può aiutare a dare maggiore enfasi al contenuto in esso.
3. Tipografia in uno spazio condiviso
Questa è una di quelle tendenze che devi quasi vedere, per capire: la tipografia si estende in spazi condivisi nel design. Guarda la maggior parte dei siti web e ci sono immagini e sfondi e tipo. Gli elementi sono fatti insieme, come il tipo su un'immagine, o sono completamente separati.
Altri designer stanno uscendo da quel formato e creano progetti in cui il tipo si estende negli spazi di altri elementi. È interessante e divertente da guardare.
Può anche essere una sfida da creare, a causa delle preoccupazioni sulla leggibilità.
La tecnica funziona meglio con la semplice tipografia, come un sans serif a tratto medio. Il testo dovrebbe avere un sacco di contrasto per distinguersi dallo sfondo e da qualsiasi elemento che attraversa o attraversa. Per questo motivo, la maggior parte dei progetti che utilizzano questa tecnica usano caratteri bianchi o neri.
Anche il testo deve avere delle dimensioni per farlo funzionare. Quasi altrettanto importante del contrasto cromatico, è il contrasto per dimensioni e spazio. È inoltre necessario prestare particolare attenzione a come il testo si sposta con dimensioni dello schermo o punti di interruzione diversi in modo che le lettere non coprano le aree dell'immagine che sono vitali per il tuo messaggio.
Uno degli esempi più sorprendenti di questo è da Deux Huit Huit (vorrai visitare il sito per l'effetto completo). L'iscrizione si sposta attraverso l'immagine principale sulla home page. Le parole sono leggibili perché "cadono" dall'immagine e attraversano lo spazio tra la foto e lo sfondo.
Conclusione
Mentre un sacco di tendenze del design vanno e vengono quasi alla stessa velocità con cui inizi a riconoscerle, quelle che restano attive spesso funzionano bene con altre tecniche collaudate nel tempo. Questo è ciò che spicca di più su questo trio di stili moderni. Ognuno può essere lavorato in un layout per un tocco di novità. Queste tecniche sono abbastanza facili da implementare (e rimuovere in seguito) senza distruggere l'intera estetica.
Prova una di queste tecniche per un aggiornamento visivo. Pensa di uscire dalla tua zona di comfort un po 'con scelte di colori audaci o un cambiamento solo sulla tua homepage. O vai un po 'più audace e prova una combinazione di tecniche di tendenza per un design che si distingue davvero. (Hai notato che il sito Web di Stikwood utilizza due delle tendenze: design e tipografia a schermo diviso in uno spazio condiviso?)
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.