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

dk new media stranica 1

Vidjeli smo da se mnoge kompanije kreću prema čistijem 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 razini s blistavim gifovima, animiranim trakama, dugmadima, ikonama i plesačkim 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 menije, animacije lebdenja, galerije i prezentacije, animacije pokreta, pomicanje i pozadinske animacije i videozapise. Pogledajte ovu web stranicu tvrtke Beagle, platforme za upravljanje prijedlozima:

Animirana web lokacija Beagle

Kliknite da biste vidjeli Beagle-ovu nevjerojatnu JavaScript i CSS animaciju kada se pomičete po njihovoj web lokaciji.

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

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

  1. Material Design

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

Material Design koristi senku, pokret i dubinu kako bi ponudio čistu, modernu estetiku sa fokusom na optimizaciju 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. Flat Design

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

Zasnovan 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 ekrani

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

split-screen

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

split-screen-ocean

  1. Ispuštanje Chromea

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

hrom-vreme

To može biti distraktivno, a mnoge kompanije odlučuju se osloboditi kontejnera i stvoriti čiste rasporede od ivice do ivice bez ivica, zaglavlja ili podnožja.

hrom-naprijed

 

  1. Zaboravi preklop

„Iznad preloma“ je žargon za novine za gornju polovinu naslovne strane novina. Budući da se novine često presavijaju i stavljaju u kutije i zaslone, najzanimljiviji sadržaj ide iznad preloma kako bi im se pružila najbolja šansa da zgrabe potencijalnog čitatelja (i njihov novčanik).

Dizajn web stranice već dugo koristi ideju preklopa na principu da je pomicanje opterećujuće. Ali nedavno, slike i sadržaj na cijelom ekranu pozdravljaju korisnika i potiču pomicanje kako bi se otkrili dodatni, dublji sadržaji.

sjeme

  1. Video preko cijelog zaslona

Video može biti sjajan način da privučete pažnju posjetitelja, a često je i učinkovitiji od vizualnih elemenata ili teksta. Video zapisi 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 vam je potrebno za stvaranje privlačne web stranice koja radi ono što trebate i koja pokazuje da znate ići u korak s vremenom.

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.