चश्मे पर रंग

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

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

कलर स्कीम

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

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए.

एक्सेंट कलर का इस्तेमाल, टेक्स्ट पर कम ज़ोर देने के लिए किया जा सकता है.

ज़्यादातर टेक्स्ट कॉन्टेंट के लिए, सफ़ेद रंग के टेक्स्ट का इस्तेमाल करें. टेक्स्ट पर ज़ोर देने के लिए, फ़ॉन्ट के रंग का इस्तेमाल किया जा सकता है.
सभी कॉन्टेंट के लिए, रंगीन टेक्स्ट का इस्तेमाल करें.

रंग को पसंद के मुताबिक बनाना

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

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

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए.

ब्रैंड और सिमैंटिक के लिए ऑप्टिमाइज़ किए गए रंग

ब्रैंड, कार्रवाइयों या सिस्टम से जुड़ी चेतावनियों को दिखाने वाले रंग, ये होने चाहिए:

  • इतनी रोशनी हो कि टेक्स्ट को आसानी से पढ़ा जा सके
  • इतना गहरा हो कि उसे रंग के तौर पर पहचाना जा सके

Jetpack Compose Glimmer थीम के बारे में ज़्यादा जानें.

ऊर्जा का इस्तेमाल

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

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए.

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

कस्टम बनाए गए प्लैटफ़ॉर्म का इस्तेमाल नहीं करना चाहिए.

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए.

गहरे रंग वाले कंटेनर

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

  • ज़्यादा कंट्रास्ट के लिए, सतहें काली होनी चाहिए
  • आउटलाइन दिखनी चाहिए, लेकिन हल्की होनी चाहिए

गहरे रंग वाले सर्फ़ेस और हल्के रंग वाले कॉन्टेंट का इस्तेमाल करें.
भरे हुए या चमकदार रंगों का इस्तेमाल करें.

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

डिफ़ॉल्ट रंगों का इस्तेमाल करें. इन्हें चश्मे के डिसप्ले के लिए ऑप्टिमाइज़ किया गया है.
आउटलाइन के लिए एक से ज़्यादा रंगों का इस्तेमाल करें.

ध्यान रखें कि फ़ोकस और डिफ़ॉल्ट स्टेट आउटलाइन के बीच, कस्टम कलर एक जैसे हों.

डिज़ाइन एलिमेंट को फ़्रेम के सबसे नीचे ऐंकर किया जाना चाहिए. नीले रंग का इस्तेमाल करके, आउटलाइन फ़ोकस को पसंद के मुताबिक बनाना: फ़ोकस स्टेट हाइलाइट, दो आउटलाइन से बनी होती है. फ़ोकस स्टेट को बेहतर बनाने के लिए, लेयर 2 पर रंग लागू किया जाता है.