Homepage » Web Design » 20 Weboldalak kreatív egér hatással

    20 Weboldalak kreatív egér hatással

    A web design még a legkisebb a hatás megváltoztathatja az általános felhasználói élményt. ez lehet akár glitch hatás, ugráló hatás, akár egyszerű hanghatás. Az egyik ilyen hatás, napjainkban gyakran használják a webes tervezést a hover vagy mouseover hatás. Ez az átmeneti hatás akkor látható, amikor az egeret egy bizonyos elemre mozgatja elcsúsztatja, megváltoztatja a színt vagy az animációt.

    Az egérmutató hatása az, hogy az csökkentse az erőfeszítést amit a felhasználónak meg kell tennie további részletek megtekintése, kulcsinformációk elérése vagy különböző nézetek megtekintése a weboldalon. A jó lebegőhatás helyet takarít meg, hogy több információt jelenítsen meg a leggazdagabb módja.

    Szóval, hogy az olvasóimnak a néhány példa erre az érdekes hatásra, Összesen 20 kreatív példát állítottam össze a webhelyekről, amelyeknek az egérmutató hatása van. Csak görgessen le, nyissa meg a honlapot, játsszon körülötte és nézze meg magad milyen lenyűgöző a lebegő hatás.

    Tomer Lerner képpontjai

    Ez egy rendkívül kreatív weboldal, amely fekete-fehér kezdőlapot mutat, amely másként jelenik meg geometriai alakzatok tánc és átalakítás amikor a kurzort áthelyezi rájuk.

    Haus

    A Haus egy interaktív ügynökség honlapja szereti a technológiát és a humort. Vigye át a rajzfilmfigurákat a képernyőn, és nézze meg, hogyan ugrik és futnak.

    Canva

    Canva különböző szöveges képek létrehozására szolgáló szolgáltatás. Honlapjuk sötét homályos háttérrel rendelkezik, de amikor a kurzort ráveti, látni fogja a a terület tisztítása és a képek megjelenítése a háttérben, mint egy radír eszköz.

    Mainworks

    Ez a portál a Mainworks kreatív médiatermelő stúdiójának. Mouseover vagy kattintson a pontokra a sorban, hogy megtekinthesse projektjeiket.

    Cedric Pereira

    Ez a Cedric Pereira portfoliója a pasztell színekben. Amikor te lapozzunk a kategóriák között a honlapon a színek és a képek módosítása. Továbbá, ha egér fölött egy képet, határai mozognak.

    Bullmonk

    A Bullmonk egy üzleti szolgáltatás weboldala a egyszerű SVG animáció a honlapon. Csak húzza át a hálós téglalapot, hogy megtudja, hogyan lyukak vannak kialakítva.

    InSymbiosis

    InSymbiosis alternatív stratégiát biztosít a biofarma ipar számára a gyógyszerfejlesztési programok felgyorsítása. Mozgassa az egeret, hogy lenyűgöző legyen mikrointerakciók szöveggel, gombokkal és háttérelemekkel.

    OUI R Kreatív stúdió

    OUI R a multidiszciplináris tervező stúdió a kreatív vizuális ötleteken alapuló termékek létrehozására szánták. Ha az egérmutatót a képekre helyezi, akkor az mutasson információt, és egér scollal lépjen át a következő képre.

    Minnim

    Minnimnek van egy interaktív honlap színes vonalakkal amelyek egérrel mozognak. tudsz létrehoz egy új cikluselemet logóval az egér használatával.

    Teljes csomag

    A Full Bundle kreatív digitális ügynökség. Honlapjuk két oszlopra van osztva: logika kék háromszögek és kreativitás piros négyzetekkel. Amikor az egér felett tartod ezeket az elemeket, akkor nagyon folyékonyan ugrál.

    FS Untitled

    FS Untitled felkéri a látogatókat, hogy válasszanak egy nevet a betűtípusnak. A kezdőlap a cellákat mutatja, amikor rákattint, az adott betűtípus demójához vezet.

    Trainrobber

    A Trainrobber egy AR és VR ügynökség amely úttörő, magával ragadó tapasztalatokat hoz létre a márkák számára. Ahogy az egeret a kezdőlapra helyezi, más az elemek vízszintesen mozognak, mint egy technicolor nyugati film. A kategóriák az egérrel is animálódnak.

    Sakura International Inc..

    A Sakura egy japán cég, amely az emberi hálózatra koncentrál. tudsz csatlakoztassa a pontokat a háttérben egyetlen egérmozdulattal.

    Fan Studio

    A Fan Studio egy rajzfilmes weboldal, amely mobil játékokat és alkalmazásokat hoz létre. A mozgás szándékát a háttér mozog az egérmutatóval.

    Stúdió forgatása

    Ez egy márka- és designstúdió honlapja amely segít az ügyfeleknek az online jelenlét elérésében. Fehér háttérrel és körrel rendelkeznek. De amikor te kattintson a Menü gombra, egy kép megjelenik a körben.

    TheMcBrideCompany

    A TheMcBrideCompany honlapján található egy gyönyörű tájkép, amely elmosódott. Amikor te mozgassa a kurzort a háttérben, egy kis terület a kurzor körül világossá válik. Fantasztikusnak tűnik.

    Clever Franke

    A Clever Franke egy interaktív tervezőiroda, amely egyesíti a stratégiát, a designot és a technológiát innovatív termékek és szolgáltatások kifejlesztése. A honlapon található címek dinamikusan és automatikusan generálódnak, ami mágiának tűnik. Amikor te mozgassa a kurzort az áthelyezett betűk fölé, de egy másodperc alatt visszaesik.

    Üzenet tervezőközpont

    A Message Design Center weboldala egyedülálló design. Honlapjuk jellemzői élénk címek sokszög geometriájával. Amikor az egér fölött tartod ezeket a címeket, akkor nagyobb és kezdett deformálódni.

    Csak kódolt

    A Just Coded csodálatos sötét háttér pontok alkotó vászon. Ha egér fölött van ez a vászon, úgy néz ki, mintha életben lenne elindítja a mozgást és a változó perspektívát.

    Kinetikai alkalmazások

    Ez egy olyan digitális ügynökség díjnyertes honlapja, amely szabadalmaztatott technológiát használ felépítéséhez weboldalak és alkalmazások az iOS és az Android készülékekhez. A a honlap úgy néz ki, mint az ég, és amikor egérmutatót lát, úgy tűnik válassza ki a repülés irányát.