Kaj je na spletnih mestih priljubljeno leta 2018: 7 glavnih trendov v spletnem oblikovanju

V tem članku bomo govorili o VR tehnologijah, igrah, interaktivnih zemljevidih ​​in drugih nedavnih funkcijah, ki se uporabljajo v spletnem oblikovanju. Vse to s primeri, zbranimi na straneh in tekmovanjih za spletne oblikovalce, kot tudi v portfelju vrhunskih studiev in digitalnih agencij. Na splošno preberite, pazite, bodite navdihnjeni.

Animacija

Animacijo na mestih lahko najdemo že v dvajsetih letih. Toda v zadnjih nekaj letih se je iz statusa „za lepoto“ preselil v rešitev, ki pomaga učinkoviteje posredovati informacije kot besedilo in slike.

Industrijski brusilniki

Če pridete na spletno stran nemškega podjetja WEIMA, ki proizvaja industrijske brusnike in stiskalnice za odpadke, takoj razumete, kaj se ponuja, kako deluje in zakaj je to potrebno.

Na prvem zaslonu je bilo prikazano delovanje strojev. In namigi, ki se pojavijo pri premikanju po slikah, razkrivajo glavne prednosti opreme.

Zavarovalnica

Na promocijski strani zavarovalnice "Arsenal" s pomočjo SVG-animacije so prikazani najpogostejši zavarovani dogodki. Izometrični stil, v katerem so upodobljeni, omogoča natančnejšo predstavitev arhitekture in avtomobilov, kar ustvarja 3D učinek.

Proizvajalec opreme in kemikalij

Medlex proizvaja in dobavlja kemične reagente, medicinsko opremo in detergente. Zasloni na glavni strani spletnega mesta prikazujejo storitve, animacija pa ilustracije naredi živahnejše.

Za več primerov oblikovanja storitev si oglejte članek Alekseja Aleksandrova „Kako formalizirati stran„ Storitve “: primer 14 podjetij iz različnih poslovnih področij.“

Spletna dražba

Na spletni strani internetne dražbe del, umetnik lahko dražbi sliko, in zbiralec na drugi strani sveta ga kupi. S pomočjo animacije razlaga kompleksne mehanike in stopnje sistema.

Interaktivno

V zadnjih nekaj letih so se začela pojavljati vedno bolj interaktivna spletna mesta. Uporabniku je dana možnost, da stopi v stik z elementi na strani: push, stretch, connect, draw, itd. Takšne rešitve vedno pomagajo izstopati in privabiti pozornost.

Zabavni kanal

Adult Swim je blok na kanalu Cartoon Network. Na njej od 23.00 do 6.00 uri kažejo in risanke za odrasle. Na prvem zaslonu mesta, posvečenega temu kanalu, se lahko držite za približno pet minut, raztezajo elastični obraz glavnega junaka iz risanke "Ricky in Morty".

Spletni studio

Na spletni strani spletnega studia AERO kazalec posnema toplotno karto "Yandex.Metrica" ​​- eno izmed glavnih orodij za analizo internetnih tržnikov. To je verjetno vse, kar morate vedeti o tej strani. Pomaknite se naprej.

Agencija za blagovne znamke

Ime blagovne znamke agencije Revelé, prevedene iz latinščine, pomeni razkriti neznano.

Podjetje pa se je odrazilo ne le v imenu, ampak tudi na spletnem mestu. Za branje besedila je treba potisniti interaktivne kroge, ki prikrivajo vsebino. Če želite videti informacije v razdelku s stiki, morate stran s kazalcem počistiti.

Osebna stran Illustratorja

Na prvem zaslonu osebne strani ilustratorja vidimo sedem naključno raztresenih točk. Lahko jih povežemo v poljubnem zaporedju, potem pa se črte spremenijo v smešnega lika. Pri vseh kombinacijah, s katerimi lahko povežete pike, so narisane različne ilustracije. Po mojem mnenju taka odločitev govori o lastniku mesta bolje kot katerokoli prodajno besedilo in UTP.

Igre in testi

Z vidika informacijskega hrupa se v vsebino poglobijo samo najbolj motivirani obiskovalci. Torej je obnašanje sodobnega uporabnika oblikovalce in oblikovalce usmerilo v ta trend. Za razliko od branja vsakdo rad igra in sprejema teste na internetu. S tem se poveča prisotnost, saj se rezultat deli s prijatelji in deli v družabnih omrežjih.

