النقر حولها: استخدام مؤشرات الماوس الدائرية

نشرت: 2020-04-01

في الآونة الأخيرة ، ناقشنا اتجاهًا صغيرًا في مؤشرات الماوس ، واستكشفنا عشرات الأمثلة من التأثيرات الفردية ولكن الملفتة للنظر. اليوم سلطت عليه الأضواء مرة أخرى ، وهذه المرة بفكرة أخرى مثيرة للاهتمام.

يبدو أن مصممي الويب لديهم ميل خاص نحو اللعب بجهازنا الوحيد للتنقل عبر الشاشة. لا شك أن المؤشرات تكتسب شعبية هذه الأيام. يمكن أن تختلف أسباب ذلك: بدءًا من الرغبة البسيطة في الابتعاد عن كل شيء عادي ، وانتهاءً بالطموح الملتهب لجعل الويب مكانًا أفضل.

لقد دخلنا في عصر الواجهات التفاعلية. يعد مؤشر الماوس جزءًا لا يتجزأ من كل تلك الحلول العظيمة. من المنطقي فقط أن يخضع لبعض التغييرات من أجل تلبية المتطلبات الحالية والمساعدة في إنشاء تجربة سلسة.

يبدو أن الوقت قد حان لإجراء بعض التجارب على شكله من خلال إبعاد السهم الممل جانبًا واختيار شيء أكثر أناقة وصقلًا ، مثل الدائرة على سبيل المثال. يمتزج الشكل الدائري بشكل مثالي مع الواجهات الحديثة مع اللوحات القماشية والرسوم المتحركة التفاعلية. إنه شعور طبيعي وكريم. وهو يلوح في الأفق دائمًا - يلفت الانتباه بشكل غير ملحوظ.

آخر المشاريع الفنية / مرقة

لنأخذ في الاعتبار Last Art Projects و Maraka ، اللذان يستخدم فريقهما هذا الاتجاه الصغير لصالحهم.

يتميز Last Art Projects بموضوع جميل ثنائي اللون مليء برسوم توضيحية بأسلوب الخط وديكور مجوف. هنا ، يتطابق المؤشر تمامًا مع المفهوم. يتكون من دائرتين. الحلقة في المقدمة عبارة عن مؤشر ، بينما الدائرة الداكنة الصلبة في الخلف عبارة عن ذيل. يبدون معًا كهدف يركز بشكل طبيعي على الانتباه على الشاشة.

آخر المشاريع الفنية

قام Maraka بتغيير شكل المؤشر ، ولكن ليس فقط لأغراض الديكور. هنا يتم استخدامه كإشارة بصرية للزوار عبر الإنترنت. وبالتالي ، فإنه يُظهر سهمًا يسارًا أو يمينًا عندما يستشعر أنك تريد التنقل بين الشرائح. وتتحول إلى دائرة صلبة عادية (بدائرة ثانوية كبيرة نسبيًا وشبه شفافة) عندما تضغط على المنطقة المستهدفة مثل الروابط أو التسميات التوضيحية أو التنقل.

ماراكا

يوضح لنا كلا المثالين كيف يمكن لشكل دائري بسيط أن يفعل العجائب. إنه أمر طبيعي وأنيق في سلوكه لدرجة أنه يشعر بأنه الشريك المثالي لكل تلك البذهات الحديثة. لنأخذ أيضًا في الاعتبار بعض الأمثلة الرائعة الأخرى.

كوك ين ماك

يتميز Kwok Yin Mak بتصميم واسع مع ألوان تقليدية بالأبيض والأسود وإيقاع رأسي. الشخصيات اليابانية تسرق العرض هنا. الجو مصقول وأصيل. عليك أن تعترف ، أن شكل السهم الافتراضي سيبدو بدائيًا هنا ، لكن الشكل الدائري هو مسألة أخرى. إنه يلعب بشكل جيد مع كل التفاصيل ويشعر وكأنه في المنزل.

كوك ين ماك

جلسات برايم بارك

يتميز تصميم جلسات Prime Park بجماليات هندسية جميلة. الفيل متعدد الأضلاع المعقد ، والملاحة الرأسية الموجودة على الجانبين ، وطن من المساحة البيضاء. هنا ، النقطة السوداء الصغيرة لمؤشر تناسبها مثل القفازات ، وتفي بالموضوع بمهارة.

جلسات برايم بارك

كارتيسام

