Mengklik Sekitar: Penggunaan Kursor Mouse Melingkar

Diterbitkan: 2020-04-01

Baru-baru ini, kami membahas tren kecil dalam kursor mouse, menjelajahi selusin contoh efek yang sepi namun menarik. Hari ini telah mendapat sorotan lagi, kali ini dengan ide menarik lainnya.

Tampaknya desainer web memiliki kecenderungan khusus untuk bermain-main dengan satu-satunya perangkat kami untuk bergerak melintasi layar. Tidak diragukan lagi, kursor semakin populer akhir-akhir ini. Alasan untuk ini dapat bervariasi: mulai dari keinginan sederhana untuk menjauh dari segala sesuatu yang biasa, dan berakhir dengan ambisi yang membara untuk membuat web menjadi tempat yang lebih baik.

Kami telah melangkah ke era antarmuka interaktif. Kursor mouse adalah bagian integral dari semua solusi muluk itu. Masuk akal jika ia mengalami beberapa perubahan untuk memenuhi tuntutan saat ini dan membantu menciptakan pengalaman yang mulus.

Tampaknya sudah waktunya untuk melakukan beberapa eksperimen dengan bentuknya dengan membuang panah yang membosankan dan memilih sesuatu yang lebih elegan dan halus, seperti misalnya lingkaran. Bentuk bulat idealnya menyatu dengan antarmuka modern dengan kanvas dan animasi interaktif. Rasanya alami dan anggun. Dan, itu selalu membayangi – secara tidak mencolok menarik perhatian.

Proyek Seni Terakhir / Maraka

Mari kita pertimbangkan Proyek Seni Terakhir dan Maraka, yang timnya menggunakan tren kecil ini untuk keuntungan mereka.

Last Art Projects memiliki tema dua warna yang indah yang diisi dengan ilustrasi gaya garis dan dekorasi berongga. Di sini, kursor sangat cocok dengan konsepnya. Terdiri dari dua lingkaran. Cincin di depan adalah kursor, sedangkan lingkaran hitam pekat di belakang adalah ekor. Bersama-sama mereka terlihat seperti target yang secara alami memusatkan perhatian pada layar.

Proyek Seni Terakhir

Maraka telah mengubah bentuk kursor, tetapi tidak hanya untuk tujuan dekoratif. Di sini digunakan sebagai isyarat visual untuk pengunjung online. Dengan demikian, ini menunjukkan panah kiri atau kanan saat merasakan bahwa Anda ingin menelusuri slide. Dan itu berubah menjadi lingkaran padat biasa (dengan lingkaran sekunder semi-transparan yang relatif besar) ketika Anda menekan area yang ditargetkan seperti tautan, teks, atau navigasi.

Maraka

Kedua contoh menunjukkan kepada kita bagaimana bentuk lingkaran sederhana dapat melakukan keajaiban. Ini sangat alami dan elegan dalam perilakunya sehingga terasa seperti pasangan yang ideal untuk semua kemewahan modern itu. Mari kita pertimbangkan juga beberapa contoh fantastis lainnya.

Kwok Yin Mak

Kwok Yin Mak memiliki desain yang luas dengan pewarnaan hitam putih tradisional dan ritme vertikal. Karakter Jepang mencuri perhatian di sini. Suasananya halus dan otentik. Anda harus mengakui, bentuk panah default akan terlihat primitif di sini, tetapi bentuk lingkaran adalah masalah lain. Ini dimainkan dengan baik dengan semua detail dan terasa seperti di rumah sendiri.

Kwok Yin Mak

Sesi Taman Perdana

Desain Prime Park Sessions ditandai dengan estetika geometris yang indah. Gajah poligonal yang rumit, navigasi vertikal yang terletak di samping, dan banyak ruang putih. Di sini, titik hitam kecil dari kursor pas seperti sarung tangan, dengan terampil memenuhi tema.

Sesi Taman Perdana

Cartesiam

Bentuk gelombang yang megah menentukan nada untuk Cartesiam. Area pahlawan menampilkan animasi abstrak indah yang cerah dan mengalir. Di sini kursor mouse adalah lingkaran yang relatif besar dengan transparansi tingkat menengah. Berkat lekukan ilahi dan perilakunya yang halus, ia secara alami menarik perhatian dan pada saat yang sama sangat cocok dengan rombongan yang bagus.

