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!
- 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:
Kliknite da biste vidjeli Beagleovu nevjerojatnu JavaScript i CSS animaciju kada se pomaknete 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.
- 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.
- 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.
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.
- 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.
Dopuštanjem korisnicima da odaberu svoj sadržaj i iskustvo, možete stvoriti doživljaj tipa portala koji privlači posjetitelje da uđu.
- 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.
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.
- 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.
- 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.
Š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.