Jetpack Compose Glimmer

ऑप्टिकल सी-थ्रू डिसप्ले के लिए, साफ़ तौर पर दिखने वाला और एक नज़र में समझ में आने वाला डिज़ाइन.

Jetpack Compose Glimmer, Google का डिज़ाइन सिस्टम और यूज़र इंटरफ़ेस (यूआई) टूलकिट है. इसका इस्तेमाल, ऑप्टिकल सी-थ्रू (ओएसटी) डिसप्ले के लिए किया जाता है. जैसे, वायर वाले एक्सआर के स्मार्ट ग्लास. डिज़ाइन सिस्टम में, फिर से इस्तेमाल किए जा सकने वाले फ़ैसले लिए जाते हैं. जैसे, कलर, टाइप, और शेप प्रिमिटिव से लेकर कॉम्पोनेंट और दिशा-निर्देश तक.

सिद्धांत

Jetpack Compose Glimmer, पहले यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क में से एक है. इसे पारदर्शी डिसप्ले और स्मार्ट ग्लास के फ़ॉर्म-फ़ैक्टर के लिए ऑप्टिमाइज़ किया गया है. OST, अपारदर्शी स्क्रीन डिसप्ले का इस्तेमाल करने के बजाय, प्रोजेक्ट की रोशनी को सीधे तौर पर फ़िज़िकल दुनिया पर दिखाता है. Glimmer की मदद से डेवलपर, ज़्यादा कंट्रास्ट वाले ऐसे यूज़र इंटरफ़ेस (यूआई) बना सकते हैं जिन्हें एक नज़र में देखा जा सकता है. साथ ही, ये यूज़र इंटरफ़ेस (यूआई) असली दुनिया में मौजूद चीज़ों की पहचान बनाए रखते हैं.

पारदर्शी डिसप्ले को प्राथमिकता

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

पारदर्शी डिसप्ले को प्राथमिकता

हार्डवेयर इनपुट

इंटरैक्शन इनपुट को, तार वाले एक्सआर के स्मार्ट ग्लास की सुविधाओं के हिसाब से डिज़ाइन किया गया है.

खास तौर पर बनाया गया

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

खास तौर पर बनाया गया

स्टाइल

Jetpack Compose Glimmer की डिज़ाइन लैंग्वेज में, स्मार्ट ग्लास पर बेहतर तरीके से दिखने वाली थीम शामिल है. सिमेंटिक एक्सप्रेशन और ऐप्लिकेशन को एक साथ काम करने के लिए, रंग और टाइप को पसंद के मुताबिक बनाया जा सकता है. विज़ुअल डिज़ाइन के सिद्धांतों में, साफ़ तौर पर जानकारी देने, आसानी से पढ़ने, और कम से कम ध्यान भटकाने पर ज़ोर दिया जाता है. वायर्ड स्मार्ट ग्लास में, फ़ील्ड ऑफ़ व्यू (कैमरे से दिख रहा व्यू) ज़्यादा होता है. साथ ही, इनमें "असल दुनिया" से जुड़ी चीज़ों की वजह से कम रुकावटें आती हैं. हालांकि, आपको फिर भी यूज़र इंटरफ़ेस (यूआई) को इस तरह से रखना चाहिए कि वह काम में रुकावट न डाले.

Glimmer में एक डिफ़ॉल्ट थीम होती है. इसे ओएसटी ग्लास के लिए ऑप्टिमाइज़ किया गया है. सेमंटिक एक्सप्रेशन और ऐप्लिकेशन को एक जैसा दिखाने के लिए, रंग और टाइप को पसंद के मुताबिक बनाया जा सकता है. ऑप्टिकल-सी-थ्रू डिसप्ले पर काला रंग पारदर्शी होता है. डिजाइन करते समय इस बात का ध्यान रखें, क्योंकि गहरे रंग हल्के या पारदर्शी दिखेंगे. हालांकि, इसका इस्तेमाल गहराई दिखाने के लिए भी किया जा सकता है.

कलर स्कीम

स्मार्ट ग्लास की कलर स्कीम (आपके ऐप्लिकेशन के रंग को थीम करने के लिए, कलर टोकन या भूमिकाओं का कलेक्शन) में तीन ऐक्सेंट रोल, छह सर्फ़ेस (या न्यूट्रल रोल), और उनके ऑन-कलर काउंटरपार्ट शामिल हैं.

कलर स्कीम

मनचाहा रंग चुनें

प्राइमरी कलर को पसंद के मुताबिक बनाया जा सकता है, ताकि आपके ब्रैंड या प्राइमरी इंटरैक्शन कलर का इस्तेमाल किया जा सके. चुने गए रंग के कंट्रास्ट, सैचुरेशन (रंग का गहरा या फीका होना), और बैटरी की खपत पर ध्यान दें.

Glimmer के कलर सिस्टम और सबसे सही तरीकों के बारे में ज़्यादा जानें.

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

Jetpack Compose Glimmer में, ऑप्टिमाइज़ किया गया डिफ़ॉल्ट टाइपस्केल होता है. टाइप रोल में दो रोल होते हैं और हर रोल की तीन स्टाइल होती हैं. टाइप रोल, उनके मकसद और क्रम पर आधारित होते हैं. ज़्यादा जानकारी के लिए, चमकदार टाइपोग्राफ़ी देखें.

सरफ़ेस और डेप्थ

सरफ़ेस में कॉन्टेंट मौजूद है. ये उपयोगकर्ता के फ़ील्ड ऑफ़ व्यू में साफ़ तौर पर फ़ोकल पॉइंट दिखाते हैं. इनमें कॉन्टेंट या कार्रवाइयां शामिल हो सकती हैं. Glimmer में सरफ़ेस और डेप्थ के बारे में ज़्यादा जानकारी का इस्तेमाल किया जाता है.

घटक

कॉम्पोनेंट, यूज़र इंटरफ़ेस (यूआई) बनाने के लिए, खास तौर पर तैयार किए गए बिल्डिंग ब्लॉक होते हैं. आपके ऐप्लिकेशन को कॉम्पोनेंट के लिए, Jetpack Compose Glimmer का इस्तेमाल करना चाहिए. ऐसा इसलिए, क्योंकि इन्हें OST स्मार्ट ग्लास के खास इस्तेमाल के उदाहरणों के लिए ऑप्टिमाइज़ किया गया है. ज़्यादा जानकारी के लिए, Glimmer कॉम्पोनेंट देखें.

क्या आपको कॉम्पोनेंट लागू करने हैं? Jetpack Compose Glimmer के बारे में जानकारी देने वाला दस्तावेज़ पढ़ें.

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