Cliquer autour : l'utilisation des curseurs de souris circulaires

Tout récemment, nous avons discuté d'une petite tendance dans les curseurs de souris, explorant une douzaine d'exemples d'effets solitaires mais accrocheurs. Aujourd'hui, il revient sous les projecteurs, cette fois avec une autre idée intéressante.

Il semble que les concepteurs de sites Web aient une inclination particulière à jouer avec notre seul et unique appareil pour se déplacer sur l'écran. Sans aucun doute, les curseurs gagnent en popularité ces jours-ci. Les raisons à cela peuvent varier : du simple désir de s'éloigner de tout ce qui est ordinaire, et se terminant par l'ambition brûlante de faire du Web un endroit meilleur.

Nous sommes entrés dans une ère d'interfaces interactives. Le curseur de la souris fait partie intégrante de toutes ces solutions grandioses. Il est logique qu'il subisse quelques changements afin de répondre aux demandes actuelles et de contribuer à créer une expérience fluide.

Il semble que le moment soit venu d'expérimenter sa forme en jetant de côté la flèche ennuyeuse et en optant pour quelque chose de plus élégant et raffiné, comme par exemple un cercle. La forme ronde se fond idéalement dans des interfaces modernes avec des toiles et des animations interactives. Il se sent naturel et gracieux. Et, il se profile toujours autour - attirant discrètement l'attention.

Derniers projets artistiques / Maraka

Prenons par exemple Last Art Projects et Maraka, dont les équipes utilisent cette petite tendance à leur avantage.

Last Art Projects a un beau thème bicolore peuplé d'illustrations de style ligne et d'un décor creux. Ici, le curseur correspond parfaitement au concept. Il se compose de deux cercles. L'anneau à l'avant est un curseur, tandis qu'un cercle noir solide à l'arrière est une queue. Ensemble, ils ressemblent à une cible qui attire naturellement l'attention sur l'écran.

Maraka a changé la forme du curseur, mais pas seulement à des fins décoratives. Ici, il est utilisé comme repère visuel pour les visiteurs en ligne. Ainsi, il affiche une flèche gauche ou droite lorsqu'il détecte que vous souhaitez parcourir les diapositives. Et il se transforme en un cercle plein régulier (avec un cercle secondaire semi-transparent relativement grand) lorsque vous touchez la zone ciblée telle que les liens, les légendes ou la navigation.

Les deux exemples nous montrent comment une simple forme circulaire peut faire des merveilles. Il est si naturel et élégant dans son comportement qu'il se sent comme un partenaire idéal pour toutes ces extravagances modernes. Considérons également quelques autres exemples fantastiques.

Kwok Yin Mak

Kwok Yin Mak a un design spacieux avec une coloration noire et blanche traditionnelle et un rythme vertical. Les personnages japonais volent la vedette ici. L'ambiance est raffinée et authentique. Vous devez admettre qu'une forme de flèche par défaut semblerait primitive ici, mais une forme circulaire est une autre affaire. Il joue bien avec tous les détails et se sent chez lui.

Séances Prime Park

Le design de Prime Park Sessions est marqué par une belle esthétique géométrique. L'éléphant polygonal complexe, la navigation verticale située sur les côtés et une tonne d'espace blanc. Ici, le petit point noir d'un curseur va comme un gant, rencontrant habilement le thème.

Cartesiam

La forme majestueuse des vagues donne le ton à Cartesiam. La zone des héros présente une belle animation abstraite, lumineuse et fluide. Ici, le curseur de la souris est un cercle relativement grand avec un niveau de transparence moyen. Grâce à ses courbes divines et à son comportement tout en douceur, il attire naturellement l'attention et s'intègre en même temps parfaitement à l'entourage astucieux.

Eum Ray

Le portefeuille d'Eum Ray a un certain niveau de personnalité. L'artiste est désireux de montrer son génie intérieur. Il n'est donc pas surprenant que tout ici soit bien pensé. Même le curseur de la souris se démarque de la foule avec son style creux et sa forme circulaire.

Terrain de jeux

Cette tendance est également utilisée pour identifier les priorités, en ajoutant un poids visuel aux détails cruciaux. Jetez un œil à Aire de jeux.

L'équipe derrière Playground emploie deux cercles. Le petit cercle sert de curseur alors que le grand sert de « suiveur ». Ensemble, ils rendent les mouvements sur l'écran plus visibles. Et ce n'est pas tout : le pointeur a deux types de comportement. Lorsque le curseur touche un curseur, un bouton hamburger ou un lien, il grandit, indiquant l'importance de ces éléments. Lorsqu'il quitte ces zones, il revient à sa taille normale, permettant aux visiteurs d'explorer l'interface sans trop de tracas.

Tappezzeria Novecento

Tappezzeria Novecento a une zone de héros riche en contenu avec une grande image et beaucoup de contenu. C'est tout naturellement que l'équipe à l'origine de la conception a décidé de rendre le curseur plus visible. Tout comme dans le cas de Playground, il a deux cercles : l'un est un curseur lui-même, et l'autre est sa queue. Il a également une coloration similaire, ce qui en fait une touche finale parfaite.

Colvert et Bordeaux

Mallard et Claret prouvent qu'un curseur de souris circulaire peut trouver sa place, même dans les types de sites Web les plus courants. En fait, vous trouverez deux formes rondes. Le premier est un lien vers la section de pied de page, qui se trouve également être une sorte de logotype. Et l'autre est un curseur de souris. C'est petit et vif. Cela rend l'expérience utilisateur sur ce blog un peu plus divertissante que d'habitude.

Cadeau par Gucci

Le grand nom ici, mais malheureusement pas un bon exemple à suivre. Gift by Gucci a également un curseur de souris circulaire. Cela ajoute certainement son charme ici, et l'interaction avec la toile dynamique semble plus naturelle. Cependant, un mauvais contraste entre l'arrière-plan et le premier plan ruine l'expérience utilisateur. Le cercle doré est à peine perceptible sur un fond rose. C'est dommage.

Outil bonus : Cursomiseur

Si vous êtes prêt à abandonner le curseur générique en forme de flèche, nous avons un projet passionnant à découvrir. Il s'appelle Cursomizer. Et il fait ce qu'il dit - vous permet de personnaliser le curseur. Il s'agit d'un petit terrain de jeu où vous pouvez définir la taille, la couleur, l'effet de survol et les effets de clic pour le curseur, et profiter de son aspect et de son comportement finaux dans un aperçu en direct. C'est très pratique.

Il y a juste quelque chose à propos des cercles

C'est toujours un régal de voir des choses anodines, auxquelles on ne donne parfois pas le crédit qu'il faut, prendre un second souffle.

Bien sûr, nous avons vu de nombreux curseurs personnalisés. Cependant, il y a quelque chose de divin dans les pointeurs circulaires. On a l'impression qu'ils planent et se déplacent doucement sur l'écran. En tandem avec une autre petite tendance, les sentiers de souris circulaires, ils ont l'air encore plus sophistiqués.