تطبيقات جميلة لتصميم المواد في تطبيقات الجوال

يبحث العديد من الأشخاص هذه الأيام عن تطبيقات جميلة للتصميم متعدد الأبعاد في تطبيقات الأجهزة المحمولة للحصول على الإلهام.

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

ولكن قبل ذلك ، دعونا نفهم ماهية التصميم متعدد الأبعاد ولماذا أصبح لغة التصميم الأكثر شهرة ونجاحًا.

ما هو التصميم متعدد الأبعاد؟

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

اعتبارًا من عام 2015 ، طبقت معظم تطبيقات الهاتف المحمول من Google لنظام Android لغة التصميم الجديدة ، بما في ذلك Gmail و YouTube و Google Drive و Google Docs و Sheets and Slides و Google Maps و Inbox.

جميع التطبيقات التي تحمل علامة Google Play التجارية ، وإلى حد أقل متصفح Chrome و Google Keep. أدرجتها أيضًا واجهات الويب لسطح المكتب في Google Drive و Docs و Sheets و Slides و Inbox.

يُطلق على التطبيق الأساسي لتصميم المواد لواجهات مستخدم تطبيقات الويب اسم Polymer.

وهي تتألف من مكتبة Polymer ، وهي عبارة عن رقاقة توفر واجهة برمجة تطبيقات Web Components للمتصفحات التي لا تطبق المعيار المحلي ، وكتالوج العناصر ، بما في ذلك "مجموعة عناصر الورق" التي تتميز بالعناصر المرئية لتصميم المواد.

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

مبادئ التصميم متعدد الأبعاد

مستوحاة من الإشارات المرئية

تستخدم Google مصطلح "الواقع اللمسي" لوصف فلسفة التصميم الخاصة بهم ، لأن الأسطح والحواف داخل تصميم المواد مستوحاة من دراسات واقعية عن الورق والحبر.

يساعد ذلك المستخدمين على فهم الواجهة الرقمية بصريًا على شاشتهم دون أي صعوبة. يجعل التصميم المتجذر في الواقع الأشياء التي تظهر على الشاشة قابلة للتعرّف عليها ويسهل التفاعل معها.

جماليات جريئة

خيارات الألوان في تصميم المواد جريئة ومدروسة. تعمل مخططات الألوان الجذابة مع تقنيات التصميم الأساسية القائمة على الطباعة لغمر المستخدم في التجربة.

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

المنشورات ذات الصلة: الأخطاء الأكثر شيوعًا في تصميم تطبيقات الجوال

صنع المعنى من خلال الحركة

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

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

لا يُنشئ التصميم متعدد الأبعاد نظامًا فحسب ، بل يُنشئ نظامًا مع الغرض والمعنى. إنه تعبير حسي عن علامة Google التجارية.

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

خصوصية الذهول في تصميم المواد هي استجابة لحقيقتين:

• إذا كان من الممكن للمطور إتلاف واجهة المستخدم ، فسيفعلون ذلك.
• البديل عن التصميم الجيد ليس عدم وجود تصميم ، إنه تصميم سيء.

الآن ، إليك بعض من أجمل تطبيقات التصميم متعدد الأبعاد في تطبيقات الأجهزة المحمولة.

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

تقويم جوجل

بالنسبة للمبتدئين ، تخلص تطبيق Google أخيرًا من تصميم skeuomorphic التقليدي الذي تستخدمه معظم تطبيقات التقويم الذي يحاكي تخطيط المخطط المادي.

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

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

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

إيفرنوت

غالبًا ما يتم الإشادة بـ Evernote لمواجهته في تصميم المواد وهو مثال جذاب على التطبيقات الجميلة للتصميم متعدد الأبعاد في تطبيقات الأجهزة المحمولة

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

تتميز أيقونة Elephant بالبساطة والأناقة ، بينما تم تصميم مواقع الويب وتطبيقات iOS و Windows 10 وتصميمها بعناية.

مايكروسوفت هيلث

يعد Microsoft Health في الواقع أحد أفضل الأمثلة على متجر Play.

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

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

رائع: حفزني

يعتقد الكثير من الناس أن Fabulous: Motivate Me هو تطبيق التصميم متعدد الأبعاد الأكثر دقة وعمقًا في تطبيقات الأجهزة المحمولة.

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

لن تكتمل القائمة بدون تطبيق Facebook Live للهاتف المحمول.

التطبيق هو مثال بسيط للغاية ولكنه فعال للتصميم متعدد الأبعاد. يستخدم التظليل بطريقة لا تُرى عادةً ؛ باستخدام الظلال الخفيفة بدلاً من الظلام لتوفير العمق.

إنه يستخدم بشكل مثير للاهتمام الأيقونات والرسوم المتحركة وتصميم التفاعل - الجوانب الرئيسية للمادة.