التصميم المادي "Material Design هو اسلوب في تصميم الكرافيكي هذا الاسلوب ظهر سنة 2014 ( بعد التصميم المسطح "Flat Design" ) و هو من إنتاج الشركة العملاقة جوجل "Google"، وهو المستخدم في كل إصدارات الأندرويد و مواقع "Google" وما إلى ذلك، حيث عمدت الشركة بأن تجعل هذا الاسلوب أكثر واقعية. ويمكنك مراجعة كل شيء عن التصميم المادي من صفحته الرسمية لدى غوغل.
اذن فلنبدأ !
كلمة مادي "Material"
كلمة التصميم المادي لم تأتي بشكل عشوائي، فمن اساسيات هذا الاسلوب هي جعل التصاميم قريبة الي العالم الحقيقي، ولكن بطريقة متوازنة، وهذا باستخدام تفاصيل قليلة (ضل، قوائم، وتدرجات ...) لكن بإحترافية.
استخدم الظلال
الحواف، الظلال، الإضاءة هي من الاساسيات التصميم المادي، لكن انتبه لأن استخدام الظل بطريقة خاطئ سيجعل تصميم متعب للعين، فعليك العمل بالحد الأدنى من الظلال.
استخدم 3D
استخدم ألوان جريئة
عندما نقول الألوان الجريئة أي الألوان مثيرة الانتباه، فدوره مهم جدا في التصميم المادي وفي التصميم المسطح أيضا. فالألوان الجريئة ستجعل التصميم مريح للعين، وتجعل الكل يستمتع بالتفاعل مع التصميم.
فكما هو معروف فالأعين ترصد الألوان و ترسل رسالة للعقل ليرسل تم يفرز هرمونات تأثر على المزاج و العواطف وكذلك السلوك ( الألوان و تأثيرها على نفس).
استخدم ألوان أساسية وألوان ثانوين
يجب اختيار الوان باختيار ألوان من لوحة الرئيسية للألوان، ولون من اللوحة ثانوية للألوان.
قم باستخدام لون الرئيسي لأشياء كالخلفية، الطبقات، الخطوط والعناصر الأخرى الرئيسية في الواجهة. أما اللون الثانوي، فيعطي عمقا إضافيا لتصميم فعندما ترغب بعرض العناصر التصميم، و من الضروري التأكيد أن يكون اللون الثانوي متباينا بشدة مع الألوان الرئيسية.
استخدم المساحات الفارغة
التصميم المادي جمع ما بين أفكار من الطباعة التقليدية و تصميم مسطح، المساحات الفارغة جزء مهم لأي في طباعة و كذلك في التصميم المادي، فبهذه طريقة ستجذ تركيز و انتباه المستخدم إلى عنصر معين.
استخدم الصور
إن التصميم المادي يتناسب كثيرا مع الصور. فقط عليك ان تعرف كيفية استخدام الصور.
كما ركزت غوغل على مفهوم حافة إلى حافة edge-to-edge، هذا المفهوم يعني عدم وجود فراغ بين حافة الصورة وحافة الشاشة، فتملئ الصورة الشاشة، أنصحك ب نصائح قيمة لتصميم الصور و اعلانات احترافية .
استخدم الحركة
تعتبر الحركة من العناصر الأساسية في التصميم المادي. فبحسب تعبير جوجل، فإن الحركة تضفي معنى لتصميم، وتستخدم الحركة للتفاعل مع المستخدم ولجلب الانتباهه، لكن هنا نتكلم عن الحركة البسيط المريحة للعين.
اجعله مستجيبا
من المبادئ الرئيسية لتصميم المادي هي جعل التصميم مناسب، ويمكن الوصول إليه واستخدامه على أي جهاز وأي شاشة. وفي كل مكان.
و هذا سيجعل المستخدم لن يتوه إذا انتقل من جهاز إلى آخر، حيث لا يجد واجهة مختلفة تماما بالنسبة له.
قبل التصميم المادي "Material Design" كان هنا نوع اسمه بعد التصميم المسطح "Flat Design". هو عبارة عن اسلوب في تصميم حيث يعتمد الأسلوب على البساطة و الاثقان ( فرق بين التصميم المادي "Material Design" والتصميم المسطح "Flat Design" و مميزاتهما ).
قم باستخدام لون الرئيسي لأشياء كالخلفية، الطبقات، الخطوط والعناصر الأخرى الرئيسية في الواجهة. أما اللون الثانوي، فيعطي عمقا إضافيا لتصميم فعندما ترغب بعرض العناصر التصميم، و من الضروري التأكيد أن يكون اللون الثانوي متباينا بشدة مع الألوان الرئيسية.
استخدم المساحات الفارغة
استخدم الصور
كما ركزت غوغل على مفهوم حافة إلى حافة edge-to-edge، هذا المفهوم يعني عدم وجود فراغ بين حافة الصورة وحافة الشاشة، فتملئ الصورة الشاشة، أنصحك ب نصائح قيمة لتصميم الصور و اعلانات احترافية .
استخدم الحركة
تعتبر الحركة من العناصر الأساسية في التصميم المادي. فبحسب تعبير جوجل، فإن الحركة تضفي معنى لتصميم، وتستخدم الحركة للتفاعل مع المستخدم ولجلب الانتباهه، لكن هنا نتكلم عن الحركة البسيط المريحة للعين.
اجعله مستجيبا
و هذا سيجعل المستخدم لن يتوه إذا انتقل من جهاز إلى آخر، حيث لا يجد واجهة مختلفة تماما بالنسبة له.
قبل التصميم المادي "Material Design" كان هنا نوع اسمه بعد التصميم المسطح "Flat Design". هو عبارة عن اسلوب في تصميم حيث يعتمد الأسلوب على البساطة و الاثقان ( فرق بين التصميم المادي "Material Design" والتصميم المسطح "Flat Design" و مميزاتهما ).
تعليقات