تصميم مسطح
التصميم المسطح هو لغة تصميم بسيطة أو أسلوب تصميم شائع الاستخدام في واجهات المستخدم الرسومية (مثل تطبيقات الويب وتطبيقات الهاتف المحمول )، وكذلك في المواد الرسومية مثل الملصقات والفنون والوثائق الإرشادية ومنتجات النشر.
التعريف والغرض
التصميم المسطح هو أسلوب لتصميم واجهات المستخدم يركز على الاستخدام البسيط للعناصر البسيطة والطباعة والألوان المسطحة. [ 1 ]
قد يُفضّل المصممون التصميم المسطّح لأنه يسمح بتصميم واجهات أكثر انسيابية وكفاءة. فهو يُسهّل نقل المعلومات بسرعة مع الحفاظ على مظهر جذاب وسهل الاستخدام. [ 2 ] [ 3 ] إضافةً إلى ذلك، يُسهّل تصميم واجهة تستجيب لتغييرات حجم المتصفح على مختلف الأجهزة. فمع الحد الأدنى من عناصر التصميم، يُمكن تحميل صفحات الويب بسرعة أكبر وتغيير حجمها بسهولة، مع الحفاظ على وضوحها على الشاشات عالية الدقة. [ 2 ] وكأسلوب تصميم، غالبًا ما يُقارن هذا الأسلوب بالتصميم المُحاكى [ 4 ] والتصميم الغني . [ 2 ]
تاريخ
يتأثر التصميم المسطح بشكل أساسي بالأسلوب الطباعي الدولي (المعروف أيضًا بالأسلوب السويسري )، وواجهات المستخدم النصية ، والحداثة ، والأساليب المنبثقة من مدرسة باوهاوس . [ 2 ] [ 5 ] [ 6 ] [ 7 ] يُعتبر الأسلوب الطباعي الدولي غالبًا المؤثر الأكبر على التصميم المسطح، ويُنظر إلى ظهوره وانتشاره خلال الخمسينيات والستينيات من القرن العشرين على أنه نقطة انطلاق هذا التصميم، على الرغم من أنه لم يظهر في العالم الرقمي إلا بعد فترة من الزمن. [ 8 ]
في عام 2002، أصدرت مايكروسوفت برنامج Windows Media Center ، وفي عام 2006، مشغل ملفات MP3 Zune ، وكلاهما احتوى على عناصر التصميم المسطح. تميز تصميم Zune بالبساطة والوضوح، مع التركيز على الأحرف الصغيرة الكبيرة ، والشعارات ذات الطابع الظلي، وألوان الخطوط أحادية اللون. [ 8 ] واصلت مايكروسوفت هذا النمط من التصميم مع إصدار Windows Phone 7 في عام 2010 ، والذي اعتمد على عناصر التصميم المسطح التي تم تقديمها مع Zune، والتي تم اعتمادها رسميًا باسم " لغة تصميم Metro ". هيمنت على التصميم أشكال كبيرة وواضحة مصحوبة بخطوط sans-serif من عائلة خطوط Segoe ، وصور مسطحة، وقائمة بنمط شبكي. تم اعتماد Metro لاحقًا في جميع برامج مايكروسوفت، بما في ذلك Windows 8 ، وهو نظام تشغيل لأجهزة الكمبيوتر الشخصية . [ 2 ]

