Tendenze essenziali del design, agosto 2016
Colore e strati. Questa coppia di elementi di design è stata la forza trainante di molte delle tendenze dell'anno. Mentre non abbiamo visto nulla di importante da prendere in considerazione, come il design piatto qualche anno fa o più recentemente Material Design, elementi di entrambi gli stili stanno spingendo i designer ad esplorare nuove cose.
Sia le scelte cromatiche che la stratificazione sembrano avere radici in quei trend più importanti e vengono utilizzate in schemi di progettazione anche senza estetiche totalmente piatte o materiali. Ecco cosa è in voga nel design questo mese:
1. Un sacco di elementi a strati
Gli elementi stratificati e gli effetti tridimensionali sono la tecnica indispensabile nello spazio web 2D. Grazie alle tecniche divertenti, e ancora meglio ai how-to, introdotti principalmente da Material Design, elementi a strati stanno spuntando in progetti di tutti i tipi.
Ciò che è particolarmente bello è che dà a un sito web un aspetto più realistico. L'utente può quasi allungare la mano e afferrare gli elementi sullo schermo. (E questa è una buona cosa!) Il trucco è che ogni strato dovrebbe apparire reale e leggero, e gli strati sembrano naturali.
Ecco un paio di modi per iniziare a sperimentare con i livelli nei tuoi progetti di design:
- "Solleva" elementi dallo sfondo con una semplice ombra o animazione. Olle fa questo con più elementi su piani diversi, ma tutti si uniscono e sembrano naturali.
- Consenti agli elementi di intersecarsi. Il testo può attraversare lo spazio occupato da un'immagine.
- Le funzioni di scrolling parallasse sono un modo interessante per creare elementi stratificati (un primo piano che si muove su uno sfondo) senza essere troppo opprimenti.
- Usa forme geometriche, animazioni e variazioni di colore per imitare la profondità nel design. Gli utenti dovrebbero sentirsi come se potessero quasi cadere nelle immagini, come ad esempio l'esperienza stabilita da Elimina agenzia .
- Crea livelli andando al di fuori dell'area di disegno, con elementi che vanno oltre lo sfondo o il bordo dello schermo.
- Consenti agli elementi di appoggiarsi su uno sfondo con texture per creare una separazione tra il livello superiore (che gli utenti possono immaginare in realtà toccando) e il livello di sfondo.
2. Schemi di colori scuri
Per un po 'sembrava che ogni sito web fosse un ideale minimalista, compreso uno sfondo bianco. Questa tendenza si è spostata man mano che emergevano schemi di colori più scuri come preferiti del design.
E per una buona ragione. Una bella combinazione di colori scuri può attirare l'attenzione e non è così dura negli occhi di alcuni utenti come un bianco brillante. Il rovescio della medaglia, l'estetica scura può essere un po 'più problematica se il testo è piccolo o su schermi più piccoli (quindi assicuratevi di prestare particolare attenzione a come il rendering degli elementi sui dispositivi mobili).
Gli elementi che si distinguono dagli schemi di colori scuri includono l'uso di video e animazioni fantastici, anche se difficilmente riconoscibili; grassetto bianco tipografico, pop di colore brillante per accentare inviti all'azione o informazioni importanti e l'umore generale appropriato.
Ricorda anche che il buio non sempre significa nero. Schemi di colori scuri possono essere radicati in una varietà di tonalità, dai rossi al blu al verde. Mentre le opzioni nere sono le più comuni, è importante scegliere un nero ricco composto da varie combinazioni di colori. Un nero piatto (o "K nero" come lo chiamano i designer di stampa) lascerà qualcosa a desiderare nel design del sito web.
Quando si lavora con schemi di colori scuri fare particolare attenzione per assicurarsi che ci sia il giusto contrasto tra gli elementi e che i colori e le immagini non si perdano nella natura oscura del design. Il bianco può essere una buona opzione così come altri colori primari con molta luminosità o saturazione. Ricorda di pensare anche al contrasto delle dimensioni. Considerare di aumentare la dimensione di tutti gli elementi di testo dal 10 al 20 percento quando si lavora con un quadro scuro per garantire la leggibilità.
3. Le sfumature tornano alla ribalta
Il gradiente, una delle tecniche evitate dal design piatto, sta tornando in auge. (Ed è anche usato in schemi di design per lo più piatti.)
I gradienti funzionano perché fanno qualcosa a cui molte persone hanno pensato che mancasse il design piatto, che è quello di aiutare a creare e stabilire profondità. Le novità sui gradienti questa volta sono che non sono abituati a imitare trame o senza scopo. La tendenza odierna si concentra su sfumature di colori brillanti che enfatizzano il contenuto. Dalle sovrapposizioni a tutto schermo agli sfondi, quasi tutto succede quando si tratta della tecnica ... purché sia audace.
I progettisti stanno sfruttando al massimo il gradiente in diversi modi:
- Le coppie di sfumature "a tinta piatta" mescolano entrambe le idee di design per un aspetto audace, come ad esempio il sito web WPcrew .
- I gradienti a due tonalità sono una divertente sovrapposizione di colori per aggiungere interesse a una foto che potrebbe essere in qualche modo carente o per aggiungere profondità a uno sfondo.
- Mentre molti di questi gradienti sembrano essere su una scala più grande, vengono utilizzati anche per elementi più piccoli, come pulsanti o per attirare l'attenzione su contenuti specifici.
Ci sono ancora alcune sfumature da non considerare. (Dal momento che non vuoi che il design assomigli al salto del 2012!)
- Fai attenzione ai piccoli gradienti. L'uso nelle icone non è ancora raccomandato.
- Non travolgere il contenuto. Un gradiente di sovrapposizione su una foto può essere bello (basti pensare ad alcuni dei fantastici effetti che Spotify presenta regolarmente), ma la foto deve ancora essere percepibile.
- I gradienti di colore audaci tendono ad avere una sensazione leggera e allegra. Assicurati che questo corrisponda al tuo contenuto.
- Prestare attenzione alle combinazioni di colori e contrasto quando si tratta di leggibilità. Alcuni gradienti possono ottenere testo chiaro e bianco può presentare un problema. Assicurati di verificare la leggibilità rispetto al colore, diversi punti di interruzione reattivi e su dispositivi di dimensioni multiple. (Con le sfumature, a volte i problemi di leggibilità possono comparire in luoghi che non ti aspetteresti.)
Conclusione
Non c'è niente di più divertente del colore quando si tratta di design. Le tendenze a colori sono piacevoli perché sono elementi che puoi aggiungere a quasi tutti i tipi di design senza una revisione completa. Lo stesso vale per gli elementi a strati. Questa è una tecnica che può essere aggiunta a un design esistente per dargli un aspetto più moderno.
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.