Domača » Oblikovanje spletnih strani » 20 spletnih strani z učinkom ustvarjalne miške

    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.