Tendenze essenziali del design, luglio 2016
C'è molta sovrapposizione nei più grandi temi di design di luglio. In molti degli esempi seguenti, vedrai che più tendenze sono utilizzate in molti degli esempi. Questo perché molte delle tendenze sono semplici tecniche che possono essere aggiunte a quasi ogni tipo di design.
Questa è una vetrina di micro-tendenze. Ciò che è particolarmente bello di queste tendenze su piccola scala è che è possibile utilizzarle (o rimuoverle) senza dover effettuare una riprogettazione su larga scala. Possono servire da piccoli ritocchi per aiutarti a rinfrescare una pagina per un breve periodo con un elemento di tendenza.
Ecco cosa è in voga nel design questo mese:
1. Sovrapposizione di colori sulle immagini
Le sovrapposizioni di colore sono un modo visivamente interessante per disegnare l'occhio quando l'arte è meno che stellare. Può essere un buon modo per aggiungere colore e intrighi a una foto semplice, immagini di scorta o aggiungere colore quando l'immagine manca di una certa scintilla.
L'uso di sovrapposizioni di colori varia notevolmente. Mentre i colori vivaci sono una delle opzioni più popolari, una sovrapposizione in sordina o seppia può cambiare l'umore di un progetto o aggiungere il giusto tocco vintage, come ad esempio Lyrix sito web, di seguito.
Quando si tratta di sovrapposizione di colori, i colori solidi sono in genere l'opzione più popolare. I colori chiari sono comuni e molte delle stesse tonalità che sono popolari con altre tendenze del design come il design piatto e materiale sono comunemente usate. (Ecco la stratificazione delle tendenze menzionata nell'introduzione).
Infine, quando si pensa a una sovrapposizione di colori, considerare un effetto sfumato, a due tonalità o multicolore. Questa tecnica può funzionare particolarmente bene con un'immagine facilmente identificabile o con immagini piatte, come la foto per Orgoglio di New York , sotto. La ragione per cui sei attratto dal design del sito web è la sovrapposizione di colori vivaci, non l'immagine stessa.
(Nota con il sito Web di NYC Pride, in particolare, che un'altra tendenza sta tornando - il gradiente. Altri gradienti stanno iniziando a comparire nei progetti di design e vedremo questa tendenza in modo più dettagliato il mese prossimo.)
2. Minuscoli loghi angolari
Per un po 'i loghi sono stati uno degli elementi più dominanti nel design di un sito web. I progettisti utilizzavano versioni oversize di marchi e logotipi per creare estetiche interessanti.
Ora stanno adottando un approccio opposto.
I loghi vengono usati più piccoli che mai. Ma questa non è l'unica comunanza quando si tratta del modo in cui vengono utilizzati piccoli loghi. Appaiono anche nella stessa posizione in quasi tutti gli esempi di questa tendenza: l'angolo in alto a sinistra.
Il posizionamento non è così sorprendente. La parte in alto a sinistra è una posizione di posizionamento del logo comune nel design del sito Web ed è stata per qualche tempo dovuta all'idea che gli utenti leggano il sito da sinistra a destra in un modello a forma di "F".
Ciò che sorprende è quanto piccoli siano effettivamente i loghi in relazione al resto del design. In alcuni casi, questi loghi sono progettati per corrispondere simmetricamente all'icona del menu dell'hamburger. Quindi sono eccezionalmente piccoli.
Il Brave People il logo, per esempio sotto, è solo leggermente più grande dell'icona del menu ed è progettato per sembrare quasi un'icona in sé, con testo bianco novità all'interno di una scatola nera. La cosa bella di questa tecnica è che dà il resto delle immagini e del testo sulla tela in abbondanza di spazio da mostrare. Brave People usa un sacco di frammenti di video e scatole di informazioni a strati per attirare gli utenti attraverso il design del sito web. Avere un piccolo logo aiuta gli occhi a stare nel posto giusto e muoversi con facilità nel contenuto.
Cappotti usa un concetto simile, bilanciando il piccolo logo sul lato dello schermo e l'icona del menu sull'altro. Il design porta inoltre il concetto di logo in iconografia in tutto il sito, in modo che l'utente abbia sempre un promemoria visivo del sito Web in cui si trova.
3. Immagini "Fai sembrare" o video
"Fatti sembrare!"
Questo è ciò che molte delle immagini e dei video degli eroi sui siti web stanno urlando mentre ti atterri su di loro. Le immagini che sono strane, inusuali o richiedono solo un piccolo pensiero stanno diventando un modo popolare per attirare utenti e tenerli sul sito web per un periodo di tempo più lungo.
Vuoi capire cosa sta succedendo nell'immagine o se è un cane o un lupo ( Instynct , sotto), che cosa significa un elemento fuori posto ( bullhorn , sotto) o cosa succederà dopo come nel video per Nachume Miller (sotto).
Quindi cosa rende l'immagine "fai da te"? Deve essere diverso e interessante. Deve essere di alta qualità e contenere un'immagine che non vedi tutti i giorni. La visuale dovrebbe farti riflettere su qualcosa, porre una domanda o il desiderio di saperne di più.
L'immagine o il video cattureranno la tua attenzione e la terranno leggermente più lunga di un'immagine di un cheeseburger sul sito Web di McDonald's. È l'elemento di sorpresa o fantasia o meraviglia che lo rende qualcosa di cui gli utenti possono allontanarsi. Quando torni indietro, o guardi l'intero ciclo di un video o semplicemente non riesci a toglierti l'immagine dalla tua testa, allora sai che farà apparire anche gli altri. (Vai grande e audace, o vai a casa!)
Conclusione
È divertente vedere che più tendenze convergono, come molti di questi siti Web esemplificano. I piccoli loghi potrebbero essere uno degli elementi più dominanti al momento. È una di quelle cose che potresti non notare fino a quando non inizi a cercarla, e poi noti che questo concetto viene usato ovunque.
Inoltre, dà davvero al design spazio per altri elementi, facendo in modo che il logo si torni fuori, ed è per questo che funziona in combinazione con altre tendenze così bene.
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Mandami un link su Twitter; Mi piacerebbe sentirti.