أفضل 12 موقع لتصميم المواد أمثلة على الإلهام

أفضل 12 موقع لتصميم المواد أمثلة على الإلهام

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

 

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

 

“على عكس الورق الحقيقي ، يمكن لموادنا الرقمية التوسع والإصلاح بذكاء. المواد لديها الأسطح المادية والحواف. توفر الطبقات والظلال معنى حول ما يمكنك لمسه. ”

 

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

 

12 موقع ممتاز أمثلة لتصميم المواد

  1. RumChata

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

 

  1. DropBox الأعمال

يمكن أن يكون Dropbox Business مثالًا نموذجيًا يعتمد مفهوم تصميم المواد منذ العصور المبكرة ، والأزرق ذو العلامة التجارية مثالي جدًا للمواد. يستخدم موقع الويب لوحة ألوان واحدة مع تضمين أبيض وأسود كخلفية.

 

  1. Waaark.com

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

 

  1. Serioverify.com

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

 

  1. Pumperl Gsund

على عكس Dropbox Business ، استخدم Pumperl Gsund الألوان الفاتحة بشكل أساسي ، مع بعض الألوان الأقل وضوحًا في الخلفية ، ويتم تعيين الباقي على الأسود والأبيض. لا ينطبق هذا على الإرشادات ، ولكنه لا يؤثر على المظهر العام وسهولة استخدام هذا الموقع.

 

  1. بيهانس

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

 

  1. Codepen

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

 

  1. موكبوس

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

 

  1. سال لعابه

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

 

  1. المواد

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

 

  1. رديت

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

 

  1. نعرفكم

سواء كنت تصمم تطبيقات Android / iOS أو مواقع الويب أو أي شيء آخر ، إذا كنت تريد معرفة المزيد حول كيفية تنفيذ تصميم المواد بشكل أفضل ، فإن Tumblr هو مورد جيد للمراجعة. قم بالتمرير في الخلاصة وستكتشف أمثلة على أنواع مختلفة للحصول على إلهام للمشروع التالي.

Leave a Reply

Your email address will not be published. Required fields are marked *