SVG irudietan oinarritutako webgune onenak

du SVG irudiek sareen sarea betetzen dute urte gutxiren buruan, web esperientzia hobeagoaz gozatu ahal izateko. Irudi mota hauek, definizioan kalitatea galdu gabe handitu ahal izateaz gain, datuen ia kilobyte izan ohi dira.

SVG formatu bat da 2D grafikoetarako XML oinarritutako bektore irudia. Formatu grafiko mota hau efektu, irudi, animazio eta interaktibitate mota guztietarako erabil daiteke, integratuta dagoen webguneetan erabilgarritasun handiagoa emateko. Gutxi pisatzen duenez, ekintza mota hauekin jolasteko aukera ematen digu eta, beraz, SVG grafikoak dituzten webgune onenak erakutsiko ditugu inspirazio gisa balio dezaten edo egingo dugun hurrengoa nola egin jakiteko adibide garbi gisa. bezero edo lan baterako.

Walking Men Agentzia

Diseinu digitaleko agentzia, SVG irudiak eta webguneak erabiltzeko oso webgune deigarriarekin aldarrikatzen duena ikusmenean oso ukitu berezia lortzeko. Inolako zalantzarik gabe inspiratzekoa. Puntu gorri bihurtutako erakuslea deigarria da, sarea osatzen duten elementu bakoitzera egokitzen dena.

Herri Herriak

Diseinu bikaina duen webgunea, hashtag-ak dituena agertu "pop-up" gisa eta inola ere ez dutela gune honek eskaintzen duen ikuspegia eta esperientzia moteltzen. Irudiek beraiek "jan" dituzten hashtag batzuk frontoira pasa daitezkeenak.

Adriansen

Arrazoi nagusia bideoa izanik, hala da bitxia PNG irudiak nola bateratu beherantz egiten dugun bitartean bistaratzen den testuarekin.

10 × 17

Inspiratzeko moduko webgunea zure ideia bikaina animazio batzuekin oso ondo mugitzen dira haien edukia aurrera egin ahala. Gaur egun egiten ari garen web diseinuaren aurrerapen handia nabarmena da, eta 10 × 17 da, 26. urteko musika album gogokoenak osatzen dituzten 2017 artista erakusteko asmoarekin, erakusten duena.

Duotix

Egin klik goiko eskuinean hiru marra horizontal dituen ikonoan deskubritu menua erakusten duten animazio sotilak eta leunak webgune honen goiburua. Animazioak gune batean baieztatu behar direnaren azken adibidea.

Kobrea eta Ausarta

Lineako denda zalaparta handirik gabe animazioetan, baina SVG irudiei aurre egiteko beste adibide bat da.

rocka

Espainiatik Rocka dugu erakusteko kolore trantsizio handia hori saguaren gurpilarekin webgune honetako edukia aztertzen dugunean egiten da. Esperientzia ederra mota guztietako animazioekin.

Paradiso

Web diseinua bere elementuen sinpletasuna bilatzen du erabilgarritasun handia lortzeko bere osotasunean, Paradisok eskaintzen duen web esperientzia bikain honetan erakusten diren animazio batzuetan asmamenik ere galdu gabe. Beste behin azpimarratzen dugu sormen handiko goiburu menua animazioan amaitzen dena.

Zero

A-rekin asmo guztiak erakusten dituen New Yorken sortutako estudio sortzailea gurean irekitzen den alboko goiburuko menua animazio sorta eta irudi oso erakargarriekin. Zure webgunerako menu berezia bilatzen baduzu, dagoeneko Zero's-n inspiratu zaitezke. Saguaren erakuslea bere aukera bakoitzaren gainean mugitzean, irudi eta animazio koloretsu hauek agertuko dira.

Arkitektoa Paris

Bitxia da kargatzeko pantaila eta forma dotorea erakutsi azken txioak, Facebook-eko argitalpenak edo Instagramen irudiak. Web esperimentazioa duintzen duen webgunea.

Redspace proiektua

Txinako megalurietan aldiz joan-etorrietarako ideia duen proiektua eta hori erakusteko trebetasun handia duena bere iluntasun eta gradienteei esker adimenarekin kolore eskemaren erabileran. Kalitate handiko animazioekin eta eskulanekin agertzen diren eta desagertzen diren irudi handiak. Inbidia da.

Tabo Tabo Films

Frantziar zinema eta telesailen ekoizpen etxea bideoan indar handia berehala aldatuz kategoria bakoitzean saguaren erakuslea mantenduz. Ireki horietako bakoitza web diseinuarekin esperimentatzea zer den jakiteko.

James gillen

Webgune honek bi kolore nagusi erabiltzen ditu horretarako sortu kontraste egokia bere burua identifikatzeko. Uneoro mugimenduan dagoen hondoaren animazio horregatik nabarmentzen da.

Fergie

Zen Studio-k webgune honetatik ekartzen digu mundu osoko artista aitortua eta hori da web bat izan daitekeenaren adibiderik gorena: bideoklip interaktiboa, gure erakuslea animazio esklusiboa zuzentzen duena da. Ezinbestekoa.

Espiritualista

Erabiltzen duen Brasilgo aholkularitza enpresa animazioak gortina gisa zure zerbitzu bakoitza erakusteko. Sinplea, baina eraginkorra berdea eta urdina koloreak atzeko plano huts baterako erabiltzeko.

diewel

Oinarritutako beste esperientzia bisual bat horia eta beltza, eta hondamenak erakusteko eragin handia duela.

Olivier Guilleux

Frontend zorroa erakusten duena web gaitasunen serieak horrek ez du inor axolagabe uzten.

Buffy edredorrak

Alpeak Mleko

Erabiltzen duen esne marka eslovakiar ospetsua esplorazio korritzearen bidez web esperientzia duina eta deigarria erakusteko. Kuriosoa behintzat.

lasaigarri

Herokid Studio espainiarrak webgune honen diseinua dakarkigu beltza, horia eta bideo sorta nabarmentzen ditu Dotorezia erakusten dute iraultzeko esperientzian.