Trendi oblikovanja spletnih strani v letu 2016, ki jih je treba upoštevati pred ustvarjanjem spletnega mesta

dk new media spletna stran 1

Videli smo, da se veliko podjetij premika k čistejši in enostavnejši izkušnji za uporabnike spletnih mest. Ne glede na to, ali ste oblikovalec, razvijalec ali imate radi samo spletna mesta, se lahko nekaj naučite, tako da si ogledate, kako to počnejo. Pripravite se na navdih!

  1. animacija

Če zapustimo zgodnje, mučne dneve spleta, ki je bil na mestu z utripajočimi gifi, animiranimi vrsticami, gumbi, ikonami in plesnimi hrčki, danes animacija pomeni ustvarjanje interaktivnih, odzivnih dejanj, ki izboljšajo pripovedovanje zgodb in nudijo bogato uporabniško izkušnjo.

Primeri bogate animacije vključujejo nalaganje animacij, navigacijo in menije, animacije lebdenja, galerije in diaprojekcije, animacijo gibanja, drsenje in animacije ter video posnetke v ozadju. Oglejte si to spletno mesto podjetja Beagle, platforme za upravljanje predlogov:

Animirana spletna stran Beagle

Kliknite, da si ogledate Beaglejevo neverjetno animacijo JavaScript in CSS, ko se pomikate po njihovem spletnem mestu.

Bogato animacijo lahko opazimo tudi v mikro interakcijah. Na primer, v LinkedInu lahko uporabnik premakne miškin kazalec nad kartico za subtilen pojavni meni z možnostmi in nato preskoči zgodbo ali izvede druga dejanja.

Animacije GIF so se (veselo?) Ponovno obudile in jih je mogoče uporabiti za številne različne namene, vključno s komedijo, demonstracijami in celo samo za dekoracijo.

  1. Material Oblikovanje

Material Oblikovanje, oblikovalski jezik, ki ga je razvil Google, se opira na elemente oblikovanja na osnovi tiska - tipografijo, mreže, prostor, lestvico, barvo in uporabo slik - skupaj z odzivnimi animacijami in prehodi, oblazinjenjem in globinskimi učinki, kot so osvetlitev in sence zagotavljajo bolj realistično, privlačno in interaktivno uporabniško izkušnjo.

Material Design uporablja senco, gibanje in globino, da ponudi čisto, sodobno estetiko s poudarkom na optimizaciji UX brez preveč zvončkov.

Drugi primeri materialnega oblikovanja vključujejo posnetke od roba do roba, obsežno tipografijo in namerne praznine.

Koncept preoblikovanja materialnega oblikovanja Youtube za Android

  1. Stanovanje Oblikovanje

Medtem ko Material Design ponuja en pristop k konceptu minimalizma, ravno oblikovanje ostaja klasična izbira za ljubitelje čistih linij. To pomeni, da je ravno oblikovanje pogosto videti kot bolj realističen, verodostojen in udoben digitalni videz.

Vesoljska igla

Temelji na načelih praznine, določenih robov, živih barv in 2D - ali "ravnih" - ilustracij, ploska zasnova ponuja vsestranski slog, ki pogosto uporablja tehnike, kot so ikonografija črt in dolge sence.

Lander

  1. Razdeljeni zasloni

Najbolje uporabljeno, če imate dve enako pomembni področji za promocijo ali če želite poleg fotografij ali medijev ponuditi tudi vsebino, so deljeni zasloni odličen nov način za zabavno in drzno uporabniško izkušnjo.

deljiv zaslon

Če omogočite uporabnikom, da izberejo svojo vsebino in izkušnjo, lahko ustvarite izkušnjo portalskega tipa, ki privlači obiskovalce k vstopu.

ocean z deljenim zaslonom

  1. Spuščanje Chroma

Aludirajući na kromirane odbijače in okraske na klasičnih avtomobilih, se izraz "chrome" nanaša na vsebnike spletnega mesta - menije, glave, noge in obrobe - ki zajemajo osnovno vsebino.

krom-čas

To je lahko moteče in številna podjetja se odločijo, da se bodo osvobodila vsebnikov in ustvarila čiste postavitve od roba do roba brez robov, glav ali nog.

krom naprej

 

  1. Pozabite na zgib

"Zgoraj" je žargon časopisa za zgornjo polovico naslovnice časopisa. Ker se časopisi pogosto zložijo in jih dajo v škatle in zaslone, je najbolj prepričljiva vsebina zgoraj, tako da imajo najboljše možnosti, da zgrabijo potencialnega bralca (in njegovo denarnico).

Pri oblikovanju spletnih strani že dolgo uporabljamo idejo o pregibu po načelu, da je pomikanje obremenjujoče. Toda v zadnjem času slike in vsebine na celotnem zaslonu pozdravijo uporabnika in spodbujajo pomikanje, da razkrijejo dodatne, bolj poglobljene vsebine.

semenska posoda

  1. Celozaslonski video

Video je lahko odličen način, da pritegnete pozornost obiskovalcev in je pogosto celo bolj učinkovit kot vizualni elementi ali besedilo. Zanimivi videoposnetki, kot jih Apple uporablja za Apple Watch, so edinstven način za določanje tona in privlačenje obiskovalcev.

Highbridge

Kliknite za ogled HighbridgeVideo na njihovi domači strani

Pri spletnem oblikovanju bo veliko specifičnih komponent narekovalo vaša panoga, niša, ciljni trg in vsebina. Vaša postavitev bo odvisna od tega, na kaj se obiskovalci odzovejo in kaj je za vaše sporočilo najbolj smiselno. Toda s temi trendi boste imeli na voljo vse, kar potrebujete za ustvarjanje privlačnega spletnega mesta, ki bo delalo tisto, kar morate storiti, in to bo pokazalo, da znate iti v korak s časom.

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.