الاتجاه الجديد في تصميم واجهة المستخدم: نظرة عامة على الحداثة

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

أصول تصميم Neumorphic

عندما أصدرت Apple جهاز Macintosh في عام 1984 ، كان أول كمبيوتر شخصي بواجهة مستخدم رسومية. في ذلك الوقت ، اعتقد ستيف جوبز ، الشريك المؤسس لشركة Apple ، أن الرموز والرموز المألوفة ، مثل سلة المهملات أو المجلد ، ستساعد مستخدمي الكمبيوتر لأول مرة على فهم كيفية التنقل في واجهة Macintosh بشكل أفضل. غادر جوبز شركة Apple في عام 1985 ، ولكن عند عودته في عام 1997 ، وجه جمالية واجهة المستخدم الخاصة بالشركة نحو skeuomorphism ، وهو أسلوب تعكس فيه مكونات الواجهة نظيراتها في العالم الحقيقي وصولاً إلى آخر التفاصيل. بحلول الوقت الذي تم فيه إطلاق نظام التشغيل Mac OS X في عام 2001 ، كانت شركة Apple قد طورت نظامًا متطورًا متطورًا يسمى Aqua ، وهي لغة تصميم ذات طابع مائي مع أيقونات وأزرار وقوائم منسدلة متلألئة.

مع طرح iPhone في عام 2007 ، نمت العلامة التجارية لشركة Apple من Skeuomorphism أكثر واقعية. بحلول أوائل عام 2010 ، كان تصميم skeuomorphic هو الخيار الفعلي للواجهات الرقمية. ولكن عندما أصبح العالم أكثر اعتمادًا على الأجهزة المحمولة ، أصبحت حدود التشكل المتشابك واضحة: إنشاء مكونات تصميم متشابهة يتطلب وقتًا طويلاً ويتطلب درجة عالية من القدرة التقنية. وبينما تبدو مكونات الشكل الهيكلي رائعة على أجهزة الكمبيوتر المكتبية والشاشات الرئيسية ، تميل تفاصيلها الدقيقة إلى الاختفاء عند تغيير حجمها إلى أحجام صغيرة.

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

لبضع سنوات ، كانت skeuomorphism لعنة للمصممين ، ولكن من رمادها ، برز اتجاه جديد إلى الصدارة. في أواخر عام 2019 ، ظهرت neumorphism (اختصار لـ "skeuomorphism الجديد") ويبدو أنها تقدم أفضل ما سبقها. لتحقيق التوازن بين الواقعية المفرطة والبساطة ، تستخدم neumorphism الألوان والقوام والظلال بطريقة تبدو حقيقية للحياة دون الإفراط في التفاصيل.

Neumorphism 101

يتميز التصميم الحديث بثلاث خصائص مشتركة: أنظمة الألوان أحادية اللون ، والتباين المنخفض ، والظلال الدقيقة. يستطيع مصممو واجهة المستخدم تطبيق هذه السمات على مجموعة واسعة من مكونات التصميم التي تُظهر جمالية الشكل الناعمة. لنلقِ نظرة على تطبيق الآلة الحاسبة لنرى كيف يعمل التصميم الحديث:

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

يستمد تصميم Neumorphic من كلٍ من التصميم المسطح والتصميم المسطح من خلال إقران لوحة ألوان أحادية اللون مع الظلال الدقيقة التي تجعل أزرار الآلة الحاسبة تبدو ملموسة. يمنح التباين المنخفض بين المقدمة والخلفية الآلة الحاسبة لمسة نهائية ناعمة ، والتأثير الكلي هو الواقعية المبسطة.

أمثلة على تصميم Neumorphic

الآن بعد أن أصبحت على دراية بسماتها الفريدة ، ستلاحظ وجود شكل جديد في كل مكان. في الواقع ، قام مصممو واجهة المستخدم في صناعات متنوعة مثل السيارات والترفيه والرعاية الصحية والتمويل بإعادة تخيل مكونات الواجهة بمظهر التوقيع الجديد:

إيجابيات وسلبيات تصميم Neumorphic

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

الايجابيات

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

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

سلبيات

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

تصميم Neumorphic خالٍ من الزمان

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