Etrafta Tıklama: Dairesel Fare İmleçlerinin Kullanımı

Yayınlanan: 2020-04-01

Kısa süre önce, fare imleçlerindeki küçük bir eğilimi tartıştık ve bir düzine yalnız ama göz alıcı efekt örneğini araştırdık. Bugün yine ilgi odağı oldu, bu sefer başka bir ilginç fikirle.

Görünüşe göre web tasarımcıları, ekranda hareket etmek için tek ve tek cihazımızla oynama konusunda özel bir eğilime sahipler. Kuşkusuz, imleçler bu günlerde popülerlik kazanıyor. Bunun nedenleri değişebilir: sıradan her şeyden uzaklaşma arzusundan başlayıp, web'i daha iyi bir yer haline getirme tutkusuyla sona erer.

Etkileşimli arayüzler çağına adım attık. Fare imleci, tüm bu görkemli çözümlerin ayrılmaz bir parçasıdır. Mevcut talepleri karşılamak ve sorunsuz bir deneyim yaratmaya yardımcı olmak için bazı değişikliklere uğraması mantıklıdır.

Görünüşe göre sıkıcı oku bir kenara atarak ve örneğin bir daire gibi daha zarif ve zarif bir şey seçerek şekliyle ilgili bazı deneyler yapmanın zamanı geldi. Yuvarlak şekil, etkileşimli tuvaller ve animasyonlarla modern arayüzlere ideal bir şekilde uyum sağlar. Doğal ve zarif hissettiriyor. Ve her zaman ortalıkta belirir – dikkat çekmeden dikkat çeker.

Son Sanat Projeleri / Maraka

Son Sanat Projelerini ve ekipleri bu küçük trendi kendi avantajlarına kullanan Maraka'yı ele alalım.

Last Art Projects, çizgi stili illüstrasyonlar ve içi boş dekorla doldurulmuş iki tonlu güzel bir temaya sahiptir. Burada, imleç konseptle mükemmel bir şekilde eşleşir. İki çemberden oluşur. Öndeki halka bir imleç, arkadaki düz koyu bir daire ise bir kuyruktur. Birlikte, doğal olarak ekrana odaklanan bir hedef gibi görünüyorlar.

Son Sanat Projeleri

Maraka, imleç şeklini değiştirdi, ancak yalnızca dekoratif amaçlar için değil. Burada çevrimiçi ziyaretçiler için görsel bir ipucu olarak kullanılır. Böylece slaytlar arasında geçiş yapmak istediğinizi algıladığında sol veya sağ ok gösterir. Bağlantılar, başlıklar veya gezinme gibi hedeflenen alana çarptığınızda normal bir düz daireye (nispeten büyük, yarı saydam ikincil daireye sahip) dönüşür.

maraka

Her iki örnek de bize basit bir dairesel şeklin nasıl harikalar yaratabileceğini gösteriyor. Davranışlarında o kadar doğal ve zarif ki, tüm bu modern savurganlıklar için ideal bir ortak gibi geliyor. Diğer bazı fantastik örnekleri de ele alalım.

Kwok Yin Mak

Kwok Yin Mak, geleneksel siyah beyaz renklendirme ve dikey ritim ile ferah bir tasarıma sahiptir. Japon karakterler şovu burada çalıyor. Atmosfer rafine ve otantik. Kabul etmelisiniz ki, varsayılan bir ok şekli burada ilkel görünebilir, ancak dairesel bir şekil başka bir konudur. Tüm ayrıntılarla güzelce oynuyor ve evde hissettiriyor.

Kwok Yin Mak

Prime Park Seansları

Prime Park Sessions'ın tasarımında güzel bir geometrik estetik göze çarpıyor. Karmaşık çokgen fil, yanlarda bulunan dikey gezinme ve bir ton beyaz boşluk. Burada, bir imlecin küçük siyah noktası bir eldiven gibi oturur ve temayı ustaca karşılar.

Prime Park Seansları

kartezya

Görkemli dalga şekli, Cartesiam'ın havasını belirliyor. Kahraman alanı, parlak ve akıcı güzel bir soyut animasyona sahiptir. Burada fare imleci, orta düzeyde şeffaflığa sahip nispeten büyük bir dairedir. İlahi kıvrımları ve yumuşak davranışı sayesinde doğal olarak göze çarpar ve aynı zamanda şık maiyeti mükemmel bir şekilde yakalar.

