20 svetainių su „Creative MouseOver Effect“
Web dizainas net mažiausias poveikis gali pakeisti bendrą vartotojo patirtį. tai gali būti trikdžių efektas, atšokimo efektas arba net paprastas garso efektas. Vienas iš šių efektų, šiomis dienomis dažnai naudojamas interneto dizainas yra hover arba mouseover efektas. Šis pereinamasis efektas gali būti matomas, kai perkeliate pelę į tam tikrą elementą leidžia jį išstumti, keisti spalvą ar animuoti.
Pelės efekto idėja yra sumažinti pastangas kad vartotojas turi tai padaryti peržiūrėti daugiau informacijos, pasiekti pagrindinę informaciją arba pamatyti skirtingus vaizdus svetainėje. Geras judesio efektas gali sutaupyti vietos, kad būtų rodoma daugiau informacijos labiausiai protingas būdas.
Taigi, duoti savo skaitytojams a keletas šio įdomaus poveikio pavyzdžių, Aš sudėjau 20 kūrybingų svetainių su pelės efektu pavyzdžių. Tiesiog slinkite žemyn, atidarykite svetainę, žaiskite aplink ir pažiūrėkite save kaip atrodo nuostabus hover efektas.
Pikseliai Tomer Lerner
Tai labai kūrybinga svetainė su juoda ir balta svetaine, kurioje rodoma kitokia geometrinių formų šokis ir transformavimas kai perkeliate žymeklį ant jų.
„Haus“
Haus yra interaktyvios agentūros svetainė myli technologiją ir humorą. Perkelkite animaciją ekrane ir stebėkite, kaip jie šokinėja ir paleisti.
Canva
Canva yra paslauga, skirta kurti įvairius tekstinius vaizdus. Jų pagrindinis puslapis turi tamsią, neryškią foną, bet kai nukreipiate žymeklį ant jo, pamatysite ploto valymas ir vaizdų rodymas fone, kaip trintuko įrankis.
Pagrindiniai darbai
Tai „Mainworks“ kūrybinės žiniasklaidos gamybos studijos portfelio svetainė. Mouseover arba spustelėkite ant taškų ant linijos, kad pamatytumėte savo projektus.
Cedric Pereira
Tai Cedric Pereira portfelio svetainė pasteliniais tonais. Kada tu slinkite per kategorijas svetainėje keisti spalvas ir vaizdus. Taip pat, kai pelėsite virš vaizdo, jos sienos juda.
Bullmonk
„Bullmonk“ yra verslo paslaugų svetainė su „a paprastas SVG animacija pagrindiniame puslapyje. Tiesiog matykite tinklinį stačiakampį, kad pamatytumėte, kaip jame yra skylių.
InSymbiosis
InSymbiosis suteikia biofarma pramonei alternatyvią strategiją paspartinti vaistų kūrimo programas. Perkelkite pelę, kad pamatytumėte nuostabų mikrointeraktyvumas su tekstu, mygtukais ir fono elementais.
OUI R Kūrybinė studija
OUI R yra a daugiadalykio dizaino studija skirta kūrybiškų vizualinių idėjų kūrimui. Kai pelės žymeklį pastatysite ant paveikslėlių, jie rodyti informaciją ir pelės paspaudimu pereisite prie kito vaizdo.
Minnim
Minnim turi interaktyvus pagrindinis puslapis su spalvingais linijų ratais kurios juda su pele. Tu gali sukurti naują ciklo elementą su logotipu naudodami pelę.
Visas paketas
„Full Bundle“ yra kūrybinė skaitmeninė agentūra. Jų pagrindinis puslapis yra suskirstytas į dvi stulpelius: logika mėlyni trikampiai ir kūrybiškumas su raudonais kvadratais. Kai laikote pelę virš šių elementų, jie Bounce labai sklandžiai.
FS Untitled
FS Untitled kviečia lankytojus pasirinkti šrifto veidą. Pagrindinis puslapis rodo langelius, kai paspausite, veda prie to konkretaus šrifto demo.
„Trainrobber“
Trainrobber yra AR ir VR agentūra kuri sukuria novatorišką patirtį, susijusią su prekiniais ženklais. Kai nukreipiate pelę į pagrindinį puslapį, kitaip elementai perkeliami horizontaliai, kaip technikos spalvos Vakarų filmas. Kategorijos taip pat animuojamos su pele.
Sakura International Inc.
Sakura yra Japonijoje įsikūrusi kompanija, orientuota į žmonių tinklus. Tu gali prijunkite taškus fone su vienu pele.
Fanų studija
„Fan Studio“ yra animacinė svetainė, sukurianti mobiliuosius žaidimus ir programas. Padaryti judesio nuovargį fonas juda kartu su pelės žymekliu.
Studija pasukti
Tai yra prekės ženklo ir dizaino studijos svetainė kuri padeda klientams pasiekti internetą. Jie turi pagrindinį puslapį su baltu fonu ir apskritimu. Bet kai jūs spustelėkite mygtuką „Menu“ (meniu), vaizdas pasirodys apskritime.
TheMcBrideCompany
„TheMcBrideCompany“ pagrindiniame puslapyje yra graži kraštovaizdžio nuotrauka, kuri yra neryški. Kada tu perkelkite žymeklį ant fono, mažas plotas aplink žymeklį tampa aišku. Atrodo fantastiška.
Clever Franke
„Clever Franke“ yra interaktyvi dizaino agentūra, sujungianti strategiją, dizainą ir technologijas kurti naujoviškus produktus ir paslaugas. Tituliniame puslapyje esantys pavadinimai sukuria dinamiškai ir automatiškai, kurie atrodo kaip magija. Kada tu perkelkite žymeklį virš raidžių, kurias jie perkelia, bet atsilieka po sekundės.
Pranešimų dizaino centras
„Message Design Center“ svetainė turi unikalų dizainą. Jų pagrindinės svetainės funkcijos ryškūs pavadinimai su daugiakampio geometrija. Kai laikote pelę virš šių pavadinimų, jie gauti didesnę ir prasidėjo deformacija.
Tiesiog koduota
Just Coded turi nuostabų tamsus fonas su taškais, sudarančiais drobę. Kai pelėsite ant šios drobės, tai atrodo kaip gyva, nes ji pradeda judėti ir keisti perspektyvą.
Kinetinės programos
Tai apdovanojimų pelnusi skaitmeninės agentūros svetainė, kuri naudoja patentų laukiančias technologijas „iOS“ ir „Android“ įrenginių svetainės ir programos. The pagrindinis puslapis atrodo kaip dangus, ir kai jūs pelėsite, tai atrodo kaip tu pasirinkti kryptį skristi.