Kotisivu » Web-suunnittelu » 20 verkkosivustoa, joissa on Creative MouseOver Effect

    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.