Podjetje za zaposlovanje

Za svetovno prvenstvo FIFA v Rusiji je Ancor zaposloval prostovoljce in zaposlene, ki so uporabljali HR-Landing, da bi zbrali vloge za prosta delovna mesta. Da bi povečali pokritost, so izvajali mehaniko iger.

Na drugem zaslonu nam je na voljo, da gremo v zaprto sekcijo z igro, ki je običajna 2D arkada. In omogočajo, da ujamejo goli nogometni navijač, ki teče na igrišče, skakanje čez ovire na poti.

Avtopralnica

Na spletni strani avtopralnice lahko opravite preizkus šale, ki vam bo povedal o odnosu z vašim avtomobilom. Možnost deljenja rezultatov poveča smešna vprašanja in gifove.

Vodni park

Zadnji primer so mini-igre na vodnem parku. Obiskovalci imajo možnost sprehoditi se po območju s tobogani, bazeni in vožnjami na plaži. In tako je bilo dolgočasno, razvijalci prišli do številnih zanimivih interaktivov. Lahko se zvaljate z najvišjega hriba, streljate z vodnimi topovi ali plavate v prozorni krogli. Takšne odločitve ne vključujejo le obiskovalcev, ampak tudi, da je najpomembnejša stvar prenesena s čustvi.

Učinki paralakse

Verjetno ste videli mesta, kjer se pri pomikanju predmeti v ospredju in ozadju gibljejo z različnimi hitrostmi, kar ustvarja videz trinity. Pravzaprav je to učinek paralakse. Postala je razširjena s prihodom tehnologij CSS3 in HTML5, kar vam omogoča ustvarjanje bolj zanimivih in živahnih učinkov. Zdaj se je začelo pojavljati vedno več lokacij, na katerih služijo ne le za dekoracijo, temveč tudi pomagajo razkriti prednosti ali posredovati informacije.

Zakovice

"K2 Expert" - sponke in strojna oprema za spletno trgovino. Da bi dobičkonosno prodali svoj vodilni izdelek, so začeli s promocijskim spletnim mestom za zakovice. In zakovica na njej v dobesednem in figurativnem smislu je v središču pozornosti. V celotni strani ostane statična, medtem ko se preostala vsebina pomika. Ta tehnika dobesedno pritegne pozornost obiskovalca na stran, ne da bi jo spustila na zadnji zaslon.

Pazi na znamko

Na strani, ki predstavlja linijo ur, se ta tehnika uporablja za učinkovitejše prikazovanje izdelka. Ko se pomikamo po strani, mehanizem ura pridobi podrobnosti in prikaže se opis vsakega od njih.

Kozmetično podjetje

Več kot enkrat se je pojavila v nominaciji "Spletna stran dneva" na Awwards kozmetičnem podjetju Mowellens. Na svoji spletni strani paralaksa ustvarja simbiozo z gladkimi prehodi in privlačno animacijo. Zaradi tega je vir edinstven in nepozaben.

Virtualna resničnost

Sprejem je najtežje izvesti iz celotnega seznama, vendar je eden najpogostejših. Za ustvarjanje virtualnega prostora na spletnem mestu uporabljajo cel niz tehnologij, kot sta WebGL in WebVR, 3D modeliranje in teksturiranje.

Digitalni studio

Studio Little Workshop se ukvarja z uporabo tehnologije VR za podjetja. Da bi pokazali svoje storitve, so ustvarili spletno stran z virtualno sobo, kjer so razkrili celoten potencial predlaganih tehnologij.

Kino VR

Na strani, posvečeni virtualnemu kinu CINEVR, vam ponujamo možnost nakupa vstopnice za film, ki vam je všeč, in ga gledate s pomočjo VR-očal. Da bi prinesla vse prednosti te tehnologije, je spletna stran uvedla interaktivni 3D-kinematografski prostor.

"Kaspersky Lab"

V čast 20. obletnici "Kaspersky Lab" začela projekt za napovedovanje prihodnosti.

Vsakdo si lahko deli svojo vizijo o tem, kaj nas čaka leta 2050. Najboljše ideje bodo dodane na spletno stran.