kartezya

eum ışını

Eum Ray'in portföyü belirli bir kişiliğe sahiptir. Sanatçı iç dehasını göstermek için can atıyor. Dolayısıyla, buradaki her şeyin iyi düşünülmüş olması şaşırtıcı değil. Fare imleci bile içi boş stili ve dairesel şekli ile kalabalığın arasından sıyrılıyor.

eum ışını

Oyun alanı

Bu eğilim, önemli ayrıntılara görsel ağırlık ekleyerek öncelikleri belirlemek için de kullanılır. Playground'a bir göz atın.

Playground'un arkasındaki ekip iki daire kullanır. Küçük daire imleç olarak kullanılırken, büyük daire “takipçi” görevi görür. Birlikte ekrandaki hareketleri daha belirgin hale getirirler. Ve hepsi bu değil: işaretçinin iki tür davranışı vardır. İmleç bir kaydırıcıya, hamburger düğmesine veya bağlantıya çarptığında - büyür ve bu öğelerin önemine işaret eder. Bu alanlardan ayrıldığında, normal boyuta geri döner ve ziyaretçilerin çok fazla güçlük çekmeden arayüzü keşfetmesine izin verir.

Oyun alanı

Tappezzeria Novecento

Tappezzeria Novecento, büyük bir görüntü ve çok sayıda içeriğe sahip, içerik açısından yoğun bir kahraman alanına sahiptir. Tasarımın arkasındaki ekibin imleci daha belirgin hale getirmeye karar vermesi doğaldır. Playground örneğinde olduğu gibi, iki dairesi vardır: biri imlecin kendisi, diğeri ise kuyruğu. Aynı zamanda, onu mükemmel bir son rötuş yapan benzer bir renge sahiptir.

Tappezzeria Novecento

Yeşilbaş ve Bordo

Mallard ve Claret, dairesel bir fare imlecinin en yaygın web sitesi türlerinde bile yerini bulabileceğini kanıtlıyor. Aslında, iki yuvarlak şekil bulacaksınız. İlki, aynı zamanda bir tür logo tipi olan alt bilgi bölümüne bir bağlantıdır. Diğeri ise bir fare imleci. Küçük ve hareketlidir. Bu blogdaki kullanıcı deneyimini normalden biraz daha eğlenceli hale getiriyor.

Yeşilbaş ve Bordo

Gucci'den Hediye

Buradaki büyük isim, ancak ne yazık ki takip edilecek iyi bir örnek değil. Gift by Gucci ayrıca dairesel bir fare imlecine sahiptir. Buraya kesinlikle çekiciliğini katıyor ve dinamik tuval ile etkileşim daha doğal hissettiriyor. Ancak, arka plan ve ön plan arasındaki zayıf kontrast, kullanıcı deneyimini mahvediyor. Altın daire, pembe bir arka plana karşı zar zor algılanır. Yazık.

Gucci'den Hediye

Bonus Aracı: Cursomizer

Genel ok şeklindeki imleci kaldırmaya hazırsanız, kontrol etmeniz gereken heyecan verici bir projemiz var. Buna Cursomizer denir. Ve dediğini yapar – imleci özelleştirmenizi sağlar. İmleç için boyut, renk, fareyle üzerine gelme efekti ve tıklama efektlerini ayarlayabileceğiniz ve canlı bir önizlemede son görünümünün ve davranışının keyfini çıkarabileceğiniz küçük bir oyun alanıdır. Çok kullanışlı.

imleç

Çevreler Hakkında Sadece Bir Şey Var

Bazen yeterince itibar etmediğimiz önemsiz şeylerin ikinci bir rüzgar aldığını görmek her zaman bir zevktir.

Tabii ki, birçok özelleştirilmiş imleç gördük. Ancak, dairesel işaretçilerde ilahi bir şey var. Ekran boyunca süzülüyor ve nazikçe hareket ediyorlarmış gibi geliyor. Başka bir küçük trendle, yani dairesel fare izleriyle birlikte, daha da sofistike görünüyorlar.