إذا كنت قد واجهت موقعًا مميزًا بعناصر جريئة وألوان زاهية وخطوط ضخمة ورسومات ضخمة، فقد تعرضت لتصميم نيو بروتاليزم. في تجربتي، يثير نيو بروتاليزم شعورًا بالحنين والعبثية التي لا يمكن أن يقدمها أي نمط تصميم آخر – عندما يتم تنفيذه بشكل جيد، على الأقل. ومع ذلك، بسبب فرادة واجهة المستخدم النيو بروتاليزم، يمكن أن يكون من الصعب تحقيقه بشكل صحيح.
ما هو نيو بروتاليزم؟
هل سمعت عن حركة العمارة النيو بروتاليزم؟ إذا كان الأمر كذلك، فأنت بالفعل ملم باتجاه التصميم الناشئ هذا سواء كنت تعرف ذلك أم لا. ببساطة، نيو بروتاليزم هو اتجاه شائع في تصميم الويب يستخدم التباين الحاد وعناصر التصميم غير المصقولة وعدم التماثل والخطوط البارزة والألوان الزاهية. على غرار حركة العمارة النيو بروتاليزم، يعطي هذا الاتجاه أولوية للأشكال الهندسية والوظيفة.
ما يميز تصميم النيو بروتاليزم؟
فما هو شكل تصميم النيو بروتاليزم عمليًا؟ لقد جمعت بعض العناصر الرئيسية التي يمكنك توقعها في موقع ويب نيو بروتاليزم. بالإضافة إلى ذلك، قدمت بعض الصور لتوفير سياق مفيد – لأنه، دعونا نكون صادقين، قد يكون من الصعب تصور شكل تصميم واجهة المستخدم النيو بروتاليزم بدون مثال.
استخدام الألوان الزاهية
لا يتميز تصميم النيو بروتاليزم دائمًا بالكثير من الألوان، ولكن اللون الذي يستخدمه له تأثير قوي. هذا ليس ليقول أن موقع ويب بروتاليزم لا يمكن أن يحتوي على الكثير من الألوان – فقط تحقق من هذا المثال من Curry Cafe كدليل على ذلك. ومع ذلك، يمكنك أيضًا استخدام لوحة ألوان أكثر حداثة وتجربة لون واحد أو اثنين، كما يفعل Gumroad. هذه فكرة رائعة إذا كان لديك الكثير من عناصر التصميم ولا ترغب في إرهاق المستخدمين الخاصة بك.
الأولوية للخطوط
في تصميم النيو بروتاليزم، الخط هو عنصر التصميم الخاص به. بالفعل تعرف كيف يمكن أن يكون الخط ذو تأثير كبير في المساهمة في العلامة التجارية العامة لموقعك، ولكن النيو بروتاليزم يأخذ ذلك إلى مستوى آخر. يستخدم تصميم النيو بروتاليزم خطوط عرض مبهرة وتجريبية. تذكر: عند بناء موقع الويب الخاص بك، القراءة هي الأهم. إذا كان الخط يبدو رائعًا ولكنه غير قابل للقراءة، فتجاهله وابحث عن خط يجمع بين الجمال والقراءة.
استخدام الظلال
استخدام الظلال هو سمة تميزية أخرى لمواقع الويب النيو بروتاليزم. (نقاط إضافية إذا تم إقران الظلال بأشكال فريدة، مثل هذا المثال من Kristi Digital.)
أشكال جذابة للعين
إذا كنت تقوم ببناء موقع ويب مع تصميم واجهة المستخدم النيو بروتاليزم في الاعتبار، فاستخدم أشكالًا جذابة للعين. تذكر: مواقع الويب النيو بروتاليزم لا تخاف من التجريب أو العبث. يقوم هذا المثال، All I Font for Christmas، بعمل رائع في تذكيري بذلك.
عدم التماثل أو تخطيط الصفحة غير المتسق
عند بناء موقع بمبادئ تصميم النيو بروتاليزم في الاعتبار، توقع رؤية الكثير من عدم التماثل. لا يهتم التصميم النيو بروتاليزم بجعل كل شيء يبدو متماثلًا تمامًا – أو متماثلًا على الإطلاق، في الواقع. بدلاً من ذلك، يعطي الأولوية للتفرد. وفي الكثير من الحالات، يظهر ذلك على شكل عدم التماثل. تحقق من موقع Studio Job، على سبيل المثال. إن الصفحة الرئيسية مختلفة تمامًا عن صفحة “حول”.
لماذا نيو بروتاليزم شائع جدًا الآن؟
بغض النظر عما تعتقده عن النيو بروتاليزم، يجب أن تعترف: إنه شائع جدًا الآن. ولكن لماذا؟ يعتقد آرون هاتلي، باحث تجربة مستخدم كبير في HubSpot، أن انتشار تصميم واجهة المستخدم النيو بروتاليزم قد حدث لعدة أسباب.
“أعتقد أن النيو بروتاليزم اكتسب شعبية كنمط ويب جزئيًا لنفس السبب الذي اكتسب به النمط المعماري (المعروف أيضًا بـ \”البروتاليزم الجديد\” في الخمسينيات) شهرة بين المهندسين المعماريين قبل 70 عامًا”، يقول. “البروتاليزم في البروتاليزم غالبًا ما يساء فهمه على أنه يعني قسوة أو عنف، ولكنه في الواقع أقرب إلى الخامة والجفاف والغير مصقول. إنه رفض للزخرفة من أجل الزخرفة، وكل شيء يتعلق باستخدام المواد بصدق وبشكل مباشر في أشكال هندسية فعالة”.
يضيف هاتلي: “لا يوجد سبب محدد لماذا يجب أن يبدو زر واجهة المستخدم مصنوعًا من السيراميك أو يجب أن يبدو الخط كالخط الخطي – هذا موقع ويب. الحجة هي أنه يجب أن يبدو كموقع ويب. تصميم النيو بروتاليزم هو نمط رقمي فخور وواضح تمامًا. يمكنك أن تتخيل المصمم العامل في نمط نيو بروتاليزم باستخدام البكسلات بنفس الطريقة التي استخدم بها مهندسو مبنى بلدية بوسطن الخرسانة. وعلى الرغم من أنه غالبًا ما يُشار إلى أنه نمط \”جيل زد\”، إلا أن تصميم الويب النيو بروتاليزم له أيضًا فائدة كبيرة للأشخاص الذين كانوا حوله في أيام تصميم الويب الخام الذي تم إنشاؤه بواسطة المستخدمين في أماكن مثل Geocities”.
تضيف ليندسي دربي، قائدة المنتج في HubSpot، أنها تعتقد أن الانتشار الذي حققه النيو بروتاليزم يمكن أن يعزى إلى اتجاه ظهر في العقد 2010. “تتأرجح اتجاهات التصميم ذهابًا وإيابًا مع مرور الوقت، وأعتقد أن جزءًا من ارتفاع شعبية هذا النمط يعود إلى رد فعل على الاتجاه الذي شهدناه طوال العقد 2010 من الصور البارالاكس الصاخبة والألوان الجريئة والحركة في تصميم المواقع. يعتبر الرد، مثل الحد الأدنى في الرد على الطباعات الصاخبة في تصميم الديكور الداخلي، أنماطًا مثل النيو بروتاليزم. إنه فريد و، في الوقت الحالي، يعطي انطباعًا نظيفًا وحديثًا”.
نيو بروتاليزم وتأثيره على تجربة المستخدم
بينما يمكن أن يكون النيو بروتاليزم مثيرًا حقًا للعينين، هناك بعض العقبات الحقيقية التي يجب أن تنظر فيها قبل إعادة تصميم موقعك لتنفيذ هذا الاتجاه التصميم.
وفقًا لدربي، قد يكون من الصعب تطوير تصميم واجهة المستخدم النيو بروتاليزم الذي يلتزم بمعايير الوصولية وأفضل الممارسات. تقول: “الألوان الفاتحة واستخدام الدقة في الظلال والتدرجات يمكن أن يكون كابوسًا للتصميم القابل للوصول، خاصة عندما تحاول تصميم لأولئك الذين يعانون من الرؤية المنخفضة. كما أنه من الصعب ترجمته في تجربة متنقلة حيث تكون الإيماءات اللمسية هي الأهم. يجعل النمط من الصعب تحديد عناصر واجهة المستخدم والإشارة إلى الاختلافات.”
هاتلي لديه تحذير مماثل: أن النيو بروتاليزم، في أسوأ حالاته، يمكن أن يكون غير قابل للوصول وغير متاح. “يمكن أن يعاني تصميم الويب النيو بروتاليزم من نفس الانتقاد الرئيسي الموجه إلى العمارة البروتاليزم: أنه غير قابل للوصول”، يقول. “عندما نرفض أنماط التخطيط والتنقل المعتادة والمعترف بها، نضع مزيدًا من العبء الإدراكي على الأشخاص الذين يستخدمون الموقع ونجعله أكثر صعوبة بالنسبة لهم لإكمال المهام… خاصة المهام المعقدة والمتعددة الأجزاء التي ستستفيد من أنماط معترف بها نحن نتخلص منها من أجل الخامة الرقمية الخام”.
يمكن أن يؤثر ذلك في نهاية المطاف سلبًا على تجربة المستخدم لموقعك. بالإضافة إلى ذلك، يشدد هاتلي على مخاوف الوصولية التي ذكرتها دربي. “يمكن أن يخلق تفكيك الترتيب البصري والتسلسل والتباين بعض التحديات الجدية في الوصول. أعتقد أن تصميم الويب البروتاليزم أحيانًا يفقد البصر على واحدة من المبادئ الأساسية للبروتاليزم، وهو النمط المعماري: لا يجب أن يحاول أن يكون \”جميلًا\” بالطريقة التقليدية، ولكن يجب أن يكون مفيدًا وقابل للإستخدام بالتأكيد”.
متى يجب استخدام تصميم النيو بروتاليزم في تصميم المواقع؟
كل هذا يثير السؤال: متى يجب أن تدمج تصميم واجهة المستخدم النيو بروتاليزم في موقعك؟ كما يمكن أن تروى، النيو بروتاليزم مثير للجدل، ويعتمد على الوقت (مما يعني أنه عرضة للخروج من الأزياء)، وصاخب. عند اتخاذ قرار بشأن ما إذا كنت يجب أن تنشئ موقع ويب نيو بروتاليزم، انظر كيف سيتوافق ذلك مع بقية العلامة التجارية الخاصة بك. هل تعتبر شركتك جريئة وغير متأسفة؟ إذا كان الأمر كذلك، فقد يكون النيو بروتاليزم مناسبًا. ومع ذلك، قبل أن تقوم بتحويل الموقع بالكامل، تحذر دربي من أنه يجب أن يتم انخفاض الاتجاه بنفس السرعة التي ظهر بها. “مثل أي اتجاه يميل إلى الانحياز إلى جانب واحد، نرى رد فعل سريع وانخفاض في الاستخدام. نقص اللون والاستخدام الكثيف للعناصر ثلاثية الأبعاد في مساحة ثنائية الأبعاد ليس بالضرورة مستديمًا (على الرغم من أن القليل من الاتجاهات هي كذلك) وتوقعي الشخصي هو أن هذا سيتراجع عن الصالح بسرعة مثلما ظهر. ومع ذلك، مثل الشعبية السابقة للصور الكبيرة لللافتات والرسوم المتحركة، سنرى ظهوره في كل مكان لفترة قصيرة أولاً”.
شيء آخر يجب أن تضعه في اعتبارك؟ كيف سيترجم ذلك على الأجهزة المحمولة. تذكر، الاتساق هو العنصر الأساسي في العلامة التجارية، لذا إذا لم تكن مستعدًا للتزام النيو بروتاليزم على جميع نقاط الاتصال الرقمية، فقد تكون أفضل حظًا بتجاهله. “بالنسبة لتصميم المنتج، الدقة هي كل شيء”، تقول دربي. “لست متأكدًا مما إذا كنت قد رأيت نظام تصميم مرن بالكامل تم تطويره بهذا النمط يمكن أن يكبر لمنتج متكيف كبير وشاشات وتطبيقات مختلفة. ومع ذلك، فإنه شيء ممتع للتجربة به في تصميم الويب، خاصة عندما يكمل العلامة التجارية.”
تصميم واجهة المستخدم النيو بروتاليزم: نمط عصري (وليس خالد)
في النهاية، من المسؤول عن قرار كيف يتناسب النيو بروتاليزم مع العلامة التجارية الخاصة بك ومدى استعدادك لإعادة تصميم موقعك لمطابقة هذا النمط التصميم. إذا كان لديك لا يزال لديك تحفظات أو غير متأكد من ذلك، يمكنك دائمًا إجراء اختبار A/B (على الرغم من أنه سيستغرق الكثير من الجهد لإنشاء موقع بهذا النمط لأغراض الاختبار). ومع ذلك، إذا كنت تبحث عن نمط تصميم ممتع ومثير للجدل، فقد يكون النيو بروتاليزم هو ما كنت تنتظره.
Source: https://blog.hubspot.com/website/neo-brutalism
اترك تعليقاً