20 verkkosivustoa, joissa on Creative MouseOver Effect
Web-suunnittelussa jopa pienin vaikutus voi muuttaa yleistä käyttäjäkokemusta. tämä voi olla joko häiriövaikutus, palautumisvaikutus tai jopa yksinkertainen äänitehoste. Yksi näistä vaikutuksista, käytetään usein web-suunnittelussa näinä päivinä on hover- tai mouseover-vaikutus. Tämä siirtymävaikutus näkyy, kun siirrät hiirtä tietyn elementin päälle tekee siitä liukuvan ulos, muuttaa väriä tai animoida.
Hiiren vaikutuksen taustalla on ajatus vähentää työtä että käyttäjän on tehtävä katso lisätietoja, avaa avaintietoja tai katso eri näkymiä nettisivulla. Hyvä hover-vaikutus voi säästää tilaa näyttääkseen lisää tietoja kaikkein älykkäin tapa.
Joten, antaa lukijoilleni a muutamia esimerkkejä tästä mielenkiintoisesta vaikutuksesta, Olen koonnut 20 luovaa esimerkkiä verkkosivuista, joilla on hiiren vaikutus. Selaa vain alas, avaa verkkosivusto, pelaa ympärillesi ja katso itse kuinka hämmästyttävä hover-efekti näyttää.
Pikselit Tomer Lerner
Se on erittäin luova verkkosivusto, jossa on musta ja valkoinen kotisivu, joka näyttää erilaiselta geometriset muodot tanssivat ja muuttuvat kun siirrät kohdistimen niiden päälle.
haus
Haus on interaktiivisen viraston verkkosivusto rakastaa tekniikkaa ja huumoria. Siirrä sarjakuvahahmot näytössä ja katsella, miten ne hyppivät ja toimivat.
Kangas
Canva on palvelu, jolla luodaan erilaisia tekstipohjaisia kuvia. Niiden kotisivulla on tumma epäselvä tausta, mutta kun siirrät kohdistimen sen päälle, näet alueen puhdistaminen ja kuvien näyttäminen taustalla, aivan kuin pyyhkimen työkalu.
Mainworks
Se on Mainworksin luovan median tuotannon studion sivusto. Mouseover tai napsauta pisteitä rivillä nähdäksesi heidän projektinsa.
Cedric Pereira
Tämä on Cedric Pereiran salkun verkkosivusto pastellisävyinä. Kun sinä siirry luokkien yli kotisivulla, he muuttaa värejä ja kuvia. Myös, kun hiiret kuvan päälle, sen reunat liikkuvat.
Bullmonk
Bullmonk on yritystoiminnan verkkosivusto, jossa on yksinkertainen SVG-animaatio kotisivulla. Vain hiiren silmäkulmion avulla näet, miten siihen muodostetaan reikiä.
InSymbiosis
InSymbiosis tarjoaa biofarma-teollisuudelle vaihtoehtoisen strategian nopeuttaa huumeiden kehittämisohjelmia. Siirrä hiirtä nähdäksesi mahtavan mikrointeraktiot tekstin, painikkeiden ja taustan elementtien kanssa.
OUI R Creative Studio
OUI R on a monitieteinen suunnittelustudio luoviin visuaalisiin ideoihin perustuvien tuotteiden luomiseen. Kun asetat hiiren kohdistimen kuviin, ne näytä tiedot ja hiiren skollilla siirryt seuraavaan kuvaan.
Minnim
Minnimillä on interaktiivinen kotisivu, jossa on värikkäitä viivapiirejä jotka liikkuvat hiirellä. Sinä pystyt luo uusi syklin kohde logolla käyttää hiirtä.
Täysi paketti
Full Bundle on luova digitaalinen toimisto. Heidän kotisivunsa on jaettu kahteen sarakkeeseen: logiikkaan sininen kolmio ja luovuus punaisilla neliöillä. Kun pidät hiirtä näiden elementtien päällä, ne kääntyvät hyvin nestemäisellä tavalla.
FS Untitled
FS Untitled kutsuu kävijöitä valitsemaan fontin kasvot. Kotisivu näyttää soluja, kun napsautat, johtaa kyseisen fontin demoon.
Trainrobber
Trainrobber on AR ja VR-virasto joka tuottaa uraauurtavia kokemuksia tuotemerkeistä. Kun siirrät hiiren kotisivulle, eri elementit liikkuvat vaakasuunnassa kuin länsimaista elokuvaa. Luokat myös animoivat hiirellä.
Sakura International Inc.
Sakura on japanilainen yritys, joka keskittyy ihmisten verkottumiseen. Sinä pystyt yhdistää pisteet taustalla yhdellä hiiren liikkeellä.
Fan Studio
Fan Studio on sarjakuvamainen verkkosivusto, joka luo mobiilipelejä ja sovelluksia. Jotta liikkuminen olisi poissa tausta liikkuu hiiren kohdistimen kanssa.
Studio Rotate
Se on a tuotemerkin ja suunnittelun studion verkkosivuilla joka auttaa asiakkaita saavuttamaan online-läsnäolon. Heillä on kotisivu, jossa on valkoinen tausta ja ympyrä. Mutta kun sinä Napsauta valikkopainiketta, ympyrään tulee kuva.
TheMcBrideCompany
TheMcBrideCompanyn kotisivulla on kaunis maisemakuva, joka on epäselvä. Kun sinä siirrä kohdistin taustan päälle, pieni alue kohdistimen ympärillä tulee selväksi. Se näyttää upealta.
Clever Franke
Clever Franke on interaktiivinen suunnitteluvirasto, joka yhdistää strategian, suunnittelun ja teknologian kehittää innovatiivisia tuotteita ja palveluja. Kotisivun otsikot tuottavat dynaamisesti ja automaattisesti, mikä näyttää taikalta. Kun sinä siirrä kursori niiden kirjainten yli, jotka he siirtyvät, mutta pudota takaisin sekunnissa.
Viestien suunnittelukeskus
Message Design Center -sivustolla on ainutlaatuinen muotoilu. Niiden kotisivun ominaisuudet elävät otsikot, joissa on monikulmio-geometria. Kun pidät hiirtä näiden otsikoiden päällä, ne saada isompi ja alkoi epämuodostua.
Vain koodattu
Just Codedilla on hämmästyttävä tumma tausta pisteillä, jotka muodostavat kankaalle. Kun hiiren yli tämän kankaan, se näyttää elävältä, koska se on alkaa liikkua ja muuttaa näkökulmaa.
Kineettiset sovellukset
Se on palkitun verkkosivuston digitaalinen toimisto, joka käyttää patentoitua tekniikkaa rakentaa iOS- ja Android-laitteiden verkkosivustot ja sovellukset. kotisivu näyttää taivaalta, ja kun olet hiiren näyttänyt siltä kuin sinä valitse lentosuunnitelma.
