Ono što je popularno na stranicama u 2018: 7 glavnih trendova u web dizajnu

U ovom ćemo članku govoriti o VR tehnologijama, igrama, interaktivnim kartama i drugim novijim značajkama koje se koriste u web dizajnu. Sve to uz primjere okupljenih na stranicama i natjecanjima za web dizajnere, kao iu portfelju vrhunskih studija i digitalnih agencija. Općenito, čitajte, gledajte, budite nadahnuti.

animacija

Animacija na stranicama mogla bi se naći još 2000. godine. No, u posljednjih nekoliko godina, premjestio se iz statusa "za ljepotu" u rješenje koje pomaže u pružanju informacija učinkovitije od teksta i slika.

Industrijske brusilice

Kako doći do stranice njemačke tvrtke WEIMA, koja proizvodi industrijske brusilice i preše za otpad, odmah shvaćate što se nudi, kako radi i zašto je potrebno.

Na prvom zaslonu prikazan je rad strojeva. A savjeti koji se pojavljuju kada prelazite preko slika otkrivaju glavne prednosti opreme.

Osiguravajuće društvo

Na promo-stranici osiguravajućeg društva "Arsenal" uz pomoć SVG-animacije prikazani su najčešći osigurani događaji. Izometrijski stil u kojem su prikazani omogućio je precizniji prikaz arhitekture i automobila, stvarajući 3D efekt.

Proizvođač opreme i kemikalija

Medlex proizvodi i isporučuje kemijske reagense, medicinsku opremu i deterdžente. Zasloni na glavnoj stranici sajta prikazuju usluge, a animacija ilustracije čini življom.

Za više primjera dizajna usluga, pogledajte članak Alekseja Alexandrova "Kako dizajnirati stranicu Usluga: primjer 14 tvrtki iz različitih poslovnih područja".

Online aukcija

Na web stranici internetske aukcije Porcija, umjetnik može prodati aukciju, a kolekcionar s druge strane svijeta kupiti. A uz pomoć animacije objašnjava složenu mehaniku i stupnjeve sustava.

interaktivni

Posljednjih nekoliko godina počelo se pojavljivati ​​sve više i više interaktivnih stranica. Korisniku se daje mogućnost da kontaktira elemente na stranici: push, stretch, connect, draw, itd. Takva rješenja uvijek pomažu da se istaknu i privuku pažnju.

Zabavni kanal

Adult Swim je blok na kanalu Cartoon Network. Na njemu se od 23 sata do 6 sati održavaju predstave i crtani filmovi za odrasle. Na prvom ekranu stranice posvećene ovom kanalu možete držati oko pet minuta, istežući elastično lice glavnog lika iz crtića "Ricky i Morty".

Web studio

Na web stranici AERO web studija, pokazivač imitira toplinsku mapu "Yandex.Metrica" ​​- jedan od glavnih alata za analizu internet marketinga. Ovo je vjerojatno sve što trebate znati o ovoj stranici. Pomaknite se dalje.

Agencija za brendiranje

Ime marke agencije Revelé prevedeno s latinskog znači otkriti nepoznato.

I tvrtka je odrazila svoje pozicioniranje ne samo u nazivu, već i na mjestu. Interaktivni krugovi, koji zatamnjuju sadržaj, moraju se gurnuti natrag kako biste pročitali tekst. A da biste vidjeli informacije u odjeljku s kontaktima, trebate očistiti stranicu pomoću pokazivača.

Osobna stranica Illustratora

Na prvom ekranu osobne stranice ilustratora vidimo sedam nasumično razbacanih točaka. Mogu se povezati u bilo kojem redoslijedu, nakon čega se linije pretvaraju u smiješne likove. A za sve kombinacije s kojima možete spojiti točkice, nacrtane su različite ilustracije. Po mom mišljenju, takva odluka govori o vlasniku stranice bolje od bilo kojeg prodanog teksta i UTP-a.

Igre i testovi

Što se tiče informacijske buke, samo se motivirani posjetitelji bave sadržajem. Stoga je upravo ponašanje modernog korisnika potisnulo dizajnere i dizajnere na taj trend. Doista, za razliku od čitanja, svatko voli igrati i uzeti testove na internetu. To povećava posjećenost jer se rezultat dijeli s prijateljima i dijeli na društvenim mrežama.

