चश्मे पर रंग

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

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

कलर स्कीम

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

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

एक्सेंट कलर का इस्तेमाल, ऑन कलर के लिए सीमित तौर पर किया जा सकता है.

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

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

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

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

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

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

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

  • इतने चमकीले कि उन्हें आसानी से पढ़ा जा सके
  • इतने सैचुरेटेड कि उन्हें रंग के तौर पर पहचाना जा सके
  • HCT कलर स्पेस का इस्तेमाल करके, फ़ोरग्राउंड और बैकग्राउंड के बीच कम से कम 66% टोन का अंतर होना चाहिए.

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

ऊर्जा की खपत

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

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

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

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

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

गहरे रंग के कंटेनर

आम तौर पर, कंटेनर में मौजूद कॉन्टेंट को दिखाने पर फ़ोकस करना चाहिए, ताकि वह ध्यान भटकाने वाला न हो:

  • सबसे ज़्यादा कंट्रास्ट के लिए, सर्फ़ेस काले होने चाहिए.
  • फ़ोकस किए गए स्टेट में, सर्फ़ेस 34% टोन से ज़्यादा हल्के नहीं होने चाहिए, ताकि फ़ोरग्राउंड एलिमेंट को आसानी से पढ़ा जा सके.
  • आउटलाइन दिखनी चाहिए, लेकिन वे हल्की होनी चाहिए.

गहरे रंग के सर्फ़ेस और चमकीले कॉन्टेंट का इस्तेमाल करें.
चमकीले या भरे हुए सर्फ़ेस का इस्तेमाल न करें.
सर्फ़ेस और टेक्स्ट के बीच कंट्रास्ट रखें. इसके लिए, करीब-करीब 66 टोन के अंतर का सुझाव दिया जाता है.
सर्फ़ेस और टेक्स्ट के कंट्रास्ट को बहुत कम न रखें.
पक्का करें कि सर्फ़ेस और सर्फ़ेस वैरिएंट के बीच, ज़रूरी विज़ुअल क्रम बनाने के लिए, टोन का सही अंतर हो.
सर्फ़ेस और सर्फ़ेस वैरिएंट की टोन में बहुत कम अंतर (करीब 20 का अंतर) न रखें.

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

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

सावधान रहें और फ़ोकस और डिफ़ॉल्ट स्टेट की आउटलाइन के बीच, पसंद के मुताबिक बनाए गए रंगों को मेल कराएं.

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

पक्का करें कि इंटरैक्शन के सभी स्टेट में, सही कंट्रास्ट हो.
इंटरैक्शन के स्टेट में कंट्रास्ट को कम से कम न रखें.