مبادئ التصميم المادي وأساسياته

التصميم المادي “Material Design هو أسلوب تصميم جرافيكي ظهر سنة 2014 ( بعد التصميم المسطح “Flat Design” ) و هو من إنتاج شركة جوجل “Google”، وهو المستخدم في كل إصدارات الأندرويد .. وقد عمدت الشركة بأن تجعل هذا الاسلوب أكثر واقعية. و بدأ كثير من المصممين بتضمينه في تصاميمهم ليس فقط لتطبيقات أندرويد، بل ولمشاريع الويب أيضًا.

وشوهد عرض مبادئ التصميم المادي، التقديميّ أكثر من 1.5 مليون،  بشكل مباشر، وما زال يتم التعامل معه على أنه العرض الأساسيّ لماهيّة التصميم الماديّ وكيف علينا أن نتخيله.

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

بادر بالاتصال بها الآن عبر الهاتف: 0540907692 .. إذا كنت تبحث عن خدمة تصميم الهوية البصرية أو الشعار  أو خدمات الجرافيك ديزاين  بشكل احترافي مبدع.

التصميم المادي

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

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

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

المبادئ

1-استخدام الرموز 

الظلال هي الأداة الرئيسية التي تعبر عن هرمية العديد من العناصر التي تجتمع مًعا لتكوين التصميم الكامل..

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

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

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

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

تنصح ٌمستندات Google الرسمية باستخدام ثلاثة ألوان من ال Palette الرئيسية ولونا من ال Palette الثانوية.

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

بينما استخدام اللون الثانوي يعطي عمقا اضافيا عند الرغبة فى عرض العناصر الرئيسية على صفحة أو شاشة معينة.

وبالتأكيد يلزم اختيار اللون الثانوي بحيث يكون متبايناً بشكل كبير عن الألوان الرئيسية.

ومن أساسيات التصميم المادي:

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

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

ويمكنها ايضا ان تحسن الخطوط وشكل النصوص بشكل كبير.

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

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

كما تساعد على تفاعل المستخدم مع التصميم.

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

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

7_ استخرج الألوان من الصور

تنصحنا جوجل باستخراج الألوان من الصور التي نستخدمها في تصاميمنا ومن ثم نجعلها جزءًا من مجموعة الألوان لدينا.

يصعب أن تجد حجّة تناقض فيها هذا المفهوم.

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

8_  اجعل الحركات واقعية

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

إذا كنت ستضمّن الحركة هذه الأيام، فيمكنك أيضًا أن تجعلها حقيقيّة بما يتوافق مع قوانين الفيزياء وكيفيّة عمل الأشياء في العالم الحقيقيّ.

تخصص جوجل قسمًا كاملًا من توجيهات التصاميم المسطحة لمفهوم الحركة الواقعية.

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

التصاميم المادية جيدة فقط ما دامت تحاكي الحركة في الحياة الحقيقيّة. هذه هي الطريقة الوحيدة التي ستغني فيها الحركةُ الواجهةَ وتجعلها مفهومة أكثر للمستخدم.

ومن مبادئه أيضاً:

9_  اجعل كل شيء مستجيبًا
من المبادئ الرئيسيّة للتصاميم الماديّة هي جعل العمل الناتج عملًا يمكن الوصول إليه واستخدامه على أيّ جهاز وأي حجم شاشة.

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

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

10_  تذكر أن كل شيء في التفاصيل

من العناصر الأساسيّة التي تجعل التصاميم المسطحة صعبة التنفيذ جدًّا دون مشاكل هو أنها مبسطة للغاية. فمثلًا، في التصاميم المقلّدة للواقع الحقيقيّ (skeuomorphic) كانت التوجيهات بسيطة: اجعل كل جزء من التصميم يمثل قرينه من الحياة الحقيقيّة قدر الإمكان.

المزيد : تصميم هوية تجارية: المزايا والمكونات