بدأ نظام أندرويد في تبني اتجاهات التصميم المسطح مع إصدار 4.0 "آيس كريم ساندويتش" عام 2011؛ إذ رأى ماتياس دوارتي ، نائب رئيس قسم التصميم في جوجل ، أن نظام iOS من آبل كان شديد التشبه بالواقع ، وأن نظام ويندوز فون بدا وكأنه "لافتات دورات المياه في المطارات"، وأن كلا النظامين كانا موحدين بشكل صارم مع مرونة محدودة للمصممين. صُممت واجهة "هولو" الجديدة للنظام لتكون أبسط من إصدارات أندرويد السابقة، مع لمسات زرقاء نيون، وحواف حادة، وظلال لإضفاء عمق. [ 9 ] [ 10 ] [ 11 ] [ 12 ]
في عام ٢٠١٣، كشفت آبل النقاب عن نظام التشغيل iOS 7 ، الذي تحوّل إلى تصميم واجهة مستخدم مسطحة باستخدام ألوان أكثر سطوعًا، وخطوط مميزة، بالإضافة إلى طبقات شفافة ضبابية . [ ١٣ ] [ ١٤ ] [ ١٥ ] وفي العام التالي، قدّم نظام التشغيل OS X Yosemite واجهة مستخدم مستوحاة من iOS 7 لنظام التشغيل Mac OS X من آبل . [ ١٦ ] بدأت جوجل في تقديم لغة تصميم مسطحة خاصة بها تُعرف باسم " Material Design " لنظام أندرويد (بدءًا من أندرويد ٥.٠ "Lollipop" ) ومنصاتها الأخرى، وهي تعتمد على شكل صفحات تشبه بطاقات الفهرسة واستخدام الظلال لتعزيز العمق والتسلسل الهرمي، بالإضافة إلى الرسوم المتحركة والانتقالات السلسة. [ ١٧ ] [ ١٨ ] [ ١٩ ] [ ٢٠ ]
في عام 2017، كشفت مايكروسوفت النقاب عن نظام التصميم Fluent ، وهو واجهة مستخدم مسطحة جديدة. تختلف هذه الواجهة الجديدة عن سابقتها، Metro، من خلال استخدام العمق، [ 21 ] وردود فعل الواجهة ، وتأثير شفافية جديد أطلقت عليه مايكروسوفت اسم "Acrylic".
نقد
تعرض التصميم المسطح لانتقاداتٍ بسبب جعله واجهات المستخدم غير بديهية وأقل سهولة في الاستخدام. فبجعل جميع عناصر التصميم (القوائم، والأزرار، والروابط، إلخ) مسطحة، قد يصبح تمييز وظيفة كل عنصر أكثر صعوبة، على سبيل المثال، تحديد ما إذا كان العنصر زرًا أم مؤشرًا. [ 22 ] [ 23 ] وقد أظهرت الأبحاث أن التصميم المسطح أكثر شيوعًا بين الشباب منه بين كبار السن. كما أظهرت الأبحاث أيضًا أنه على الرغم من أن الشباب يبدون أسرع في استخدام التصاميم المسطحة، إلا أنهم يواجهون صعوبة في فهم واجهة المستخدم. [ 24 ] في عام 2013، وصف جاكوب نيلسن ، الخبير في تصميم واجهات المستخدم وسهولة الاستخدام، التصميم المسطح بأنه "تهديد لسهولة استخدام الأجهزة اللوحية". واقترح نيلسن بديلًا، وهو حل وسط بين التصميم الواقعي والتصميم المسطح. [ 25 ] وأجرى فريق نيلسن بحثًا في عام 2017 أظهر أن استخدام الواجهات التي تستخدم التصميم المسطح كان أبطأ بنسبة 22% في المتوسط. [ 26 ]
انظر أيضاً
مراجع
- ↑ كاري كوزينز (28 مايو 2013). "مبادئ التصميم المسطح" . designmodo.com .
- 1 2 3 4 5 تيرنر، آمبر لي (19 مارس 2014). "تاريخ التصميم المسطح: كيف حوّلت الكفاءة والبساطة العالم الرقمي إلى تصميم مسطح" . موقع The Next Web . تم الاطلاع عليه في 11 أبريل 2014 .
- ↑ كلوم، لوك (13 مايو 2013). "نظرة على التصميم المسطح وأهميته" . مجلة تجربة المستخدم . تم الاطلاع عليه في 11 أبريل 2014 .
- ↑ يائير غرينبيرغ (11 سبتمبر 2013). "iOS 7، ويندوز 8، والتصميم المسطح: دفاعًا عن التصميم المحاكي للواقع" . فينشر بيت . تم الاطلاع عليه في 13 أبريل 2014 .
- ↑ ديوغو تيرور (17 يوليو 2009). "دروس من التصميم الجرافيكي على الطريقة السويسرية" . سماشينغ . تم الاطلاع عليه في 28 مارس 2014 .
- ↑ "نبذة تاريخية عن التصميم المسطح" . تيك سامورايز . 31 يوليو 2013. مؤرشف من الأصل في 2 أكتوبر 2014. تم الاطلاع عليه في 3 نوفمبر 2014 .
- ↑ كزافييه بيرتيلز (5 مارس 2014). "تاريخ التصميم المسطح" . كزافييه بيرتيلز . تم الاطلاع عليه بتاريخ 23 ديسمبر 2014 .
- 1 2 تيمور أصغر (9 يوليو 2014). "التاريخ الحقيقي للتصميم المسطح" . تصميم مواقع الويب بالذكاء الاصطناعي . مؤرشف من الأصل في 13 سبتمبر 2014.
- ↑ "حصري: ماتياس دوارتي يتحدث عن فلسفة نظام أندرويد، ونظرة معمقة على نظام آيس كريم ساندويتش" . ذا فيرج . فوكس ميديا . مؤرشف من الأصل في 12 فبراير 2012. تم الاطلاع عليه في 28 نوفمبر 2011 .
- ↑ أماديو، رون (16 يونيو 2014). "تاريخ أندرويد: التكرارات اللانهائية لنظام تشغيل جوجل للأجهزة المحمولة" . آرس تكنيكا . كوندي ناست . تم الاطلاع عليه في 6 يوليو 2014 .
- ↑ "جوجل تشترط استخدام سمة 'Holo' الافتراضية في أجهزة أندرويد 4.0 للوصول إلى متجر تطبيقات أندرويد" . ذا فيرج . تم الاطلاع عليه بتاريخ 25 يوليو 2014 .
- ↑ «إصدار حزمة تطوير البرامج لنظام أندرويد 4.0 آيس كريم ساندويتش مع ميزات جديدة للمطورين» . ذا فيرج . تم الاطلاع عليه بتاريخ 25 يوليو 2014 .
- ↑ سيفرت، دان (10 يونيو 2013). "أبل تعلن عن نظام iOS 7، 'أكبر تغيير' منذ إطلاق آيفون، سيصدر هذا الخريف" . ذا فيرج . تم الاطلاع عليه في 6 أبريل 2020 .
- ↑ بافلوس، جون (10 يونيو 2013). "لماذا يُبسّط جوني آيف نظام iOS 7؟" . فاست كومباني . تم الاطلاع عليه في 6 أبريل 2020 .
- ↑ سوبوريس، آرون (11 يونيو 2013). "تتبع تأثيرات نظام iOS 7: أبل تعيد مزج كل شيء تقريبًا في الصناعة" . ذا فيرج . تم الاطلاع عليه في 6 أبريل 2020 .
- ↑ «كشف النقاب عن نظام التشغيل OS X Yosemite في مؤتمر WWDC، ويتميز بتحديث شامل لواجهة المستخدم» . Ars Technica . 2 يونيو 2014. مؤرشف من الأصل في 3 يونيو 2014. تم الاطلاع عليه في 3 يونيو 2014 .
- ↑ "واجهة المستخدم الجديدة من جوجل 'Material Design' قادمة إلى أندرويد، ونظام التشغيل Chrome OS، والويب" . Engadget . 25 يونيو 2014. تم الاطلاع عليه بتاريخ 26 يونيو 2014 .
- ↑ "جوجل تكشف تفاصيل حول نظام أندرويد L في مؤتمر جوجل I/O" . موقع أناند تك . مؤرشف من الأصل بتاريخ 28 يونيو 2014. تم الاطلاع عليه بتاريخ 26 يونيو 2014 .
- ↑ "نظام أندرويد الجديد والمُحسّن من جوجل سيُقدّم لغة تصميم موحدة" . Co.Design . 25 يونيو 2014. تم الاطلاع عليه بتاريخ 26 يونيو 2014 .
- ↑ «إعادة تصميم جوجل الكبيرة القادمة لنظام أندرويد ستصدر في الخريف» . ذا فيرج . فوكس ميديا. ٢٥ يونيو ٢٠١٤. تم الاطلاع عليه بتاريخ ٢٦ يونيو ٢٠١٤ .
- ↑ "مايكروسوفت تستعرض ميزة "طبقات العمق Z" ثلاثية الأبعاد في نظام تصميم Fluent الخاص بها" . ويندوز سنترال . تم الاطلاع عليه بتاريخ 22 ديسمبر 2017 .
- ↑ "كيف سيبرز تصميم واجهة المستخدم في عام 2022 مفهوم النيومورفيزم" . مدونة تصميم تجربة أفضل . 20 يناير 2022. تاريخ الاطلاع: 19 يوليو 2022 .
- ↑ "لماذا يؤثر اتجاه التصميم المسطح سلبًا على سهولة الاستخدام؟" . فانديلاي ديزاين . 7 أبريل 2015. تم الاطلاع عليه في 6 يوليو 2017 .
- ↑ "مشكلة التصميم المسطح، من وجهة نظر خبير في تجربة المستخدم" . Co.Design . 23 مارس 2016. تم الاطلاع عليه في 6 يوليو 2017 .
- ↑ "سهولة استخدام الأجهزة اللوحية: نتائج من أبحاث المستخدمين" . www.nngroup.com . تم الاطلاع عليه بتاريخ 6 يوليو 2017 .
- ↑ "عناصر واجهة المستخدم المسطحة تجذب انتباهًا أقل وتسبب عدم اليقين" . www.nngroup.com . تم الاطلاع عليه بتاريخ 8 مايو 2018 .
- لغات التصميم
- لغات تصميم واجهة المستخدم الرسومية
