Material 3 एक्सप्रेशनिव डिज़ाइन लैंग्वेज

Material 3 Expressive (M3) को, उपयोगकर्ताओं की मांग को पूरा करने के लिए बनाया गया था. इसकी मदद से, आधुनिक, काम के, और अलग-अलग तरह के अनुभव दिए जा सकते हैं. एक्सप्रेशनिव की मदद से, डिज़ाइनर इंटरफ़ेस के लेआउट और प्रज़ेंटेशन में खास भावनाओं को दिखा सकते हैं.

रंग और टाइपोग्राफ़ी

कलर सिस्टम को M3 के गहरे टोन वाले पैलेट और ज़्यादा टोकन सेट को अपनाने के लिए बड़ा किया जा रहा है. साथ ही, आसान टाइपोग्राफ़ी स्केल, ज़्यादा जानकारी देने के लिए वैरिएबल फ़ॉन्ट ऐक्सिस का इस्तेमाल कर रहा है. इससे इंटरैक्शन ज़्यादा बेहतर और दिलचस्प बन रहे हैं.

रंगों की थीम तय करना

नए टोकन की मदद से, अलग-अलग थीम और पूरे डिज़ाइन सिस्टम के संदर्भ में ज़्यादा रंग लागू किए जा सकते हैं.

वैरिएबल फ़ॉन्ट

वैरिएबल फ़ॉन्ट और उनके पसंद के मुताबिक बनाए जा सकने वाले ऐक्सिस के लिए अपडेट की गई शर्तें, पहले पक्ष के अलावा तीसरे पक्ष के इस्तेमाल के उदाहरणों के लिए भी लागू होती हैं. जैसे, Roboto Flex, जिसमें वैरिएबल ऐक्सिस का मिलता-जुलता सेट होता है.

वैरिएबल फ़ॉन्ट ऐक्सिस में मोशन

एक्सप्रेशन मोशन फ़ीडबैक के सिग्नल देने के लिए, वैरिएबल फ़ॉन्ट ऐक्सिस का इस्तेमाल करना. साथ ही, इंटरैक्शन को ज़्यादा बेहतर और इस्तेमाल करने में मज़ेदार बनाना.

इस्तेमाल के उदाहरण:

  • डाइनैमिक फ़ॉन्ट वेट
  • डाइनैमिक फ़ॉन्ट की चौड़ाई
  • डाइनैमिक फ़ॉन्ट वेट और चौड़ाई

भूमिकाएं

अपडेट किए गए और ऑप्टिमाइज़ किए गए टाइप स्केल के साथ-साथ, हम नई टाइप भूमिकाएं भी पेश कर रहे हैं. ये भूमिकाएं खास तौर पर Wear पर खास पैटर्न दिखाती हैं.

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

आकार और मोशन

हम आकार की भाषा का इस्तेमाल ज़्यादा बड़े और काम के तरीके से भी कर रहे हैं. इसके लिए, हम फ़्लेक्सिबल कंटेनर आकार का इस्तेमाल कर रहे हैं, ताकि आकार में बदलाव करने वाली सूचियों और बटन की स्थितियों के लिए, कोने के रेडियस को गोल और शार्प किया जा सके. हम Wear पर, गोल आकार के डिवाइसों के लिए, नए और मशहूर डिज़ाइन पैटर्न के तौर पर, किनारों पर बटन जोड़ रहे हैं.

किनारों को ढकने वाले कंटेनर

हम आपको ऐसे आकार वाले कंटेनर के बारे में बता रहे हैं जो गोल आकार में होते हैं और सर्कुलर फ़ॉर्म फ़ैक्टर में ज़्यादा से ज़्यादा जगह देते हैं.

आकार लागू किया गया

बेहतरीन डिज़ाइन के लिए, कॉर्नर रेडियस और यूनीक आकार का इस्तेमाल करके कंटेनर बनाएं. इनसे, लोड होने के दौरान दिखने वाले मनोरंजक ऐनिमेशन, दिलचस्प लेआउट, आकार बदलने वाले बटन, और अडैप्टिव बटन ग्रुप बनाए जा सकते हैं.

कोने का रेडियस

कंटेनर के आकार में वैरिएशन, अंतर, और संबंध बनाने के लिए, Material 3 के कोने के आकार का इस्तेमाल करना.

ग्रुप किए गए कंटेनर

कॉम्पोनेंट कंटेनर, उपलब्ध जगह के हिसाब से डाइनैमिक तौर पर बदलने के लिए, लेआउट की सुविधाओं का इस्तेमाल करते हैं. वे इस स्पेस को सममित बनाने के लिए, इसे बराबर-बराबर बांट सकते हैं. इसके अलावा, वे विज़ुअल हैरारकी बनाने, अहम कॉन्टेंट पर ज़ोर देने, और उपयोगकर्ता इंटरैक्शन को बढ़ाने के लिए, एलिमेंट को रणनीतिक तरीके से व्यवस्थित कर सकते हैं. इसके लिए, वे एक्सप्रेशन और मोशन-लीड विज़ुअल का इस्तेमाल कर सकते हैं.