20 veebisaiti Creative MouseOver Effectiga

Veebidisainis isegi väikseim mõju võib muuta kasutaja üldist kogemust. see võib olla kas glitch-efekt, põrgatöö või isegi lihtne heliefekt. Üks neist mõjudest, neid veebiprojekte sageli kasutatakse on hover või mouseover efekt. Seda üleminekuefekti saab näha, kui liigutad hiirt teatud elemendi peale muudab selle väljalülitamiseks, värvi muutmiseks või animeerimiseks.

Hiire mõju mõte on vähendada jõupingutusi mida kasutaja peab tegema vaadake rohkem üksikasju, avage põhiteave või vaadake erinevaid vaateid veebisaidil. Hea hover-efekt võib säästa ruumi, et näidata rohkem teavet kõige targem viis.

Nii et anda oma lugejatele a mõned näited sellest huvitavast mõjust, Olen koostanud 20 loovaid näiteid veebisaitidest, millel on hiirekursorite efekt. Lihtsalt kerige alla, avage veebileht, mängige ümber ja vaadake ise kui hämmastav hover efekt näeb.

Pikslid Tomer Lerneri poolt

See on väga loominguline veebileht, kus on must ja valge koduleht, mis näitab erinevaid geomeetrilised kujundid tantsivad ja muutuvad kui liigutate kursorit nende kohal.

Haus

Haus on interaktiivse asutuse veebisait armastab tehnoloogiat ja huumorit. Liiguta joonisfilmid ekraanil ja vaadata, kuidas nad hüpata ja sõita.

Canva

Canva on teenus erinevate tekstipõhiste piltide loomiseks. Nende koduleht on tumedas, kuid kui kursorit kursorit liigutate, näete ala puhastamine ja piltide esitamine taustal, nagu kustutusseade.

Põhitööd

See on Mainworks'i loomingulise meediatoote stuudio portfelli veebisait. Mouseover või klõpsa joonel olevad punktid, et näha oma projekte.

Cedric Pereira

See on Cedric Pereira portfelli veebisait pastelsetes toonides. Kui sa liikuge kategooriatesse kodulehel, nad muuta värve ja pilte. Samuti kui pildi hiirega liigute, selle piirid liiguvad.

Bullmonk

Bullmonk on äritegevuse veebileht, kus on lihtne SVG animatsioon kodulehel. Lihtsalt hiirega võrgustatud ristkülik, et näha, kuidas selles on moodustatud augud.

InSymbiosis

InSymbiosis pakub biofarma tööstusele alternatiivset strateegiat kiirendada ravimite väljatöötamise programme. Liigutage hiirt, et näha vinge mikrointeraktsioonid teksti, nuppude ja taustaelementidega.

OUI R Creative Studio

OUI R on a multidistsiplinaarne disainistuudio pühendatud loomingulistele visuaalsetele ideedele tuginevate toodete loomisele. Kui asetate hiirekursori piltidele, siis need näidata teavet ja hiire skolliga liikuda järgmisele pildile.

Minnim

Minnimil on interaktiivne koduleht värviliste joontega mis liiguvad hiirega hover. Sa saad luua uue tsükli elemendi logoga hiirega.

Täispakett

Full Bundle on loominguline digitaalne agentuur. Nende koduleht on jagatud kahte veergu: loogika sinised kolmnurgad ja loovus punaste ruutudega. Kui hoiate hiire nende elementide üle, siis nad põrgatama väga vedelal viisil.

FS Untitled

FS Untitled kutsub külastajaid valima fondi näo nime. Kodulehel kuvatakse lahtrid klõpsamisel, viib selle konkreetse fondi demo.

Trainrobber

Trainrobber on AR ja VR agentuur mis toob esile markeerivad uuenduslikud kogemused. Kui te klõpsate hiirega kodulehe peale, siis teistsugune elemendid liiguvad horisontaalselt nagu lääne film. Kategooriad ka animeerivad hiirega.

Sakura International Inc.

Sakura on Jaapanis asuv ettevõte, mis keskendub inimeste võrgustikule. Sa saad ühendage punktid taustal ühe hiirekursiga.

Fan Studio

Fan Studio on multimeedia veebisait, mis loob mobiilseid mänge ja rakendusi. Liigutuse mõtteviis taust liigub koos hiirekursoriga.

Stuudio pööramine

See on brändi ja disaini stuudio veebileht mis aitab klientidel online-kohalolekut saavutada. Neil on koduleht, millel on valge taust ja ring. Aga kui sa oled klõpsa nupule Menüü, pilt kuvatakse ringi.

TheMcBrideCompany

TheMcBrideCompany kodulehel on ilus maastikufoto, mis on hägune. Kui sa liigutage kursorit taustal, väike ala kursori ümber selgub. Tundub fantastiline.

Clever Franke

Clever Franke on interaktiivne disainiagentuur, mis ühendab strateegia, disaini ja tehnoloogia arendada uuenduslikke tooteid ja teenuseid. Kodulehe pealkirjad loovad dünaamiliselt ja automaatselt, mis näeb välja nagu maagia. Kui sa liigutage kursorit nende kirjade kohal, mida nad ümber paigutavad, kuid langege sekundis tagasi.

Sõnumite kujunduskeskus

Message Design Centeri veebisaidil on ainulaadne disain. Nende kodulehe funktsioonid erksad pealkirjad koos hulknurga geomeetriaga. Kui hoiate hiirega nende pealkirjade peal, siis nad saada suurem ja hakkas deformeeruma.

Lihtsalt kodeeritud

Just Codedil on hämmastav tumedat tausta, millel on lõuendid, mis moodustavad lõuendi. Kui te seda lõuendil hiirt liigute, tundub see elusana, sest see hakkab liikuma ja perspektiivi muutma.

Kineetilised rakendused

See on auhinnatud veebisait digitaalsest agentuurist, mis kasutab ehitamiseks patenteerimata tehnoloogiat iOS-i ja android-seadmete veebisaidid ja rakendused. The kodulehekülg näeb välja nagu taevas, ja kui sa hiirt liigutad, tundub, et sina vali lendamise suund.