Wear OS नेटवर्क में, अलग-अलग स्क्रीन साइज़ वाले डिवाइस शामिल हैं. सभी लोगों को सबसे अच्छी क्वालिटी का अनुभव देने के लिए, ऐडैप्टिव यूज़र इंटरफ़ेस (यूआई) के सिद्धांतों का इस्तेमाल करना ज़रूरी है. अडैप्टिव यूज़र इंटरफ़ेस, स्क्रीन के सभी उपलब्ध स्पेस का ज़्यादा से ज़्यादा फ़ायदा पाने के लिए, स्ट्रेच और बदलते रहते हैं. इससे कोई फ़र्क़ नहीं पड़ता कि उन्हें किस साइज़ की स्क्रीन पर रेंडर किया जा रहा है. अडैप्टिव यूज़र इंटरफ़ेस (यूआई), सीधे लेआउट लॉजिक में बने कॉम्पोनेंट और तरीकों का इस्तेमाल करके, रिस्पॉन्सिव तरीके से बदलते हैं. ये लेआउट, स्क्रीन साइज़ के ब्रेकपॉइंट का भी इस्तेमाल करते हैं. इससे अलग-अलग स्क्रीन साइज़ पर अलग-अलग डिज़ाइन लागू होता है. इससे सभी को बेहतर अनुभव मिलता है.
ज़रूरी शब्द
रिस्पॉन्सिव डिज़ाइन: यह एक ऐसा डिज़ाइन है जिसमें लेआउट, उपयोगकर्ता अनुभव को बेहतर बनाने के लिए बटन, टेक्स्ट फ़ील्ड, और डायलॉग जैसे एलिमेंट को डाइनैमिक तौर पर फ़ॉर्मैट और पोज़िशन करते हैं. रिस्पॉन्सिव डिज़ाइन के तरीकों का इस्तेमाल करके, उपयोगकर्ताओं को बड़ी स्क्रीन पर अपने-आप ज़्यादा फ़ायदा दें. रिस्पॉन्सिव डिज़ाइन का इस्तेमाल करने से, बड़ी स्क्रीन का इस्तेमाल करने वाले लोगों को बेहतर अनुभव मिलता है. जैसे, एक नज़र में ज़्यादा टेक्स्ट दिखना, स्क्रीन पर ज़्यादा कार्रवाइयां या बड़े और आसानी से ऐक्सेस किए जा सकने वाले टैप टारगेट.
अडैप्टिव डिज़ाइन: यह डिज़ाइन का एक तरीका है. इसमें इंटरफ़ेस, उपयोगकर्ता, डिवाइस या आस-पास के माहौल की जानकारी के आधार पर बदलता रहता है. Material के अडैप्टिव डिज़ाइन में, लेआउट और कॉम्पोनेंट के अडैप्टेशन शामिल हैं.
लेआउट के टाइप
राउंड स्क्रीन पर अडैप्टिव लेआउट के लिए डिज़ाइन करते समय, स्क्रोलिंग और नॉन-स्क्रोलिंग व्यू, दोनों के लिए यूज़र इंटरफ़ेस (यूआई) एलिमेंट को स्केल करने और लेआउट और कॉम्पोज़िशन को संतुलित बनाए रखने की अलग-अलग ज़रूरतें होती हैं.

अडैप्टिव स्क्रोलिंग लेआउट
ऊपर, नीचे, और किनारों के सभी मार्जिन को प्रतिशत में तय किया जाना चाहिए, ताकि क्लिपिंग से बचा जा सके और एलिमेंट को सही अनुपात में स्केल किया जा सके.

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

छोटे वीडियो से शुरुआत करें
हमेशा पहले, काम करने वाले छोटे राउंड-स्क्रीन एम्युलेटर के लिए डिज़ाइन करें: 204dp - 216dp. अगर लेआउट काफ़ी ज़्यादा डेंस है, तो उसे 192dp पर रेंडर करें, ताकि यह पक्का किया जा सके कि कोई भी चीज़ न टूटे. साथ ही, बड़े फ़ॉन्ट साइज़ के साथ 192dp पर भी इसकी जांच करना न भूलें. इसके बाद, बड़े डिवाइसों के लिए ऑप्टिमाइज़ करें.

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

फ़ॉन्ट के साइज़
फ़ॉन्ट स्केलिंग और बोल्ड टेक्स्ट जैसी सुलभता सेटिंग के आधार पर, यूज़र इंटरफ़ेस (यूआई) एलिमेंट की ऊंचाई, नॉन-लीनियर तरीके से बदल सकती है.
Wear OS डिवाइसों के लिए, स्क्रीन के ये साइज़ आम तौर पर चुने जाते हैं. छोटी और बड़ी स्क्रीन के बीच ब्रेकपॉइंट के तौर पर 225dp का इस्तेमाल करना फ़ायदेमंद होता है.

192dp से 224dp

225dp से 240+dp
डिज़ाइन क्वालिटी के टीयर
हम आकार की भाषा का इस्तेमाल ज़्यादा बड़े और काम के तरीके से भी कर रहे हैं. इसके लिए, हम फ़्लेक्सिबल कंटेनर आकार का इस्तेमाल करके, कोने के त्रिज्या को गोल/शार्प कर रहे हैं. इससे, आकार में बदलाव करने वाली सूचियों और बटन की स्थितियों को बेहतर तरीके से दिखाया जा सकता है. हम Wear OS पर, गोल आकार के डिवाइसों के लिए, नए कॉम्पोनेंट और आइकॉनिक डिज़ाइन पैटर्न के तौर पर, किनारे से सटे बटन भी पेश कर रहे हैं. क्वालिटी से जुड़े हमारे दिशा-निर्देश तीन टीयर में बांटकर दिए गए हैं. तीनों टीयर के दिशा-निर्देशों का पालन करके, अपने उपयोगकर्ताओं को बेहतरीन अनुभव दें.

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

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

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