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.