Fare clic in giro: l'uso dei cursori circolari del mouse

Pubblicato: 2020-04-01

Proprio di recente, abbiamo discusso di una piccola tendenza nei cursori del mouse, esplorando una dozzina di esempi di effetti solitari ma accattivanti. Oggi è tornato sotto i riflettori, questa volta con un'altra idea interessante.

Sembra che i web designer abbiano una particolare inclinazione a giocare con il nostro unico dispositivo per spostarsi sullo schermo. Indubbiamente, i cursori stanno guadagnando popolarità in questi giorni. Le ragioni possono variare: a partire dal semplice desiderio di allontanarsi da tutto ciò che è ordinario, per finire con l'ardente ambizione di rendere il web un posto migliore.

Siamo entrati in un'era di interfacce interattive. Il cursore del mouse è parte integrante di tutte quelle grandiose soluzioni. È logico che subisca alcune modifiche per soddisfare le esigenze attuali e contribuire a creare un'esperienza senza interruzioni.

Sembra che sia giunto il momento di fare qualche esperimento con la sua forma gettando da parte la noiosa freccia e optando per qualcosa di più elegante e raffinato, come ad esempio un cerchio. La forma rotonda si fonde idealmente con interfacce moderne con tele e animazioni interattive. Sembra naturale e gentile. Ed è sempre in agguato, attirando discretamente l'attenzione.

Ultimi progetti artistici / Maraka

Prendiamo in considerazione Last Art Projects e Maraka, i cui team utilizzano questa piccola tendenza a proprio vantaggio.

Last Art Projects ha un bellissimo tema bicolore popolato con illustrazioni in stile linea e decorazioni vuote. Qui, il cursore corrisponde perfettamente al concetto. Si compone di due cerchi. L'anello nella parte anteriore è un cursore, mentre un cerchio scuro solido nella parte posteriore è una coda. Insieme sembrano un bersaglio che focalizza naturalmente l'attenzione sullo schermo.

Ultimi progetti artistici

Maraka ha cambiato la forma del cursore, ma non solo per scopi decorativi. Qui viene utilizzato come segnale visivo per i visitatori online. Pertanto, mostra una freccia sinistra o destra quando rileva che desideri scorrere le diapositive. E si trasforma in un cerchio solido regolare (con un cerchio secondario relativamente grande e semitrasparente) quando colpisci l'area mirata come link, didascalie o navigazione.

Maraka

Entrambi gli esempi ci mostrano come una semplice forma circolare possa fare miracoli. È così naturale ed elegante nel suo comportamento che sembra un partner ideale per tutte quelle stravaganze moderne. Consideriamo anche altri fantastici esempi.

Kwok Yin Mak

Kwok Yin Mak ha un design spazioso con una tradizionale colorazione in bianco e nero e un ritmo verticale. I personaggi giapponesi rubano la scena qui. L'atmosfera è raffinata e genuina. Devi ammettere che una forma di freccia predefinita sembrerebbe primitiva qui, ma una forma circolare è un'altra questione. Gioca bene con tutti i dettagli e si sente a casa.

Kwok Yin Mak

Prime sessioni del parco

Il design di Prime Park Sessions è caratterizzato da una bella estetica geometrica. L'intricato elefante poligonale, la navigazione verticale situata sui lati e una tonnellata di spazio bianco. Qui, il minuscolo punto nero di un cursore si adatta come un guanto, incontrando abilmente il tema.

Prime sessioni del parco

Cartesio

La maestosa forma dell'onda dà il tono a Cartesiam. L'area dell'eroe presenta una bellissima animazione astratta che è luminosa e scorrevole. Qui il cursore del mouse è un cerchio relativamente grande con un livello di trasparenza medio. Grazie alle sue curve divine e al comportamento regolare, cattura naturalmente l'attenzione e allo stesso tempo si adatta perfettamente all'ambiente elegante.

Cartesio

Eum Ray

Il portafoglio di Eum Ray ha un certo livello di personalità. L'artista è desideroso di mostrare il suo genio interiore. Quindi, non sorprende che tutto qui sia ben congegnato. Anche il cursore del mouse si distingue dalla massa con il suo stile vuoto e la forma circolare.

Eum Ray

Terreno di gioco

Questa tendenza viene utilizzata anche per identificare le priorità, aggiungendo peso visivo ai dettagli cruciali. Dai un'occhiata a Parco giochi.

La squadra dietro Playground impiega due cerchi. Il cerchio piccolo funge da cursore mentre quello grande funge da “seguace”. Insieme rendono più evidenti i movimenti sullo schermo. E non è tutto: il puntatore ha due tipi di comportamento. Quando il cursore colpisce un cursore, un pulsante hamburger o un collegamento, cresce, suggerendo l'importanza di questi elementi. Quando lascia quelle aree, torna alle dimensioni normali, consentendo ai visitatori di esplorare l'interfaccia senza troppi problemi.

Terreno di gioco

Tappezzeria Novecento

Tappezzeria Novecento ha un'area eroi ricca di contenuti con una grande immagine e molti contenuti. È naturale che il team dietro il design abbia deciso di rendere il cursore più prominente. Proprio come nel caso di Playground, ha due cerchi: uno è un cursore stesso e l'altro è la sua coda. Ha anche una colorazione simile, che lo rende un perfetto tocco finale.

Tappezzeria Novecento

Germano reale e Claret

Mallard e Claret dimostrano che un cursore circolare del mouse può trovare il suo posto, anche nei tipi più comuni di siti web. In realtà, troverai due forme rotonde. Il primo è un collegamento alla sezione del piè di pagina, che è anche una specie di logotipo. E l'altro è un cursore del mouse. È piccolo e vivace. Rende l'esperienza dell'utente su questo blog un po' più divertente del solito.

Germano reale e Claret

Regalo di Gucci

Il grande nome qui, ma sfortunatamente non è un buon esempio da seguire. Gift by Gucci ha anche un cursore circolare del mouse. Sicuramente aggiunge il suo fascino qui e l'interazione con la tela dinamica sembra più naturale. Tuttavia, uno scarso contrasto tra lo sfondo e il primo piano rovina l'esperienza dell'utente. Il cerchio dorato è appena percettibile su uno sfondo rosa. Peccato.

Regalo di Gucci

Strumento bonus: Cursomizer

Se sei pronto ad abbandonare il generico cursore a forma di freccia, allora abbiamo un progetto entusiasmante da verificare. Si chiama Cursomizer. E fa quello che dice: ti consente di personalizzare il cursore. È un piccolo parco giochi in cui puoi impostare dimensioni, colore, effetti al passaggio del mouse ed effetti clic per il cursore e goderti l'aspetto e il comportamento finali in un'anteprima dal vivo. È molto utile.

Cursomizer

C'è solo qualcosa sulle cerchie

È sempre un piacere vedere cose banali, a cui a volte non diamo il giusto merito, avere una seconda ventata.

Naturalmente, abbiamo visto molti cursori personalizzati. Tuttavia, c'è qualcosa di divino nei puntatori circolari. Sembra che volino e si muovano delicatamente sullo schermo. In tandem con un'altra piccola tendenza, alias le tracce circolari del mouse, sembrano ancora più sofisticati.