कलर सिस्टम

Android TV, Google के मटीरियल कलर गाइडलाइन का पालन करता है. इससे यह पक्का होता है कि इंटरफ़ेस एक जैसा और देखने में आकर्षक हो. इससे टीवी स्क्रीन के हिसाब से, देखने में बहुत आकर्षक और दिलचस्प विज़ुअल स्टाइल तैयार होती है. इस गाइड में, Android TV इंटरफ़ेस पर मटीरियल डिज़ाइन थीम लागू करने के बारे में जानकारी दी गई है.

हाइलाइट

  • Android TV, Google के मटीरियल कलर के दिशा-निर्देशों का पालन करता है. हालांकि, यह टीवी के लिए ऑप्टिमाइज़ किया गया है.
  • सिनमैटिक अनुभव देने के लिए, डार्क थीम का इस्तेमाल करें.
  • थीम बनाने के लिए, Material Theme Builder का इस्तेमाल करें.

कलर स्कीम

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

कलर स्कीम की बुनियाद, पांच मुख्य रंगों का सेट होता है. ये रंग, अलग-अलग टोनल पैलेट से जुड़े होते हैं. इनमें 13 या इससे ज़्यादा टोन होते हैं. हर टोनल पैलेट से कुछ टोन, यूज़र इंटरफ़ेस (यूआई) में कलर रोल के तौर पर असाइन की जाती हैं. डाइनैमिक कलर स्कीम बनाने के लिए, मुख्य रंगों का इस्तेमाल किया जाता है. Material Theme Builder का इस्तेमाल करके, एक मुख्य रंग के आधार पर मुख्य रंग बनाए जा सकते हैं. इसके अलावा, अपने मुख्य रंग भी चुने जा सकते हैं.

बटन के रंग

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

कलर थीम जनरेट करने की प्रोसेस

Material Theme Builder, एक ही कलर टोकन का इस्तेमाल करके गहरे और हल्के रंग वाली, दोनों कलर स्कीम जनरेट करता है. इससे थीम के बीच स्विच करना आसान हो जाता है.

कलर रोल

प्राइमरी

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

ऐक्सेंट प्राइमरी

सेकंडरी

सेकंडरी भूमिकाओं का इस्तेमाल, यूज़र इंटरफ़ेस (यूआई) में कम अहम कॉम्पोनेंट के लिए किया जाता है. जैसे, फ़िल्टर चिप और रंग के इस्तेमाल के अन्य अवसर.

Accent Secondary

टर्शरी

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

Accent tertiary

प्लैटफ़ॉर्म

न्यूट्रल रोल का इस्तेमाल, सर्फ़ेस और बैकग्राउंड के साथ-साथ ज़्यादा अहमियत वाले टेक्स्ट और आइकॉन के लिए किया जाता है. Material Design के दिशा-निर्देशों में, सर्फ़ेस के बारे में ज़्यादा पढ़ें.

प्लैटफ़ॉर्म

आउटलाइन

Material Design के दिशा-निर्देशों में, आउटलाइन की भूमिकाओं के बारे में ज़्यादा पढ़ें.

आउटलाइन

डाइनैमिक कलर

Android 12 और उसके बाद के वर्शन वाले Android फ़ोन पर, लोग वॉलपेपर चुनकर और अन्य बदलाव करके, अपनी पसंद के मुताबिक कलर स्कीम जनरेट कर सकते हैं. Android TV पर वॉलपेपर की सुविधा काम नहीं करती. इसका मतलब है कि उपयोगकर्ता के जनरेट किए गए स्कीम काम नहीं करती हैं. साथ ही, Android TV ओएस सिर्फ़ बेस पैलेट ब्रॉडकास्ट करता है.

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

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

यहां एक उदाहरण दिया गया है, जिसमें बताया गया है कि किसी इमेज से रंग कैसे निकाले जाते हैं:

डाइनैमिक कलर

  1. सोर्स इमेज
  2. एक्सट्रैक्ट किए गए बीज का रंग
  3. जनरेट किए गए मुख्य रंग

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

डाइनैमिक कलर लागू करने का उदाहरण

सुलभता

सुलभता से जुड़ी बातों के लिए, Android TV के लिए सुलभता से जुड़े सबसे सही तरीके लेख पढ़ें