20 webových stránok s efektom Creative MouseOver

Vo webovom dizajne aj najmenší efekt môže zmeniť celkový zážitok používateľa. môže to byť buď efekt závady, odrazový efekt alebo dokonca jednoduchý zvukový efekt. Jeden z týchto účinkov, často používané v webovom dizajne je efekt vznášania alebo presunu myši. Tento prechodný efekt môžete vidieť, keď posuniete myš nad určitý prvok znižuje farbu alebo animuje.

Myšlienka, ktorá má za následok prejdenie myšou, je znížiť úsilie ktoré používateľ musí urobiť zobraziť ďalšie podrobnosti, získať prístup k kľúčovým informáciám alebo zobraziť rôzne zobrazenia na webovej stránke. Dobrý efekt vznášania môže ušetriť priestor, aby zobrazil viac informácií v čo je najviac šikovný spôsob.

Takže, aby som dal svojim čitateľom a niekoľko príkladov tohto zaujímavého efektu, Zostavil som 20 kreatívnych príkladov webových stránok s efektom myši. Len prejdite nadol, otvorte webové stránky, hrajte sa okolo seba a uvidíte sami ako úžasný efekt vznášania vyzerá.

Pixely podľa Tomer Lerner

Je to vysoko kreatívna webová stránka s čiernobielou domovskou stránkou, ktorá ukazuje inú stránku geometrické tvary tancujú a transformujú keď presuniete kurzor nad nimi.

Haus

Haus je webová stránka interaktívnej agentúry, ktorá miluje technológiu a humor. Prejdite myšou do kreslených figúr na obrazovke a sledujte, ako sa skočia a behajú.

Canva

Canva je služba na vytváranie rôznych textových obrázkov. Ich domovská stránka má tmavé rozmazané pozadie, ale keď prejdete kurzorom nad ním, uvidíte čistenie a zobrazovanie obrázkov na pozadí, rovnako ako vymazávací nástroj.

Mainworks

Je to portfóliová webová stránka výrobného štúdia tvorby médií spoločnosti Mainworks. Ak chcete zobraziť svoje projekty, prejdite myšou alebo kliknite na bodky na riadku.

Cedric Pereira

Toto je portfóliový portál Cedric Pereira v pastelových tónoch. Keď ty prejdite nad kategóriami na domovskej stránke, oni zmeniť farby a obrázky. Tiež, keď myšou nad obrázok, jeho hranice sa pohybujú.

Bullmonk

Bullmonk je webová stránka obchodného manažmentu s jednoduchá animácia SVG na domovskej stránke. Prejdite myšou do obdĺžnika oka, aby ste zistili, ako v ňom sú vytvorené otvory.

InSymbiosis

InSymbiosis poskytuje biofarmaceutickému priemyslu alternatívnu stratégiu urýchliť programy rozvoja liekov. Presuňte myš a uvidíte úžasné mikrointerakcie s textom, tlačidlami a elementmi pozadia.

Creative Studio OUI R

OUI R je a multidisciplinárne štúdio dizajnu zamerané na tvorbu produktov založené na tvorivých vizuálnych nápadoch. Keď umiestnite kurzor myši na obrázky, potom zobrazovať informácie a pomocou myši sa posuniete na ďalší obrázok.

MINNIE

Minnim má interaktívna domovská stránka s farebnými líniami ktoré sa pohybujú myšou. Môžeš generovať novú položku cyklu s logom pomocou myši.

Plný balík

Full Bundle je kreatívna digitálna agentúra. Ich domovská stránka je rozdelená do dvoch stĺpcov: logika s modré trojuholníky a tvorivosť s červenými štvorcami. Keď držíte myš nad týmito prvkami, oni odskočiť veľmi plynulým spôsobom.

Bez názvu

Bez názvu pozýva návštevníkov, aby si vybrali názov pre tvár písma. Domovská stránka zobrazuje bunky, ktoré kliknete, vedie k demo konkrétneho písma.

Trainrobber

Študovňa je Agentúra AR a VR ktorý prináša priekopnícke skúsenosti pre značky. Keď sa pohybujete myšou na domovskej stránke, odlišné prvky sa pohybujú horizontálne ako technický postava západného filmu. Kategórie tiež animovať s myšou.

Sakura International Inc.

Spoločnosť Sakura je japonská spoločnosť zameraná na vytváranie sietí medzi ľuďmi. Môžeš pripojte bodky na pozadí jediným pohybom myši.

Fan Studio

Fan Studio je karikatúra, ktorá vytvára mobilné hry a aplikácie. Vytvoriť pohyb pohybu pozadie sa pohybuje spolu s kurzorom myši.

Studio Rotate

Je to značkové a dizajnérske štúdiové webové stránky , ktorá pomáha klientom dosiahnuť online prítomnosť. Majú domovskú stránku s bielym pozadím a kruhom. Ale keď vy kliknite na tlačidlo ponuky, obraz sa zobrazí v kruhu.

TheMcBrideCompany

Domovská stránka spoločnosti TheMbBrideCompany obsahuje krásnu fotografiu, ktorá je rozmazaná. Keď ty presuňte kurzor na pozadí, malá oblasť okolo kurzora je jasné. Vyzerá fantasticky.

Chytrý Franke

Clever Franke je interaktívna dizajnérska agentúra, ktorá kombinuje stratégiu, dizajn a technológiu rozvíjať inovatívne produkty a služby. Tituly na domovskej stránke generujú dynamicky a automaticky, ktoré vyzerajú ako magické. Keď ty posuňte kurzor nad písmená, ktoré dostali, ale spadnúť do sekundy.

Centrum návrhov správ

Webová stránka centra návrhov správ má jedinečný dizajn. Ich domovské funkcie živé tituly s geometriou polygonov. Keď držíte myš nad týmito titulmi, oni dostať väčšie a začal deformovať.

Len kódované

Just Coded má úžasné tmavé pozadie s bodkami tvoriacimi plátno. Keď myšou nad týmto plátnom vyzerá ako nažive, pretože to začína sa pohybovať a meniť perspektívu.

Kinetic Apps

Je to ocenená internetová stránka digitálnej agentúry, ktorá používa patentovú technológiu na vybudovanie webových stránok a aplikácií pre iOS a zariadenia Android. Domovská stránka vyzerá ako obloha, a keď prejdete myšou, zdá sa, že ste vy vyberte smer letu.