Trendovi dizajna web stranica za 2016. koje treba razmotriti prije izrade web stranice

dk new media site 1

Vidjeli smo da se puno tvrtki kreće prema čišćem i jednostavnijem iskustvu za korisnike web stranica. Bez obzira jeste li dizajner, programer ili samo volite web stranice, možete naučiti nešto gledajući kako to rade. Pripremite se za inspiraciju!

  1. Animacija

Ostavljajući za sobom rane, grozne dane weba, koji je bio u istoj mjeri s blistavim gifovima, animiranim trakama, gumbima, ikonama i plesnim hrčcima, animacija danas znači stvaranje interaktivnih, reaktivnih akcija koje poboljšavaju pripovijedanje priča i pružaju bogato korisničko iskustvo.

Primjeri bogate animacije uključuju učitavanje animacija, navigaciju i izbornike, lebdjeće animacije, galerije i prezentacije, animacije pokreta, pomicanje i pozadinske animacije i videozapise. Pogledajte ovu web stranicu tvrtke Beagle, platforme za upravljanje prijedlozima:

Animirana web stranica Beagle

Kliknite da biste vidjeli Beagleovu nevjerojatnu JavaScript i CSS animaciju kada se pomičete prema dolje na njihovoj web lokaciji.

Bogata animacija može se vidjeti i u mikro interakciji. Na primjer, na LinkedInu korisnik može preći mišem preko kartice za suptilni skočni izbornik opcija, a zatim odabrati preskakanje priče ili poduzimanje drugih radnji.

GIF animacije (radosno?) Su ponovno oživjele i mogu se koristiti u razne svrhe, uključujući komediju, demonstracije, pa čak i samo za ukrašavanje.

  1. materijal dizajn

materijal dizajn, dizajnerski jezik koji je razvio Google, oslanja se na elemente dizajna temeljenog na ispisu - tipografiju, rešetke, prostor, mjerilo, boju i upotrebu slika - zajedno s responzivnim animacijama i prijelazima, oblogama i dubinskim efektima poput osvjetljenja i sjena. pružaju realnije, zanimljivije i interaktivnije korisničko iskustvo.

Material Design koristi sjenu, pokret i dubinu kako bi pružio čistu, modernu estetiku s naglaskom na optimiziranju UX-a bez previše zvona i zvižduka.

Ostali primjeri dizajna materijala uključuju slike od ruba do ruba, tipografiju velikih razmjera i namjerni bijeli prostor.

Youtube koncept redizajna materijalnog dizajna Androida

  1. stan dizajn

Iako Material Design nudi jedan pristup konceptu minimalizma, ravni dizajn ostaje klasični izbor za ljubitelje čistih linija. Odnosno, ravni dizajn često se doživljava kao realniji, autentičniji i ugodniji digitalni izgled.

Svemirska igla

Temeljen na principima bijelog prostora, definiranih rubova, živih boja i 2D - ili „ravnih“ - ilustracija, ravni dizajn nudi svestrani stil koji često koristi tehnike poput linijske ikonografije i dugih sjena.

Lander

  1. Podijeljeni zasloni

Najbolje se koristi kada imate dva jednako važna područja za promociju ili ako želite ponuditi sadržaj uz fotografije ili medije, podijeljeni zasloni izvrstan su novi način pružanja zabavnog i smjelog korisničkog iskustva.

podijeljeni zaslon

Dopuštanjem korisnicima da odaberu svoj sadržaj i iskustvo, možete stvoriti doživljaj tipa portala koji privlači posjetitelje da uđu.

podijeljeni zaslon-ocean

  1. Ispuštanje Chromea

Aludirajući na kromirane branike i ukrase na klasičnim automobilima, "krom" se odnosi na spremnike web mjesta - izbornike, zaglavlja, podnožja i obrube - koji obuhvaćaju osnovni sadržaj.

krom-vrijeme

To može omesti pažnju i mnoge se tvrtke odluče osloboditi spremnika i stvoriti čiste izglede od ruba do ruba bez ivica, zaglavlja ili podnožja.

krom naprijed

 

  1. Zaboravi preklop

"Iznad nabora" je žargon za novine za gornju polovicu naslovnice novina. Budući da se novine često presavijaju i stavljaju u kutije i zaslone, najzanimljiviji sadržaj ide iznad pregiba kako bi im pružio najbolje šanse da zgrabe potencijalnog čitatelja (i njihov novčanik).

Dizajn web stranica već dugo koristi ideju pregiba na principu da je pomicanje opterećujuće. No, nedavno slike i sadržaji na cijelom zaslonu pozdravljaju korisnika i potiču pomicanje radi otkrivanja dodatnih, dubljih sadržaja.

sjemenka

  1. Video preko cijelog zaslona

Video može biti izvrstan način privlačenja pozornosti posjetitelja, a često je čak i učinkovitiji od vizualnih elemenata ili teksta. Ponavljajući videozapisi poput onih koje Apple koristi za Apple Watch jedinstven su način za postavljanje tona i privlačenje posjetitelja.

DK New Media

Kliknite da biste vidjeli DK New MediaVideo na njihovoj početnoj stranici

Što se tiče web dizajna, puno specifičnih komponenata diktirat će vaša industrija, niša, ciljno tržište i sadržaj. Izgled će ovisiti o tome na što posjetitelji odgovore i što za vašu poruku ima najviše smisla. Ali s ovim trendovima na raspolaganju, imat ćete sve što je potrebno za stvaranje privlačne web stranice koja radi ono što trebate i koja pokazuje da znate ići u korak s vremenom.

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.