تصميم مسطح أم تصميم متعدد الأبعاد - أيهما تفضل؟

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

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

تصميم شقة

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

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

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

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

{اقرأ أيضًا المقالة التفصيلية حول مقارنة تصميم تطبيقات Android مقابل iOS }

تصميم المواد

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

إذا سألتنا ، فلن يكون من الخطأ القول إن التصميم متعدد الأبعاد هو نسخة محسّنة من التصميم المسطح مع التركيز الأساسي على التفاصيل الصغيرة من حيث الظلال والطبقات والرسوم المتحركة.

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

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

عوامل للاختيار بين التصميم المسطح والمادي

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

• عمق

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

• الرسوم المتحركة والظل والنمط

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

من ناحية أخرى ، تعتقد شركة Apple أن الرسوم المتحركة يجب أن تكون من النوع الذي يقود المستخدمين إلى الوجهة الصحيحة دون تشتيت انتباههم.

"تميل Google إلى الاعتماد على الجانب البشري بينما تنجذب Apple إلى الاعتماد على البحث غير العضوي."

• وضوح

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

• التنقل

لدى Google بعض قواعد التنقل التي يمكن وفقًا لها استخدام مجموعة واسعة من أزرار الإجراءات والمكونات للتنقل. على الجانب الآخر ، تستخدم Apple نظام تنقل مختلفًا يسهل فهم استخدامه. وفقًا لمعايير Apple ، إذا كان لديك تطبيق جوال به أقل من 5 وظائف ، فعليك التفكير في ميزات التطبيق.

مدونة ذات صلة: - أهمية تصميم واجهة المستخدم / UX أثناء تطوير تطبيقات الهاتف المحمول

تغليف

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

ماذا تقول؟ أيهما أفضل؟ إن أحببت اترك تعليقاتك في الأسفل!