Tvrtka za zapošljavanje

Za FIFA Svjetsko prvenstvo u Rusiji, Ancor je angažirao volontere i zaposlenike koji su koristili HR-Landing kako bi prikupili zahtjeve za slobodna radna mjesta. Kako bi povećali pokrivenost, implementirali su mehaniku igara.

Sa drugog ekrana nudimo da odemo u zatvorenu sekciju s igrom, koja je regularna 2D arkada. I oni omogućuju da se uhvati goli nogometni navijač koji trči na polje, preskačući prepreke na putu (iskreno, nisam ga mogao uhvatiti. Ako uspiješ, napiši u komentarima što se događa).

Autopraonica

Na internetskoj stranici autopraonice možete isprobati vic, koji će vam reći o odnosu s vašim automobilom. Mogućnost dijeljenja rezultata povećava smiješna pitanja i gifove.

Vodeni park

I posljednji primjer su mini-igre na mjestu vodenog parka. Posjetiteljima se pruža mogućnost šetnje po području s toboganima, bazenima i vožnjom na plaži. I tako je dosadno, programeri su došli s mnogo zanimljivih interaktivova. Možete se spustiti s najvišeg brda, pucati iz vodenog topa ili plivati ​​u prozirnoj kugli. Takve odluke ne uključuju samo posjetitelje, već i da je najvažnija stvar prenesena emocijama.

Učinci paralakse

Vjerojatno ste vidjeli mjesta na kojima se, prilikom pomicanja, objekti u prednjem planu i pozadini kreću različitim brzinama, stvarajući izgled trojstva. To je zapravo efekt paralakse. Postao je rasprostranjen s pojavom tehnologija CSS3 i HTML5, što vam omogućuje stvaranje zanimljivijih i živahnijih efekata. Sada su se počela pojavljivati ​​sve više mjesta na kojima služe ne samo za ukrašavanje, nego i za otkrivanje prednosti ili prenošenje informacija.

zakovice

"K2 Expert" - pričvršćivači i hardver za online trgovinu. Kako bi profitabilno prodali svoj vodeći proizvod, pokrenuli su promo stranicu za zakovice. I zakovica na njoj u doslovnom i figurativnom smislu je u središtu pozornosti. Kroz stranicu ostaje statična, dok se ostatak sadržaja pomiče. Ova tehnika doslovno privlači pažnju posjetitelja na stranicu, a da je ne ispusti na zadnji zaslon.

Pogledajte marku

Na stranici koja predstavlja liniju satova, ova se tehnika koristi za učinkovitije demonstriranje proizvoda. Kada se krećemo kroz stranicu, satni mehanizam dobiva detalje, a pojavljuje se i opis svakog od njih.

Kozmetička tvrtka

Više od jednom pojavio u nominaciji "Web stranica dana" u Awwwards kozmetičke tvrtke Mowellens. Na svojoj web stranici, paralaksa stvara simbiozu s glatkim prijelazima i oku ugodnom animacijom. To čini resurs jedinstvenim i nezaboravnim.

Virtualna stvarnost

To je najteže primijeniti s cijelog popisa, ali jedan od najčešćih. Za stvaranje virtualnog prostora na web-lokaciji koriste se cijeli niz tehnologija, kao što su WebGL i WebVR, 3D modeliranje i teksturiranje.

Digitalni studio

Studio Little Workshop bavi se korištenjem VR-tehnologije za poslovanje. Kako bi pokazali svoje usluge, izradili su web stranicu s virtualnom sobom u kojoj su otkrili puni potencijal predloženih tehnologija.

VR kino

Na stranici posvećenoj virtualnom kinu CINEVR nudi se kupnja ulaznice za film koji vam se sviđa i gledanje uz pomoć VR-naočala. A kako bi sve prednosti ove tehnologije donijele, stranica je implementirala interaktivni 3D bioskopski prostor.

"Kaspersky Lab"

U čast 20. obljetnice "Kaspersky Lab" pokrenula je projekt predviđanja budućnosti.

Svatko može podijeliti svoju viziju onoga što nas očekuje 2050. godine. I najbolje ideje će dodati na stranicu.

