25 نموذجًا لتصميم المواد ستحبها
نشرت: 2018-07-10تصميم المواد هي لغة بصرية تجمع بين المبادئ الأساسية للتصميم الجيد وتجمعها مع ابتكار العلوم والتكنولوجيا الحديثة.
فيما يلي بعض أمثلة التصميم متعدد الأبعاد التي أحببناها. كل واحد من هؤلاء يتبع اتجاهات ومبادئ التصميم متعدد الأبعاد وله شيء فريد لتعليمك إياه.
إذا كنت من محبي نظافة واجهات مستخدم تصميم المواد ، فستحب هذه القائمة. لقد جمعنا هنا مفاهيم لكل من التطبيقات والمواقع الإلكترونية ، باستخدام لوحات ألوان وهياكل وتخطيطات مختلفة. يتمتع!
هل تريد المزيد؟ تحقق من موارد التصميم متعدد الأبعاد هذه وأدوات ألوان التصميم متعدد الأبعاد وخلفيات تصميم المواد المجانية.
لوحة القيادة CryptoAim
CryptoAim هو مشروع تصميم مادي رائع لتطبيق يتيح لك التحقق من اتجاهات البحث للعديد من العملات المشفرة المختلفة. يحتوي على واجهة مستخدم مظلمة بتفاصيل حديثة ونظيفة.
وكالة
إليك موقع ويب نموذجي يعتمد على اتجاهات التصميم متعدد الأبعاد. يجمع بنجاح بين ألوان النيون النابضة بالحياة بطريقة مبتكرة. من كان يظن أن الأصفر والأزرق والبنفسجي يسيران معًا بشكل جيد في نفس لوحة الألوان؟!
مفهوم القائمة العمودية
تحقق من مفهوم القائمة الرأسية هذا الذي يتبع اتجاهات التصميم متعدد الأبعاد. عند الاقتراب من حافة الشاشة ، يتم إعادة تنظيم هذه القائمة البسيطة عموديًا لجعل جميع عناصر القائمة مرئية تمامًا.
أداة استراتيجية المحتوى
هذا هو تصميم أداة استراتيجية المحتوى. يحتوي على واجهة مستخدم ملونة نابضة بالحياة مع عناصر بسيطة ومفصلة بعناية. يحتوي على مؤشر للتقدم والنشاط يمثل مؤشرًا مرئيًا للخطوات التي يجب على المستخدم اتخاذها من أجل استخدام التطبيق.
ريسبتيفا - جوال
هذا نظام رائع تم إنشاؤه لشركة Tec Mobile. والغرض منه هو توفير تجربة إدارة حدث نظيفة ، مما يجعلها سهلة وسريعة ، لكل من منظم الحدث والموظفين الذين يعملون هناك. يتبع التصميم اتجاهات المواد ويتضمن نظام ويب إداريًا وتطبيقات للأجهزة اللوحية والهواتف المحمولة.
التطبيق CasualTrack
هذا هو تصميم تطبيق Android يسمى CasualTrack. تتضمن هذه البنية شريط تطبيقات دائم في الأعلى وزر إجراء عائم في أسفل الموقع الأيمن.
محرر على الإنترنت
إليك تصميم محرر رائع عبر الإنترنت تم إنشاؤه بمساعدة مبادئ التصميم متعدد الأبعاد. يتضمن مربعات حوار لإعلام المستخدمين بمهام محددة.
سنس نقد
هذا هو مفهوم إعادة تصميم Sens Critique ، وهو تطبيق ثقافي فرنسي يمكنك استخدامه لاكتشاف الأفلام والمسلسلات والموسيقى والكتب والمزيد وتقييمها والتعليق عليها. يحتوي على قوائم شبكية - وهي بديل لطرق عرض القائمة القياسية ، والتي تعمل على تحسين الفهم المرئي للمحتوى الذي تقدمه.
Mobile SDK - التذاكر والدردشة والمقالات على Android
فيما يلي بعض الأمثلة على شاشات Zendesk Mobile SDK على Android. يحتوي على زر إجراء عائم يمثل الإجراء الأساسي في التطبيق. وهي على شكل دائرة ، مع وجود أيقونة في المنتصف ، تطفو فوق واجهة المستخدم في الركن الأيمن السفلي من الشاشة.
الاتجاه - تحدي UI اليومي 069
إليك تصميم تطبيق صور الأسهم الذي يعرض الصورة الشائعة في الأعلى. يقدم تجربة موحدة عبر جميع الأنظمة الأساسية والأجهزة ويتضمن بعض المبادئ الأساسية للهاتف المحمول.
تصميم واجهة مستخدم منشور المدونة
هناك استخدام كبير للطباعة في مفهوم تصميم المواد هذا لمنشور مدونة ، ولكن يجب زيادة حجم الخط قليلاً.
مادة تصميم ورق الحائط
هل أنت من محبي تصميم المواد؟ قم بتنزيل خلفية الشاشة المجانية هذه واستخدمها لهاتفك أو شاشة سطح المكتب.
مفهوم واجهة مستخدم تطبيق التعلم الإلكتروني
هذا مفهوم واجهة مستخدم صغير لتطبيق دورات التعلم الإلكتروني الذي يستخدم مبادئ التصميم متعدد الأبعاد 2.0. تحقق من الرموز المصنوعة بعناية!
تقويم
هذا تصميم لشاشة التقويم لتطبيق يستخدم لإدارة جميع الأشياء المهمة. يتضمن التطبيق هذا التقويم المدمج الذي يسمح لك بمشاهدة جميع الأحداث الخاصة بك.
تطبيق SmartEnergy Ios
إليك تصميم تطبيق SmartEnergy IOS الذي يوفر لك طريقة سهلة للاتصال بلوحة الطاقة الرئيسية في منزلك من هاتفك الذكي.
مفهوم إعادة تصميم موسيقى Google Play
هذا هو مفهوم إعادة تصميم موسيقى Google Play الذي يتبع جميع مبادئ التصميم متعدد الأبعاد 2.0. تحقق من ذلك بالتفصيل.
تطبيق Firstdate
هذه بعض العناصر المرئية للتصميم متعدد الأبعاد لتطبيق Firstdate iOS على متن الطائرة. يتضمن رسومًا توضيحية رائعة وتدفقًا نظيفًا وسهل الاستخدام.
تصميم التطبيق
اللون في التصميم متعدد الأبعاد مستوحى من الألوان الجريئة الموضوعة في بيئات محايدة. يحتوي أيضًا على ظلال عميقة وإبرازات ساطعة ، وهما سمتان أخريان للتصميم أدناه.
تطبيق المفتش الميداني
فيما يلي مفهوم تطبيق الأجهزة المحمولة Field Inspector المستخدم لرصد الأشياء وتدقيقها. هذه هي الشاشات التي تعرض القائمة الرئيسية والأشياء الموجودة على الخريطة وقائمة المعلمات التي يجب التحقق منها.
تسجيل الدخول / تسجيل الرسوم المتحركة
تتكون لوحة الألوان هذه من ألوان أساسية وألوان مميزة تم تصميمها للعمل بشكل متناغم معًا. يحتوي مفهوم التصميم هذا أيضًا على رسوم متحركة سلسة تستحق المراجعة.
حجز الفنادق - التحدي اليومي لواجهة المستخدم 067
يستلهم التصميم متعدد الأبعاد إلهامه من عناصر التصميم القائمة على الطباعة - مثل الطباعة واللون والصور - ويكيفه مع الويب لإنشاء التسلسل الهرمي والتركيز. هذا هو بالضبط ما يفعله التصميم أدناه ، بشبكاته الأساسية وقوالبه الهيكلية. يقدم حلاً متسقًا من خلال تكرار العناصر المرئية والشبكات الهيكلية.
تخطيط موقع Natgeo
في التصميم متعدد الأبعاد ، تُترجم الخصائص الفيزيائية للورق ، مثل التسطيح والتعتيم ، إلى الشاشة. فيما يلي مثال على هذا المبدأ.
تطبيق GrandPad Android - إعادة التصميم
هذا هو إعادة تصميم التطبيق المصاحب لـ GrandPad's Android. تستفيد إعادة تصميم تطبيق iOS هذا من مرونة التصميم متعدد الأبعاد ومكون المواد Extended FAB الجديد.
الخدمة: جرافيك
ينشئ التصميم متعدد الأبعاد لغة مرئية للمستخدمين تجمع المبادئ الأساسية للتصميم الجيد وتقوم بتحديثها. فيما يلي مثال على رسم رمز يقوم بذلك بالضبط.
تصميم المحفظة
في التصميم متعدد الأبعاد المستخدم في التطبيقات ، تظهر القوائم عادةً عند التفاعل باستخدام زر ثم تعرض قائمة بالخيارات. هنا مثال رائع على ذلك!