Cartesiam

Eum Ray

Portofolio Eum Ray memiliki tingkat kepribadian tertentu. Seniman itu ingin menunjukkan kejeniusan batinnya. Jadi, tidak mengherankan bahwa semuanya di sini dipikirkan dengan matang. Bahkan kursor mouse menonjol dari keramaian dengan gayanya yang berongga dan bentuknya yang melingkar.

Eum Ray

Tempat bermain

Tren ini juga digunakan untuk mengidentifikasi prioritas, menambahkan bobot visual ke detail penting. Lihatlah Taman Bermain.

Tim di belakang Playground mempekerjakan dua lingkaran. Lingkaran kecil digunakan sebagai kursor sedangkan yang besar berfungsi sebagai "pengikut". Bersama-sama mereka membuat gerakan di layar lebih menonjol. Dan bukan itu saja: pointer memiliki dua jenis perilaku. Saat kursor menyentuh penggeser, tombol hamburger, atau tautan – kursor tumbuh, mengisyaratkan pentingnya elemen-elemen ini. Ketika meninggalkan area tersebut, itu menyusut kembali ke ukuran biasa, membiarkan pengunjung menjelajahi antarmuka tanpa banyak kesulitan.

Tempat bermain

Tappezzeria Novecento

Tappezzeria Novecento memiliki area pahlawan konten-berat dengan gambar besar dan banyak konten. Wajar jika tim di balik desain memutuskan untuk membuat kursor lebih menonjol. Sama seperti dalam kasus Playground, ia memiliki dua lingkaran: satu adalah kursor itu sendiri, dan yang lainnya adalah ekornya. Ini juga memiliki pewarnaan serupa, yang membuatnya menjadi sentuhan akhir yang sempurna.

Tappezzeria Novecento

Mallard dan Claret

Mallard dan Claret membuktikan bahwa kursor mouse melingkar dapat menemukan tempatnya, bahkan di jenis situs web yang paling umum. Sebenarnya, Anda akan menemukan dua bentuk bulat. Yang pertama adalah tautan ke bagian footer, yang juga merupakan jenis logo. Dan yang lainnya adalah kursor mouse. Ini kecil dan cepat. Itu membuat pengalaman pengguna di blog ini sedikit lebih menghibur dari biasanya.

Mallard dan Claret

Hadiah dari Gucci

Nama besar di sini, tapi sayangnya bukan contoh yang baik untuk diikuti. Hadiah oleh Gucci juga memiliki kursor mouse melingkar. Ini tentu menambah pesonanya di sini, dan interaksi dengan kanvas dinamis terasa lebih alami. Namun, kontras yang buruk antara latar belakang dan latar depan merusak pengalaman pengguna. Lingkaran emas hampir tidak terlihat dengan latar belakang merah muda. Sungguh kasihan.

Hadiah dari Gucci

Alat Bonus: Kursomizer

Jika Anda siap untuk membuang kursor berbentuk panah generik, maka kami memiliki satu proyek menarik untuk dicoba. Ini disebut Cursomizer. Dan itu melakukan apa yang dikatakannya – memungkinkan Anda menyesuaikan kursor. Ini adalah taman bermain kecil di mana Anda dapat mengatur ukuran, warna, efek hover dan efek klik untuk kursor, dan menikmati tampilan dan perilaku terakhirnya dalam pratinjau langsung. Ini sangat berguna.

Kursomizer

Ada Sesuatu Tentang Lingkaran

Itu selalu memperlakukan untuk melihat hal-hal sepele, yang kadang-kadang kita tidak memberikan kredit yang tepat, mendapatkan angin kedua.

Tentu saja, kita telah melihat banyak kursor yang disesuaikan. Namun, ada sesuatu yang ilahi dalam petunjuk melingkar. Rasanya seperti melayang dan bergerak dengan lembut di seluruh layar. Seiring dengan tren kecil lainnya, alias jalur tikus melingkar, mereka terlihat lebih canggih.