تصميم ماتيريال هو لغة تصميم طورتها جوجل. ظهر لأول مرة عام ٢٠١٤ كنظام موحد لنظام أندرويد ومنتجات جوجل على الويب. يستخدم هذا النظام العمق والحركة والتخطيطات الشبكية. توفر الأسطح والحواف إشارات بصرية، بينما تشير الظلال إلى الارتفاع. تُلقي العناصر ظلالًا لإظهار علاقتها بالسطح الذي تحتها. يُحاكي التصميم المواد الفيزيائية، ومن هنا جاءت التسمية. لكنه ليس تصميمًا مُحاكىً للواقع، فهو لا يُقلد الجلد أو الخشب، بل يُجرّد خصائص الورق والحبر في نظام رقمي.

يُقدّم تصميم ماتيريال إرشاداتٍ للتخطيط والألوان والطباعة والرموز والحركة. يعتمد تصميم الشبكة على نظام تباعد 8dp. لكل عنصر حالة مُحدّدة: افتراضي، عند التمرير، عند التركيز، عند الضغط، ومعطّل. الحركة مُوجّهة، حيث تُظهر الرسوم المتحركة مصدر العناصر ومسارها، وتُوجّه الانتباه وتُقدّم ملاحظات. تطوّر النظام، فعمل تصميم ماتيريال 2 على تحسين العناصر، بينما قدّم تصميم ماتيريال 3 نظام الألوان الديناميكي، الذي يُولّد لوحات ألوان من خلفية شاشة المستخدم. النظام مفتوح المصدر، ويمكن للمطورين والمصممين استخدامه مجانًا. وقد تمّ اعتماده خارج منتجات جوجل، حيث تستخدم العديد من التطبيقات عناصر ماتيريال لكونها مألوفة ومُجرّبة جيدًا. مع ذلك، لا يخلو النظام من العيوب، إذ يرى بعض النقاد أنه يبدو نمطيًا، فكل تطبيق يتبعه يبدو مُشابهًا لغيره. لكنّ هذا يُؤدّي إلى التناسق، حيث يُوفّر تصميم ماتيريال للفرق لغةً مشتركة، ويُمكّنهم من البناء بشكل أسرع لأنّ القرارات مُحدّدة مُسبقًا.

مبادئ تصميم المواد

• الاستعارة المادية - توفر الأسطح والحواف دلالات
• رسومات جريئة - ألوان وصور مقصودة
• الحركة — الرسوم المتحركة توجه وتوضح
• متكيف - يعمل عبر الأجهزة وأحجام الشاشات
• نظام قائم على الشبكة - نظام تباعد 8dp

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