गूगल ने 2014 में अपने उत्पादों के लिए एक एकीकृत दृश्य भाषा के रूप में मटेरियल डिज़ाइन पेश किया। यह सिस्टम इंटरफ़ेस तत्वों को गहराई, छाया और गति वाले भौतिक वस्तुओं के रूप में मानता है। कार्ड सतह से ऊपर उठते हैं। बटन टैप करने पर लहरदार गति करते हैं। ट्रांज़िशन प्राकृतिक वक्रों का अनुसरण करते हैं। इसकी उपमा कागज़ से ली गई है, लेकिन ऐसे कागज़ से जो खिंच सकता है, मुड़ सकता है और छाया डाल सकता है। इसका लक्ष्य एंड्रॉइड, वेब और गूगल के अपने ऐप्स में एकरूपता बनाए रखना था।

मटेरियल डिज़ाइन सिर्फ़ एक दिखावट से कहीं ज़्यादा है। यह कंपोनेंट्स, दिशा-निर्देशों और टूल्स की एक प्रणाली है। यह टाइपोग्राफ़ी, रंग, लेआउट ग्रिड, एलिवेशन लेवल और इंटरैक्शन पैटर्न को निर्दिष्ट करता है। डेवलपर्स एंड्रॉइड, फ़्लटर और वेब के लिए मटेरियल कंपोनेंट्स का उपयोग कर सकते हैं। डिज़ाइनर शुरू से निर्माण किए बिना दिशा-निर्देशों का पालन कर सकते हैं। इस प्रणाली को कई बार अपडेट किया गया है, जिनमें सबसे उल्लेखनीय 2021 में आया मटेरियल यू है, जिसने गतिशील रंग पेश किया जो उपयोगकर्ता के वॉलपेपर के अनुसार बदलता है। मटेरियल डिज़ाइन की अत्यधिक निर्देशात्मक होने और ऐप्स को एक जैसा दिखाने के लिए आलोचना की गई है। इसे Google के बाहर भी व्यापक रूप से अपनाया गया है।

मुख्य तत्व

• गहराई के लिए ऊंचाई और छाया का उपयोग।
• प्रतिक्रिया के लिए गति और परिवर्तन।
• संरचना के लिए ग्रिड-आधारित लेआउट।
• पदानुक्रम के लिए बोल्ड रंग और टाइपोग्राफी का प्रयोग।

मटेरियल डिज़ाइन नकल करने की कोई शैली नहीं है। यह एक विशाल उत्पाद पारिस्थितिकी तंत्र में लगातार निर्णय लेने के लिए एक ढांचा है।