تنبيه: الاختلافات في التفاصيل.
بالنسبة للعين غير المدربة ، تبدو التصاميم المسطحة وتصميمات المواد متشابهة جدًا. من فضلك لا تنزعج عندما أقول أنه مهما شجعت أسلوبًا ما على حساب الآخر ، يجب أن تتفق معي في أن الاختلافات بينهما طفيفة جدًا. أو يجب أن أقول: طفيف ، لكن مهم.
لكن لنبدأ من البداية ونلقي نظرة على الحقائق حول كلا النوعين من التصميمات. بالنسبة للتصميم المسطح ، فقد غطينا مبادئه الرئيسية وتاريخه (حتى أننا جلبنا 10 مصممين رائعين لمشاركة آرائهم حول التصميم المسطح في ساحة تصميم الويب). لتذكيرك ، التصميمات المسطحة هي نوع من التصميم تم تجريده من جميع العناصر ثلاثية الأبعاد. يزيل أي أشكال تحاول تقليد العالم الحقيقي من هذه العناصر. كل ما هو جزء من تصميم مسطح يبدو كما لو كان مستلقيًا على سطح مستوٍ واحد. ومن هنا الاسم.
الآن ، دعنا نقارن هذا مع التصاميم المادية. أولاً ، التصميمات المادية هي (بطريقة ما) منتج ذو علامة تجارية. ما أعنيه بهذا هو أنه تم تشكيله بواسطة Google ، ويتم وضع جميع المعايير بواسطة Google ، ويتم التحكم في جميع التغييرات التي تطرأ على المفهوم أو قبولها بواسطة Google. على الرغم من ذلك ، لا يزال بإمكانك عمل تصميمات مادية دون الحاجة إلى الرجوع إلى Google بأي شكل من الأشكال. إلى حد ما ، يمكنك اعتبار تصميمات المواد كنقطة التقاء لتصميمات الويب ، حيث إنه تصميم مسطح في برنامج القوة والتكييف الخاص بك. اعذرني على هذا القياس. وفقًا لهذا القول ، ما سبق هو مجرد نظرة عامة على ماهية التصاميم المسطحة والمواد ، لذلك دعونا نتعمق قليلاً الآن ونحاول تحديد بعض الاختلافات والمبادئ الطفيفة التي يجب عليك الالتزام بها عند تصميم التصميمات المسطحة أو المادية ، اعتمادًا على وضعك. لكنني لن أكون الوحيد الذي يناقش هذا الموضوع ، لقد دعوت بعض خبراء تصميم الويب لمساعدتي ، وهنا السؤال الذي طرحته عليهم:
هذا ما سنفعله. أولاً ، دعونا نلقي نظرة على التلفيقات التي ذكرها الخبراء ، ثم دعونا نتحدث عن بعضها بمزيد من التفصيل. أخيرًا ، قمنا بتجميعها معًا للتوصل إلى قائمة بمزايا وعيوب كل نمط تصميم.
في الماضي ، قدمت Google مقدمة إلى التصميم المادي ، وهي وثيقة متعمقة للغاية تناقش مبادئ وأهداف وتعليمات التصميم المادي. هذا المستند مستمر في تلقي التحديثات. حتى تتمكن من مشاهدته في أي وقت للتعرف على خصائص وطبيعة الحركة بأكملها.
لماذا قدمت Google تصميمات مادية؟ يمكن أن تكون الأهداف كثيرة ، ولكن أحدها هو توحيد الطريقة التي تظهر بها الأشياء على أجهزة Android المختلفة (التي تستخدم أجهزة وأجهزة عرض مختلفة). يعد جعل التطبيق يبدو متشابهًا على أجهزة متعددة مهمة صعبة للمطورين ، وتعمل التصميمات المادية بشكل جيد كمجموعة من الإرشادات لتسهيل هذه المهمة. لذلك ، فإن الاختلاف بين التصميمات المسطحة والمادية هو أن التصاميم المادية هي مفهوم محدد جيدًا ، في حين أن التصميمات المسطحة هي النتيجة التجريبية لعدد من أعمال التصميم المستمرة في اتجاه البساطة المطلقة.
بالإضافة إلى ذلك ، قبل ظهور التصميمات المسطحة – أو بالأحرى ، تطورت إلى شكلها الحالي – كان محاكاة الواقع اتجاهًا شائعًا في تصميم الويب. لكن الواقعية (المبالغ فيها) بدت أكثر من اللازم بالنسبة للشركات الحديثة ، لا سيما عند أخذ قابلية الاستخدام على الهاتف المحمول وعلى مجموعة متنوعة من الأجهزة في الاعتبار.
مع التصميمات المسطحة ، لم يعد على المصممين القلق بشأن جعل مشاريعهم تبدو واقعية. بدلاً من ذلك ، يمكنهم التركيز على الفعالية والأداء.
على الرغم من فعاليتها ، إلا أن مشكلة التصميمات المسطحة تكمن في أنها ليست أكثر أنواع التصميمات بديهية ، خاصة عندما يتعلق الأمر بالمستخدمين الذين ليسوا على دراية بواجهات الويب. بالنسبة لهؤلاء الأشخاص ، تجعل خيارات التصميم والواجهات التفاعل أكثر صعوبة ، خاصةً عندما يكونون قريبين جدًا من مظهر عدم الوجود.
تقول Google إن “المادية” هي استعارة. أحد المبادئ الرئيسية للتصميم المسطح هو تقليد الطريقة التي تعمل بها الأشياء في العالم الحقيقي ، ولكن القيام بذلك بطريقة بسيطة للغاية. بعبارة أخرى ، لقد فعل ذلك بطريقة استخدمت الواقعية كأداة لمجرد جعل أدمغتنا معتادة على كيفية عمل الواجهة ، ولكن في نفس الوقت لا تجعلها تبدو حقيقية للغاية بالنسبة لذلك لدرجة انتحال صفة الكائن الحقيقي. النظير.
على سبيل المثال ، لا يزال الزر الذي يبدو كهذا يظهر كزر:
زر ماورو ماريني على Behance.
ليس عليه أن يذهب بعيدًا في تقليد الواقع. انظر الى هذا:
تنظيف فوتوشوب زر الطاقة المصمم بواسطة Pixel Moustache على Behance
مع وضع كل ما سبق في الاعتبار ، دعنا نذكر بعض مزايا وعيوب التصميمات المسطحة:
الآن مع إيجابيات وسلبيات التصاميم المادية.
السؤال الذي يبقى هو ما إذا كان أحد الأساليب خيارًا أفضل من الآخر … لذا ، هل يجب عليك استخدام أحد هذين النوعين من التصميمات وتجاهل الآخر؟
الجواب الواضح هو لا. كلاهما لهما مكان يعتمد على الغرض من ما تقوم ببنائه.
لتبسيط الأمر برمته ، يمكننا أن نقول إن تصميم العالم الواقعي التقليدي المحاكي هو تقليد للطريقة التي كانت عليها الأشياء ، وهو انطباع واقعي عن عناصر العالم الحقيقي من أجل جعل واجهات التصميم تبدو مألوفة. التصميمات المسطحة هي بيئة مبسطة تعتمد بشكل كبير على معرفة المستخدم بواجهات التصميم بشكل عام ، وتتخلص من كل ما لا يخدم غرضًا وظيفيًا. أما بالنسبة للتصاميم المادية ، فيحاول التزاوج من بعض أفكار التصميمات التقليدية مع التصميمات المسطحة ، وهذا يهدف إلى توفير واجهة محسنة للعالم الرقمي تذكرنا في نفس الوقت بالعالم الحقيقي بما يكفي لجعل الواجهة بديهية.
ما رأيك؟ هل تحب أحد هذين الاتجاهين على حساب الآخر؟ لا تتردد في مشاركة رأيك معنا في التعليقات.
ترجمة – مع بعض الإجراءات – للمقالة: • التصميم المسطح مقابل التصميم متعدد الأبعاد: ما الذي يميزهما