Če ste umetnik ali oblikovalec, lahko za svoj futuristični projekt narišete VR-prostor. Če želite to narediti, prenesite posebno mrežo na spletno stran, s pomočjo katere narišete ilustracijo in jo naložite na svoj osebni račun. Nato je vaša ilustracija projicirana na kroglo in postavljena na interaktivni globus, kjer ga lahko vidi vsak obiskovalec.

Mehanika po meri

Zdaj se oblikovalci vse bolj oddaljujejo od standardov gradbišča, ne dajo ravnim stranem, navpičnemu drsenju in znani navigaciji.

Ta trend ni vezan na določeno tehnologijo ali sprejem. V različnih primerih - različne rešitve. Vse je odvisno od ideje, ki jo želite posredovati.

Energetska družba

Namesto dolgočasnega opisa opravljenega dela je RTE oblikoval portfelj v obliki interaktivnega zemljevida s projekti, v katerih so sodelovali. In ko se premikate na vsakem predmetu, se pojavi podroben opis.

Založnik

Naklonske strani na spletni strani založbe Rhombus Press, ki posnemajo odtis tiskarskega stroja, razbijejo vse uporabne kanone. Klasičnega menija tudi ni na voljo: do drugega dela lahko pridete s klikom na območje v enem od vogalov zaslona.

Vseeno pa je konceptualna narava strani veliko bolj zanimiva in nepozabna kot katera koli druga spletna stran izdajatelja.

Logistično podjetje

Na razdelkih na spletni strani transportnega podjetja GUS-TRANS potujemo s premikanjem kroga na liniji z miško. Dobra vizualna metafora in nestandardna predstavitev pomagata podjetju, da izstopa.

Ilustracije

Ta trend se krepi od leta 2017 in se bo verjetno nadaljeval leta 2019. Velik plus ilustracij je, da za razliko od fotografij na zalogi, naredijo stran edinstveno in nepozabno.

Konferenca

Promo stran kreativne konference Epicurrence №8, ki je potekala v narodnem parku Yosemite. Pritegne oblikovalce, ilustratorje, animatorje in druge ustvarjalne okuse. Tam delajo, kar hočejo: ustvarjajo skupne projekte, plezajo, ribarijo, lovijo zaklade, zvečer pa se zberejo ob ognjišču za inspirativne pogovore.

Na splošno je bila zasnova mesta, namenjena temu dogodku, oblikovalec reagiral nič manj ustvarjalno. Za izražanje pravih čustev je naslikal tematske ilustracije, ki jih je navdihnila lepota rezervata in vzdušje dogodka.

Portfolio ilustratorjev

Mariano Pascual je ilustrator in oblikovalec iz Argentine. Namesto standardnega spletnega mesta z vizitkami je narisal parodijo operacijskega sistema, ki predstavlja stran z namizjem, okni, košarico in brskalnikom. Izkazalo se je, da je zabavno in brez vzorcev pokazati svoje delo.

Storitev spletnega posojanja

Creddy - storitev za pridobivanje posojil in naložb po obrestih. Ilustracije na spletnem mestu so metafora za stranke in podjetja. Slike v njih ustvarjajo vtis plastičnega in odprtega podjetja. Da bi vsakemu občinstvu dali prave čustva, so uporabili dve poudarjeni barvi: rdečo - v razdelku za posojilojemalce, sivo - za vlagatelje.

Oblačila blagovne znamke

Stran, posvečena novi kolekciji Gucci pomlad-poletje 2018, je kontinuirano zaporedje ilustracij, ki jih dopolnjujejo animacije in interaktivni trenutki. In s klikom na katerokoli stvar na slikah, gremo k njeni kartici v spletni trgovini.

Kaj sledi

Večina modnih trendov temelji ne samo na viziji oblikovalcev, ampak tudi na vedenju uporabnikov. Zdaj ljudje ne želijo brati, vsi radi gledajo in sodelujejo. Zato so sodobni trendi na spletnih straneh omejeni na vizualizacijo in interaktivnost. To je mogoče prezreti in prilagoditi se lahko sodobni realnosti in doseči višjo raven rezultatov. Izbira je vaša.

Oglejte si video: Privacy, Security, Society - Computer Science for Business Leaders 2016 (November 2019).

Loading...

Pustite Komentar