شكل الموجة المهيب يحدد نغمة كارتيسام. تتميز منطقة البطل برسوم متحركة تجريدية جميلة مشرقة ومتدفقة. هنا يكون مؤشر الماوس عبارة عن دائرة كبيرة نسبيًا بمستوى متوسط ​​من الشفافية. بفضل منحنياته الإلهية وسلوكه السلس ، فإنه يلفت الأنظار بشكل طبيعي وفي نفس الوقت يناسب تمامًا المحيط الأنيق.

كارتيسام

ام راي

محفظة Eum Ray لديها مستوى معين من الشخصية. الفنان حريص على إظهار عبقريته الداخلية. لذا ، فليس من المستغرب أن يكون كل شيء هنا مدروس جيدًا. حتى مؤشر الماوس يبرز من بين الحشود بأسلوبه المجوف وشكله الدائري.

ام راي

ملعب

يستخدم هذا الاتجاه أيضًا لتحديد الأولويات ، مع إضافة وزن بصري إلى التفاصيل المهمة. ألق نظرة على Playground.

يعمل الفريق خلف Playground على دائرتين. تستخدم الدائرة الصغيرة كمؤشر بينما تستخدم الدائرة الكبيرة كـ "تابع". يعملان معًا على جعل الحركات عبر الشاشة أكثر وضوحًا. وهذا ليس كل شيء: فالمؤشر له نوعان من السلوك. عندما يضرب المؤشر شريط التمرير أو زر همبرغر أو رابط - ينمو ، ملمحًا إلى أهمية هذه العناصر. عندما يغادر تلك المناطق ، فإنه يتقلص مرة أخرى إلى الحجم العادي ، مما يسمح للزوار باستكشاف الواجهة دون الكثير من المتاعب.

ملعب

تابيزيريا نوفيسينتو

يحتوي Tappezzeria Novecento على منطقة بطل مليئة بالمحتوى مع صورة كبيرة والكثير من المحتوى. من الطبيعي أن يقرر الفريق الذي يقف وراء التصميم جعل المؤشر أكثر بروزًا. يشبه إلى حد كبير حالة Playground ، فهو يحتوي على دائرتين: إحداهما هي المؤشر نفسها ، والأخرى هي ذيلها. كما أن لها لونًا مشابهًا ، مما يجعلها لمسة نهائية مثالية.

تابيزيريا نوفيسينتو

مالارد وكلاريت

يثبت مالارد وكلاريت أن مؤشر الماوس الدائري يمكن أن يجد مكانه ، حتى في أكثر أنواع مواقع الويب شيوعًا. في الواقع ، ستجد شكلين دائريين. الأول هو رابط إلى قسم التذييل ، ويصادف أيضًا أن يكون نوعًا من الشعارات. والآخر هو مؤشر الماوس. إنه صغير ونشط. إنه يجعل تجربة المستخدم على هذه المدونة مسلية أكثر من المعتاد.

مالارد وكلاريت

هدية من غوتشي

الاسم الكبير هنا ، ولكن للأسف ليس مثالًا جيدًا يحتذى به. يحتوي Gift by Gucci أيضًا على مؤشر ماوس دائري. إنه بالتأكيد يضيف سحره هنا ، والتفاعل مع القماش الديناميكي يبدو أكثر طبيعية. ومع ذلك ، فإن التباين الضعيف بين الخلفية والمقدمة يفسد تجربة المستخدم. بالكاد تكون الدائرة الذهبية محسوسة على خلفية وردية اللون. هذة حسرة.

هدية من غوتشي

أداة المكافأة: Cursomizer

إذا كنت مستعدًا للتخلي عن المؤشر العام على شكل سهم ، فلدينا مشروع مثير واحد يجب عليك التحقق منه. يطلق عليه Cursomizer. وهو يفعل ما يقول - يتيح لك تخصيص المؤشر. إنه ملعب صغير حيث يمكنك تعيين الحجم واللون وتأثير التمرير والنقر فوق تأثيرات المؤشر ، والاستمتاع بمظهره النهائي وسلوكه في معاينة حية. إنه مفيد جدا.

قذر

هناك شيء ما عن الدوائر

إنه لمن دواعي سروري دائمًا أن ترى الأشياء التافهة ، التي لا نعطيها في بعض الأحيان تقديرًا مناسبًا ، تحصل على ريح ثانية.

بالطبع ، لقد رأينا العديد من المؤشرات المخصصة. ومع ذلك ، هناك شيء ما إلهي في المؤشرات الدائرية. يبدو أنها تحلق وتتحرك برفق عبر الشاشة. جنبًا إلى جنب مع اتجاه صغير آخر ، يُعرف أيضًا باسم مسارات الماوس الدائرية ، فإنها تبدو أكثر تعقيدًا.