20 spletnih strani z učinkom ustvarjalne miške
V spletnem oblikovanju je tudi najmanjši učinek lahko spremeni celotno uporabniško izkušnjo. to je lahko učinek napake, učinek odskoka ali celo enostaven zvočni učinek. Eden od teh učinkov, se pogosto uporablja v spletnem oblikovanju teh dneh je učinek hover ali mouseover. Ta prehodni učinek lahko vidite, ko premaknete miško nad določen element, ki ga omogoča, da se izvleče, spremeni barvo ali animira.
Ideja za učinek miške je zmanjšanje napora ki jih mora uporabnik opraviti si ogledate več podrobnosti, dostopate do ključnih informacij ali vidite različne poglede na spletni strani. Dober hover učinek lahko prihrani prostor za prikaz več informacij v najbolj pameten način.
Torej, dajem bralcem a Nekaj primerov tega zanimivega učinka, Sem sestavil 20 ustvarjalnih primerov spletnih strani z učinkom miške. Samo pomaknite se navzdol, Odprite spletno stran, igrajte okolico in se prepričajte sami kako čudovit je hover efekt.
Piksli Tomer Lerner
To je zelo ustvarjalna spletna stran s črno-belo domačo stranjo, ki se kaže drugače geometrične oblike ples in transformacija ko premaknete kazalec nad njimi.
Haus
Haus je spletna stran interaktivne agencije ljubi tehnologijo in humor. Premaknite miško na risanke na zaslonu in opazujte, kako skočita in tečeta.
Canva
Canva je storitev za ustvarjanje različnih slik, ki temeljijo na besedilu. Njihova domača stran ima temno zamegljeno ozadje, ko pa miškin kazalec premaknete nad njim, boste videli čiščenje in prikaz slik v ozadju, kot orodje za izbris.
Glavna dela
To je portfelj spletnega mesta za ustvarjanje ustvarjalnih medijev podjetja Mainworks. Premaknite miško ali kliknite pike na vrstici, da si ogledate njihove projekte.
Cedric Pereira
To je spletna stran portala Cedric Pereire v pastelnih tonih. Ko ste pomikanje po kategorijah na domači strani spremenite barve in slike. Tudi, ko miško nad sliko, njenih meja.
Bullmonk
Bullmonk je spletno mesto za poslovno vodenje z preprosta SVG animacija na domači strani. Samo preklopite pravokotnik na mrežo, da vidite, kako v njej nastanejo luknje.
InSimbioza
InSimbioza industriji biofarmov zagotavlja alternativno strategijo pospešiti programe razvoja zdravil. Premaknite miško, da boste videli super mikrointerakcije z besedilom, gumbi in elementi ozadja.
OUI R Creative Studio
OUI R je a multidisciplinarni oblikovalski studio ustvarjanju izdelkov, ki temeljijo na ustvarjalnih vizualnih idejah. Ko miško postavite na slike, se prikažejo prikaži informacije in z mišjim scollom se premaknete na naslednjo sliko.
Minnim
Minnim ima interaktivna domača stran s pisanimi linijskimi krogi ki se premikajo z miško. Ti lahko ustvarite nov element cikla z logotipom z miško.
Celoten sveženj
Full Bundle je kreativna digitalna agencija. Njihova domača stran je razdeljena na dva stolpca: logika s modri trikotniki in ustvarjalnost z rdečimi kvadrati. Ko držite miško nad temi elementi, bodo premetavati na zelo tekoč način.
FS Untitled
FS Untitled povabi obiskovalce, da izberejo ime za pisavo. Domača stran prikazuje celice, ko kliknete, vodi do predstavitve te pisave.
Voznik vlakov
Voznik vlakov je AR in agencija VR ki prinaša prelomne izkušnje za blagovne znamke. Ko se miška pomaknete na domačo stran, je drugače elementi se premikajo vodoravno kot tehnika zahodnega filma. Kategorije se tudi animirajo s preklopom miške.
Sakura International Inc.
Sakura je podjetje s sedežem na Japonskem, ki se osredotoča na človeško mreženje. Ti lahko točke v ozadju povežite z enim samim premikom miške.
Studio Fan
Fan Studio je spletna stran za risanke, ki ustvarja mobilne igre in aplikacije. Da bi naredil občutek gibanja ozadje se premika skupaj s kazalcem miške.
Studio Rotate
Je spletna stran blagovne znamke in oblikovalskega studia ki pomaga strankam doseči spletno prisotnost. Imajo domačo stran z belim ozadjem in krogom. Toda ko ti kliknite gumb Meni, slika se pojavi v krogu.
Podjetje McBride
Domača stran TheMcBrideCompany vsebuje čudovito fotografijo krajine, ki je zamegljena. Ko ste premaknite kazalec nad ozadjem, majhno območje okoli kazalca postane jasno. Izgleda fantastično.
Pametna Franke
Clever Franke je interaktivna oblikovalska agencija, ki združuje strategijo, oblikovanje in tehnologijo razvoj inovativnih izdelkov in storitev. Naslovi na domači strani ustvarjajo dinamično in samodejno, kar je videti kot čarobno. Ko ste premaknite kazalec nad črkami, ki jih dobijo, toda padec nazaj v sekundo.
Center za oblikovanje sporočil
Spletna stran Message Design Center ima edinstveno obliko. Značilnosti njihove domače strani živahni naslovi s geometrijo poligona. Ko držite miško nad temi naslovi, bodo postali večji in začeli deformirati.
Samo kodirano
Just Coded ima neverjetno temno ozadje s pikami, ki tvorijo platno. Ko miško nad tem platnom, je videti kot živ, ker je se začne premikati in spremeniti perspektivo.
Kinetične aplikacije
To je nagrajena spletna stran digitalne agencije, ki uporablja patentirano tehnologijo za gradnjo spletne strani in aplikacije za iOS in naprave Android. The domača stran izgleda kot nebo, in ko se premaknete, se vam zdi, kot da ste izberite smer za letenje.