مفهوم التصميم المادي ( Material Design )وأهم المبادئ التى يلزم معرفتها عنه

انتشر استخدام التصميم المادي(  Material Design)بشكل كبير هذه الأيام؛ حيث بدأ المصممون فى تضمينه فى تصميماتهم، ليس فقط لتطبيقات الأندرويد بل لتصميمات الويب أيضا.
تم طرح مفهوم التصميم المادي لأول مرة من قِبل Keynote _ Google I\O 2014 ،سنوضح فى هذه المقالة ماهيَّة التصميم المادي، كذلك بعض المبادئ التى ينبغي أن نعرفها حتى يخرج هذا التصميم بشكل مميز.

-ما هو التصميم المادي؟

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

ستتعلم

في التصميم المادي أن تعبر عن الترتيب نفسه للعناصر، ولكن باستخدام فقط أقل عدد من عناصر التصميم كالظلال.

وإليك بعض المبادئ التي يلزم معرفتها والاهتمام بها ومنها:

1-استخدام الرموز لإبراز الهرميَّة المرئية

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

السطوح والحواف والظلال والإضاءة هي الأدوات الرئيسية للتصاميم المادية، ولكن عند إضافة العمق

للتصاميم عليك أن تنتبه لأن تستخدم الحد الأدنى من الجرعة الفعالة منه.

2-استخدام الألوان الجريئة

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

3-استخدام لوناً أساسياً مع اخر ثانوي

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

4-استخدام الفراغات

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

مثال على ذلك وهو استخدام خطوط كب

يرة للعناوين مع إضافة مساحات كبيرة فارغة حولها.

5-استخدام الحركات

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

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

6-استخدام الصور من الحافة إلى الحافة

تُستخدم الصور في التصاميم المادية من الحافة إلى الحافة بطريقة تٌسمى full-bleed ،بمعنى عدم وجود حاشية بين حافة الصورة وحافة الشاشة.
تظهر أهميتها فى إعطاء المستخدم تجربة فريدة ومنح المصممين بعض الأدوات الإضافية بجانب مجموعة الظلال والألوان والطبقات.