Haciendo clic alrededor: el uso de cursores de mouse circulares

Recientemente, discutimos una pequeña tendencia en los cursores del mouse, explorando una docena de ejemplos de efectos solitarios pero llamativos. Hoy ha vuelto a ser el centro de atención, esta vez con otra idea interesante.

Parece que los diseñadores web tienen una inclinación particular a jugar con nuestro único dispositivo para moverse por la pantalla. Sin duda, los cursores están ganando popularidad en estos días. Las razones para esto pueden variar: comenzando por el simple deseo de alejarse de todo lo común y terminando con la ardiente ambición de hacer de la web un lugar mejor.

Hemos entrado en una era de interfaces interactivas. El cursor del mouse es una parte integral de todas esas soluciones grandiosas. Es lógico que sufra algunos cambios para satisfacer las demandas actuales y ayudar a crear una experiencia perfecta.

Parece que ha llegado el momento de experimentar con su forma dejando de lado la aburrida flecha y optando por algo más elegante y refinado, como por ejemplo un círculo. La forma redonda se combina idealmente con interfaces modernas con lienzos interactivos y animaciones. Se siente natural y elegante. Y siempre está acechando, llamando discretamente la atención.

Últimos Proyectos de Arte / Maraka

Consideremos Last Art Projects y Maraka, cuyos equipos utilizan esta pequeña tendencia a su favor.

Last Art Projects tiene un hermoso tema de dos tonos poblado con ilustraciones de estilo de línea y decoración hueca. Aquí, el cursor encaja perfectamente con el concepto. Se compone de dos círculos. El anillo en la parte delantera es un cursor, mientras que un círculo oscuro sólido en la parte posterior es una cola. Juntos parecen un objetivo que centra la atención de forma natural en la pantalla.

Maraka ha cambiado la forma del cursor, pero no solo con fines decorativos. Aquí se utiliza como una señal visual para los visitantes en línea. Por lo tanto, muestra una flecha hacia la izquierda o hacia la derecha cuando detecta que desea recorrer las diapositivas. Y se convierte en un círculo sólido regular (con un círculo secundario semitransparente relativamente grande) cuando toca el área objetivo, como enlaces, subtítulos o navegación.

Ambos ejemplos nos muestran cómo una simple forma circular puede hacer maravillas. Es tan natural y elegante en su comportamiento que se siente como un compañero ideal para todas esas extravagancias modernas. Consideremos también algunos otros ejemplos fantásticos.

Kwok Yin Mak

Kwok Yin Mak tiene un diseño espacioso con una coloración tradicional en blanco y negro y un ritmo vertical. Los personajes japoneses roban el espectáculo aquí. El ambiente es refinado y auténtico. Tienes que admitir que una forma de flecha predeterminada parecería primitiva aquí, pero una forma circular es otro asunto. Juega muy bien con todos los detalles y se siente como en casa.

Sesiones Prime Park

El diseño de Prime Park Sessions está marcado por una hermosa estética geométrica. El intrincado elefante poligonal, la navegación vertical ubicada a los lados y una tonelada de espacio en blanco. Aquí, el diminuto punto negro de un cursor se ajusta como anillo al dedo y cumple hábilmente con el tema.

Cartesiam

La majestuosa forma de onda marca la pauta para Cartesiam. El área del héroe presenta una hermosa animación abstracta que es brillante y fluida. Aquí el cursor del mouse es un círculo relativamente grande con un nivel medio de transparencia. Gracias a sus curvas divinas y su comportamiento suave, llama la atención de forma natural y al mismo tiempo se adapta perfectamente al entorno ingenioso.

Rayo Eum

La cartera de Eum Ray tiene un cierto nivel de personalidad. El artista está ansioso por mostrar su genio interior. Por lo tanto, no es de extrañar que todo aquí esté bien pensado. Incluso el cursor del mouse se destaca entre la multitud con su estilo hueco y su forma circular.

Patio de recreo

Esta tendencia también se usa para identificar prioridades, agregando peso visual a los detalles cruciales. Echa un vistazo a Patio de juegos.

El equipo detrás de Playground emplea dos círculos. El círculo pequeño se usa como cursor mientras que el grande sirve como “seguidor”. Juntos hacen que los movimientos a través de la pantalla sean más prominentes. Y eso no es todo: el puntero tiene dos tipos de comportamiento. Cuando el cursor golpea un control deslizante, un botón de hamburguesa o un enlace, crece, lo que sugiere la importancia de estos elementos. Cuando sale de esas áreas, se reduce al tamaño normal, lo que permite a los visitantes explorar la interfaz sin muchas molestias.

Tappezzería Novecento

Tappezzeria Novecento tiene un área de héroes con mucho contenido con una gran imagen y mucho contenido. Es natural que el equipo detrás del diseño haya decidido hacer que el cursor sea más prominente. Al igual que en el caso de Playground, tiene dos círculos: uno es un cursor en sí mismo y el otro es su cola. También tiene una coloración similar, lo que lo convierte en un toque final perfecto.

Ánade real y clarete

Mallard and Claret demuestra que un cursor de mouse circular puede encontrar su lugar, incluso en los tipos de sitios web más comunes. En realidad, encontrarás dos formas redondas. El primero es un enlace a la sección de pie de página, que también es una especie de logotipo. Y el otro es un cursor de ratón. Es pequeño y enérgico. Hace que la experiencia del usuario en este blog sea un poco más entretenida de lo habitual.

Regalo de Gucci

El gran nombre aquí, pero lamentablemente no es un buen ejemplo a seguir. Gift by Gucci también tiene un cursor de ratón circular. Ciertamente agrega su encanto aquí, y la interacción con el lienzo dinámico se siente más natural. Sin embargo, el bajo contraste entre el fondo y el primer plano arruina la experiencia del usuario. El círculo dorado es apenas perceptible sobre un fondo rosa. Es una pena.

Herramienta adicional: cursorizador

Si está listo para deshacerse del cursor genérico en forma de flecha, entonces tenemos un proyecto emocionante para ver. Se llama Cursomizador. Y hace lo que dice: le permite personalizar el cursor. Es un pequeño patio de juegos donde puede establecer el tamaño, el color, el efecto de desplazamiento y los efectos de clic para el cursor, y disfrutar de su apariencia y comportamiento finales en una vista previa en vivo. es muy útil

Hay algo acerca de los círculos

Siempre es un placer ver cosas triviales, a las que a veces no damos el debido crédito, tener un segundo aire.

Por supuesto, hemos visto muchos cursores personalizados. Sin embargo, hay algo divino en los punteros circulares. Se siente como si se elevaran y se movieran suavemente por la pantalla. Junto con otra pequeña tendencia, también conocida como senderos circulares de ratón, se ven aún más sofisticados.