Ako ste umjetnik ili dizajner, možete nacrtati VR-prostor za svoj futuristički projekt. Da biste to učinili, preuzmite posebnu rešetku na stranici, uz pomoć koje crtate ilustraciju, a zatim je postavite na svoj osobni račun. Tada se vaša ilustracija projicira na sferu i postavi na interaktivni globus, gdje ga može vidjeti svaki posjetitelj.

Prilagođena mehanika

Sada se dizajneri sve više udaljavaju od standarda gradnje web-mjesta, govoreći ne na ravnim stranicama, okomito pomicanje i poznatu navigaciju.

Ovaj trend nije vezan za određenu tehnologiju ili prijem. U različitim primjerima - različita rješenja. Sve ovisi o ideji koju želite prenijeti.

Energetska tvrtka

Umjesto dosadnog opisa obavljenog posla, RTE je izradio portfelj u obliku interaktivne karte s projektima u kojima su sudjelovali. A kada lebdite na svakom od objekata pojavljuje se detaljan opis.

izdavačka kuća

Stranice na stranicama izdavačke kuće Rhombus Press, imitirajući otisak tiskarskog stroja, razbijaju sve kanone upotrebljivosti. Klasični izbornik također nije osiguran: možete doći do drugog dijela klikom na područje u jednom kutu zaslona.

Ipak, konceptualna priroda stranice čini ga mnogo zanimljivijim i pamtljivijim od bilo koje druge stranice izdavača.

Logističko poduzeće

Na odjeljcima na web stranici transportnog poduzeća GUS-TRANS putujemo pomicanjem kruga na liniji s mišem. Dobra vizualna metafora i nestandardna prezentacija pomažu tvrtki da se ističe.

ilustracije

Taj trend dobiva na zamahu od 2017. godine i vjerojatno će se nastaviti iu 2019. godini. Veliki plus ilustracija je da, za razliku od fotografija na zalihama, čine stranicu jedinstvenom i nezaboravnom.

konferencija

Promo stranica kreativne konferencije Epicurrence №8, koja se održava u Nacionalnom parku Yosemite. Privlači dizajnere, ilustratore, animatore i druge kreativne okuse. Tamo rade ono što žele: stvaraju zajedničke projekte, penju se, pecaju, love blago, a navečer se okupljaju oko logorske vatre za inspirativne razgovore.

Općenito, dizajn stranice posvećen ovom događaju, dizajner je reagirao ne manje kreativno. Da bi prenio prave emocije, naslikao je tematske ilustracije, inspirirane ljepotom rezervata i atmosferom događaja.

Portfolio ilustratora

Mariano Pascual je ilustrator i dizajner iz Argentine. Umjesto standardne web-stranice s posjetnicama, nacrtao je parodiju operativnog sustava, predstavljajući stranicu sa svojom radnom površinom, prozorima, košaricom i preglednikom. Ispalo je zabavno i bez uzorka da pokažu svoj rad.

Usluga online pozajmljivanja

Creddy - usluga za dobivanje kredita i ulaganja po kamatama. Ilustracije na stranici metafora su za korisnike i tvrtke. Slike u njima stvaraju dojam plastike i otvorenosti. I kako bi prenijeli prave emocije svakoj publici, koristili su dvije naglasne boje: crveno - u odjeljku za zajmoprimce, sivo - za investitore.

Marka odjeće

Stranica posvećena novoj kolekciji Gucci proljeće-ljeto 2018. kontinuirani je niz ilustracija, dopunjen animacijom i interaktivnim trenucima. Klikom na bilo koju stvar na slikama idemo na njezinu karticu u internetskoj trgovini.

Što je sljedeće

Većina modnih trendova temelji se ne samo na viziji dizajnera, već i na ponašanju korisnika. Sada ljudi ne vole čitati, svi vole gledati i sudjelovati. Stoga su suvremeni trendovi na web stranicama svedeni na vizualizaciju i interaktivnost. To se može zanemariti, a možete se prilagoditi suvremenoj stvarnosti i dobiti rezultate na višoj razini. Izbor je vaš.

Pogledajte videozapis: HyperNormalisation 2016 + subs by Adam Curtis - A different experience of reality FULL DOCUMENTARY (Listopad 2019).

Ostavite Komentar