Tendenze del design del sito Web 2016 da considerare prima di creare il tuo sito

dk new media sito 1

Abbiamo visto molte aziende muoversi verso un'esperienza più pulita e più semplice per gli utenti del sito web. Che tu sia un designer, uno sviluppatore o semplicemente ami i siti web, puoi imparare qualcosa dando un'occhiata a come lo stanno facendo. Preparati a lasciarti ispirare!

  1. Animazione

Lasciandosi alle spalle i primi, sgargianti giorni del Web, pieno di gif lampeggianti, barre animate, pulsanti, icone e criceti danzanti, l'animazione oggi significa creare azioni interattive e reattive che migliorano la narrazione e forniscono una ricca esperienza utente.

Esempi di ricche animazioni includono il caricamento di animazioni, navigazione e menu, animazioni al passaggio del mouse, gallerie e presentazioni, animazione in movimento, scorrimento e animazioni e video in background. Dai un'occhiata a questo sito da Beagle, una piattaforma di gestione delle proposte:

Sito web animato di Beagle

Fai clic per vedere la straordinaria animazione JavaScript e CSS di Beagle quando scorri verso il basso il loro sito.

Una ricca animazione può essere vista anche in micro interazione. Ad esempio, su LinkedIn, un utente può passare il mouse su una scheda per visualizzare un sottile menu a comparsa di opzioni, quindi scegliere di saltare la storia o eseguire altre azioni.

Le animazioni GIF sono (gioiosamente?) Ripristinate e possono essere utilizzate per molti scopi diversi, tra cui commedie, dimostrazioni e anche solo per la decorazione.

  1. Material design

Material design, un linguaggio di progettazione sviluppato da Google, si basa sugli elementi del design basato sulla stampa (tipografia, griglie, spazio, scala, colore e uso di immagini) insieme ad animazioni e transizioni reattive, imbottitura ed effetti di profondità come luci e ombre per fornire un'esperienza utente più realistica, coinvolgente e interattiva.

Material Design utilizza ombra, movimento e profondità per offrire un'estetica pulita e moderna con un focus sull'ottimizzazione dell'esperienza utente senza troppi campanelli e fischietti.

Altri esempi di material design includono immagini da bordo a bordo, tipografia su larga scala e spazio bianco intenzionale.

Concetto di riprogettazione del design dei materiali Android di Youtube

  1. Flat design

Mentre Material Design offre un approccio al concetto di minimalismo, il design piatto rimane la scelta classica per gli amanti delle linee pulite. Cioè, il design piatto è spesso visto come un aspetto digitale più realistico, autentico e confortevole.

Space Needle

Basato sui principi dello spazio bianco, bordi definiti, colori vivaci e illustrazioni 2D o "piatte", il design piatto offre uno stile versatile che fa spesso uso di tecniche come l'iconografia delle linee e le ombre lunghe.

lander

  1. Schermi divisi

Utilizzato al meglio quando si hanno due aree ugualmente importanti da promuovere o si desidera offrire contenuti insieme a foto o contenuti multimediali, gli schermi divisi sono un nuovo ottimo modo per fornire un'esperienza utente divertente e audace.

di schermo diviso

Consentendo agli utenti di scegliere il proprio contenuto e la propria esperienza, è possibile creare un'esperienza di tipo portale che invoglia i visitatori a entrare.

oceano a schermo diviso

  1. Far cadere il Chrome

Alludendo ai paraurti cromati e agli abbellimenti delle auto d'epoca, il termine "chrome" si riferisce ai contenitori di un sito Web, ovvero menu, intestazioni, piè di pagina e bordi, che racchiudono il contenuto principale.

tempo di cromo

Ciò può essere fonte di distrazione e molte aziende scelgono di liberarsi dai contenitori e creare layout puliti da bordo a bordo senza bordi, intestazioni o piè di pagina.

cromato in avanti

 

  1. Dimentica la piega

"Above the fold" è il gergo dei giornali per la metà superiore della prima pagina di un giornale. Poiché i giornali sono spesso piegati e inseriti in scatole e espositori, il contenuto più interessante va above the fold per offrire loro le migliori possibilità di afferrare un potenziale lettore (e il suo portafoglio).

Il design del sito web ha a lungo utilizzato l'idea di una piega sul principio che lo scorrimento era gravoso. Ma recentemente, immagini e contenuti a schermo intero salutano un utente e incoraggiano lo scorrimento per svelare contenuti aggiuntivi e più approfonditi.

seedpot

  1. Video a schermo intero

Il video può essere un ottimo modo per attirare l'attenzione dei visitatori, ed è spesso anche più efficace delle immagini o del testo. I video in loop come quelli usati da Apple per l'Apple Watch sono un modo unico per dare un tono e attirare i visitatori.

DK New Media

Fare clic per vedere DK New Mediail video di sulla loro home page

Quando si tratta di web design, molti componenti specifici saranno dettati dal tuo settore, nicchia, mercato di destinazione e contenuto. Il tuo layout dipenderà da ciò a cui rispondono i visitatori e da ciò che ha più senso per il tuo messaggio. Ma con queste tendenze a portata di mano, avrai tutto ciò di cui hai bisogno per creare un sito web accattivante che faccia quello che ti serve e che dimostri che sai stare al passo con i tempi.

Cosa ne pensi?

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.