20 sites Web avec effet Creative MouseOver
Dans la conception web, même un plus petit effet peut changer l'expérience utilisateur globale. Cela peut être un effet de pépin, un effet de rebond ou même un simple effet sonore. Un de ces effets, étant fréquemment utilisé dans la conception web ces jours-ci est l'effet de survol ou de survol. Cet effet de transition est visible lorsque vous déplacez la souris sur un élément particulier le fait glisser, changer de couleur ou animer.
L'idée derrière l'effet mouseover est de réduire l'effort que l'utilisateur doit faire pour afficher plus de détails, accéder aux informations de clé ou voir différentes vues sur le site Internet. Un bon effet de survol peut économiser de l’espace et afficher plus d’informations dans manière la plus intelligente possible.
Alors, pour donner à mes lecteurs un quelques exemples de cet effet intéressant, J'ai rassemblé 20 exemples créatifs de sites Web avec effet de survol. Il suffit de faire défiler, ouvrir le site, jouer et voir par vous-même comment étonnant l'effet de survol.
Pixels de Tomer Lerner
C’est un site Web très créatif avec une page d’accueil en noir et blanc qui montre différents formes géométriques dansant et transformant quand vous déplacez le curseur sur eux.
Haus
Haus est le site Web d'une agence interactive qui aime la technologie et l'humour. Passez la souris sur les personnages de dessins animés sur l'écran et regardez comment ils sautent et courent.
Canva
Canva est un service de création de diverses images à base de texte. Leur page d'accueil a un arrière-plan flou et sombre, mais lorsque vous passez le curseur de la souris dessus, vous verrez le zone nettoyant et montrant les images en arrière-plan, tout comme un outil d'effacement.
Mainworks
C'est un site Web de portfolio du studio de production de médias créatifs Mainworks. Passez la souris ou cliquez sur les points sur la ligne pour voir leurs projets.
Cedric Pereira
Ceci est le site web du portefeuille de Cedric Pereira dans des tons pastel. Lorsque vous faire défiler les catégories sur la page d'accueil, ils changer les couleurs et les images. En outre, lorsque vous passez la souris sur une image, ses frontières se déplacent.
Bullmonk
Bullmonk est un site web de gestion d’entreprise avec un animation SVG simple sur la page d'accueil. Passez la souris sur le rectangle maillé pour voir comment des trous s'y forment.
InSymbiose
InSymbiose fournit à l'industrie biopharmaceutique une stratégie alternative accélérer les programmes de développement de médicaments. Déplacez votre souris pour voir génial microinteractions avec du texte, des boutons et des éléments d'arrière-plan.
Studio de création OUI R
OUI R est un studio de design multidisciplinaire dédié à la création de produits, basé sur des idées visuelles créatives. Lorsque vous placez le curseur de la souris sur les images, elles affichez des informations et avec la souris, vous passez à l'image suivante.
Minnim
Minnim a un page d'accueil interactive avec des cercles de lignes colorées qui se déplacent avec le survol de la souris. Vous pouvez générer un nouvel article de cycle avec logo en utilisant votre souris.
Bundle complet
Full Bundle est une agence de création numérique. Leur page d'accueil est séparée en deux colonnes: la logique avec triangles bleus et créativité avec des carrés rouges. Lorsque vous maintenez la souris sur ces éléments, ils rebondir de manière très fluide.
FS sans titre
FS sans titre invite les visiteurs à choisir un nom pour la police. La page d'accueil montre les cellules que lorsque vous cliquez sur, conduit à la démo de cette police particulière.
Trainrobber
Trainrobber est un Agence AR et VR qui produit des expériences immersives révolutionnaires pour les marques. Lorsque vous survolez la souris sur la page d'accueil, différents les éléments se déplacent horizontalement comme un film western en technicolor. Les catégories s'animent aussi avec mouseover.
Sakura International Inc.
Sakura est une entreprise basée au Japon qui se concentre sur les réseaux humains. Vous pouvez reliez les points en arrière-plan en un seul mouvement de souris.
Fan Studio
Fan Studio est un site web caricatural qui crée des applications et des jeux mobiles. Faire un sens du mouvement l'arrière-plan se déplace avec le curseur de votre souris.
Studio Rotation
C'est un site web de la marque et du studio de design cela aide les clients à atteindre une présence en ligne. Ils ont une page d'accueil avec un fond blanc et un cercle. Mais quand vous cliquez sur le bouton Menu, une image apparaît dans le cercle.
TheMcBrideCompany
La page d'accueil de McBrideCompany présente une belle photo de paysage qui est floue. Lorsque vous déplace le curseur sur le fond, une petite zone autour du curseur devient clair. Ça a l'air fantastique.
Clever Franke
Clever Franke est une agence de design interactive qui combine stratégie, design et technologie pour développer des produits et services innovants. Les titres sur la page d'accueil génèrent de manière dynamique et automatique, ce qui semble magique. Lorsque vous déplacez le curseur sur les lettres déplacées, mais retomber dans une seconde.
Centre de conception de messages
Le site Web de Message Design Center a un design unique. Leur page d'accueil dispose titres éclatants avec géométrie de polygone. Lorsque vous maintenez la souris sur ces titres, ils devenir plus grand et a commencé à se déformer.
Juste codé
Just Coded a une incroyable fond sombre avec des points formant une toile. Lorsque vous passez la souris sur cette toile, elle a l’air vivant, car elle commence à bouger et à changer de perspective.
Applications cinétiques
C’est un site Web primé d’une agence numérique qui utilise une technologie en instance de brevet pour créer sites Web et applications pour appareils iOS et Android. le la page d'accueil ressemble au ciel, et quand vous passez la souris, il semble que vous choisissez la direction pour voler.