डिज़ाइन क्वालिटी के टीयर

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

यूज़र इंटरफ़ेस (यूआई) एलिमेंट की स्केलिंग को बनाए रखना

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

स्क्रोल करने वाले व्यू

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

ऊपर, नीचे, और साइड के सभी मार्जिन को प्रतिशत में तय किया जाना चाहिए, ताकि क्लिपिंग से बचा जा सके और एलिमेंट को ज़रूरत के हिसाब से स्केल किया जा सके.

ऐसे व्यू जिन्हें स्क्रोल नहीं किया जा सकता

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

सभी मार्जिन को प्रतिशत में तय किया जाना चाहिए. साथ ही, वर्टिकल कंस्ट्रेंट को इस तरह से तय किया जाना चाहिए कि बीच में मौजूद मुख्य कॉन्टेंट, उपलब्ध जगह को भरने के लिए स्ट्रेच हो सके.

क्वालिटी के लिए दिशा-निर्देशों के टियर

क्वालिटी के लिए बने हमारे दिशा-निर्देशों को तीन टियर में बांटा गया है. तीनों टियर में दिए गए दिशा-निर्देशों का पालन करके, अपने उपयोगकर्ताओं को सबसे अच्छा अनुभव दें.

सभी स्क्रीन साइज़ के लिए तैयार

पक्का करें कि आपका ऐप्लिकेशन, सभी स्क्रीन साइज़ पर बेहतर अनुभव दे रहा हो. ऐसे लेआउट बनाएं जो ऐप्लिकेशन के उपलब्ध स्पेस का पूरा इस्तेमाल करें.

रिस्पॉन्सिव और ऑप्टिमाइज़ किया गया

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

ज़रूरत के हिसाब से और अलग-अलग

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