Начална » Уеб дизайн » 20 уебсайта с ефект на Creative MouseOver

    20 уебсайта с ефект на Creative MouseOver

    В уеб дизайна дори и най-малката ефектът може да промени общия потребителски опит. това може да бъде или ефект на бъг, ефект на отскачане или дори прост звуков ефект. Един от тези ефекти, често се използва в уеб дизайна в наши дни е ефектът на придвижване или преминаване на мишката. Този преходен ефект може да се види, когато преместите мишката върху определен елемент, който прави слайд навън, променя цвета си или анимира.

    Идеята зад ефекта на мишката е да намали усилията който потребителят трябва да направи вижте повече подробности, достъп до ключова информация или вижте различни изгледи на сайта. Добрият ефект на задържане може да спести място за показване на повече информация в възможно най-умен.

    Така че, да дам на читателите си a няколко примера за този интересен ефект, Събрал съм 20 творчески примера на уебсайтове с ефект на превключване на мишката. Просто превъртете надолу, отворете уебсайта, поиграйте и вижте сами колко невероятно изглежда ефекта на навъртане.

    Пиксели от Томер Лернър

    Това е силно творчески уебсайт с черно-бяла начална страница, която показва различно геометрични форми танцуват и трансформират когато преместите курсора над тях.

    Haus

    Haus е сайт на интерактивна агенция, която обича технологии и хумор. Напрегнете курсовите фигури на екрана и да гледате как скачат и бягат.

    Canva

    Canva е услуга за създаване на различни текстови изображения. Началната им страница има тъмно размазан фон, но когато задържите курсора върху него, ще видите зона за почистване и показване на изображенията на заден план, точно като инструмент за изтриване.

    Mainworks

    Това е уебсайт на портфолиото на студиото за създаване на творчески медии Mainworks. Насочете мишката или кликнете върху точките на линията, за да видите техните проекти.

    Седрик Перейра

    Това е портфолиото на Седрик Перейра в пастелни тонове. Когато ти превъртете над категориите на началната страница, те промяна на цветовете и изображенията. Също така, когато с мишката минете върху изображение, границите му се движат.

    Bullmonk

    Bullmonk е уебсайт за бизнес управление с a проста SVG анимация на началната страница. Просто преместете с мишката правоъгълника, за да видите как в него се формират дупки.

    InSymbiosis

    InSymbiosis осигурява биофармацевтична индустрия с алтернативна стратегия за ускоряване на програмите за разработване на лекарства. Преместете мишката, за да видите страхотно микро взаимодействия с текст, бутони и елементи на фона.

    OUI R Creative Studio

    OUI R е a мултидисциплинарно студио за дизайн посветен на създаването на продукти, базирани на креативни визуални идеи. Когато поставите курсора на мишката върху изображенията, те покажете информация и с мишката ще преминете към следващото изображение.

    Minnim

    Minnim има интерактивна начална страница с цветни линии в кръг които се движат с мишката. Можеш генериране на нов елемент от цикъла с лого с помощта на мишката.

    Пълен пакет

    Full Bundle е творческа дигитална агенция. Началната им страница е разделена на две колони: логика с сини триъгълници и творчество с червени квадратчета. Когато държите мишката над тези елементи, те отскача по много течен начин.

    FS Untitled

    FS Untitled кани посетителите да изберат име за лицето на шрифта. Началната страница показва клетките, когато кликнете, води до демонстрация на този конкретен шрифт.

    Trainrobber

    Учителят на влака е Агенция AR и VR който създава новаторски потапящи преживявания за марките. Както се движи с мишката върху началната страница, различно елементите се движат хоризонтално като технически западен филм. Категориите също анимират с мишката.

    Sakura International Inc.

    Сакура е японска компания, фокусирана върху човешките мрежи. Можеш свържете точките във фонов режим с едно движение на мишката.

    Фен студио

    Fan Studio е анимационен сайт, който създава мобилни игри и приложения. За да се направи движение фонът се движи заедно с курсора на мишката.

    Студио Завъртане

    Това е уебсайт на марка и дизайн студио което помага на клиентите да постигнат онлайн присъствие. Те имат начална страница с бял фон и кръг. Но когато ти Кликнете върху бутона Меню, в кръга се появява изображение.

    TheMcBrideCompany

    Началната страница на TheMcBrideCompany има красива пейзажна снимка, която е замъглена. Когато ти преместете курсора върху фона, малка област около курсора става ясно. Изглежда фантастично.

    Умно Франке

    Clever Franke е интерактивна дизайнерска агенция, която съчетава стратегия, дизайн и технология разработване на иновативни продукти и услуги. Заглавията на началната страница генерират динамично и автоматично, което прилича на магия. Когато ти преместете курсора върху буквите, които се преместват, но отстъпва за секунда.

    Център за дизайн на съобщенията

    Уебсайтът на Message Design Center има уникален дизайн. Функциите на тяхната начална страница ярки заглавия с геометрия на полигон. Когато задържите мишката над тези заглавия, те стават по-големи и започват да се деформират.

    Просто кодирани

    Just Coded има невероятно тъмен фон с точки, образуващи платно. Когато минете върху това платно, тя изглежда като жива, защото тя започва да се движи и променя перспективата.

    Кинетични приложения

    Това е награден уебсайт на дигитална агенция, която използва изградена патентна технология уебсайтове и приложения за iOS и Android устройства. Най- началната страница прилича на небето, и когато го преместите, изглежда като вас изберете посоката за полет.