इस पेज का अनुवाद Cloud Translation API से किया गया है.

रंग

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

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

संक्षिप्त मार्गदर्शन (TL;DR)

• दिन और रात दोनों समय ड्राइविंग के लिए उपयुक्त काले रंग से अपने विकल्पों का चयन करें।
• बैकग्राउंड और आइकन या टेक्स्ट के बीच कम से कम 4.5:1 का कंट्रास्ट अनुपात बनाए रखें।

• रंगों का प्रयोग कम से कम और सोच-समझकर करें।
• ऊंचाई को ग्रेस्केल में दिखाएं
• दृश्य फोकस को निर्देशित करने के लिए पारदर्शिता और अपारदर्शिता का उपयोग करें।

---

पैलेट और ग्रेडिएंट

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

इस अनुभाग में पैलेट और अपारदर्शिता की जानकारी के साथ-साथ प्रत्येक घटक से जुड़े ऊंचाई स्तरों के लिए ग्रेस्केल मान प्रदान करने वाले चार्ट भी शामिल हैं।

सामग्री डिजाइन

रंगों का उपयोग और रंग पैलेट

एंड्रॉइड ऑटोमोटिव ओएस ग्रेस्केल पैलेट

एंड्रॉइड ऑटोमोटिव ओएस का ग्रेस्केल पैलेट टेक्स्ट और आइकन जैसे तत्वों के लिए उपयोग किया जाता है, और इसे ड्राइविंग वातावरण की अनूठी आवश्यकताओं को पूरा करने के लिए डिज़ाइन किया गया है।

इस पैलेट में इतनी विविधता होनी चाहिए कि:

• डार्क थीम यूआई के सभी विभिन्न उपयोग मामलों को कवर करें
• स्वर संबंधी अंतरों के माध्यम से पदानुक्रम को परिभाषित करने के लिए पर्याप्त दायरा प्रदान करें।

रंगों में अंतर से गहराई का भ्रम पैदा होता है, यहाँ तक कि पूरी तरह से काले बैकग्राउंड पर भी जहाँ परछाईं दिखाई नहीं देती। पर्याप्त रंग अंतर प्रदान करने के लिए, एंड्रॉइड ऑटोमोटिव OS के ग्रेस्केल पैलेट में मध्यम-ग्रे रंग शामिल हैं। मटेरियल डिज़ाइन के ग्रे रंग, ग्रे 900 से शुरू होकर, बहुत जल्दी चमकीले रंगों की ओर बढ़ते हैं; इससे दो शेड हल्का रंग ग्रे 700 होगा, जो ऑटोमोबाइल के संदर्भ में बहुत चमकीला है।

एक्सेंट रंग

एंड्रॉइड ऑटोमोटिव ओएस इंटरफेस के मूल में मौजूद ग्रेस्केल पैलेट के अलावा, फोकस आकर्षित करने जैसे उद्देश्यों के लिए अन्य रंगों का उपयोग सीमित मात्रा में किया जा सकता है।

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

अपारदर्शिता-मान चार्ट

पारदर्शिता गहराई का एहसास कराती है और मटेरियल डिज़ाइन के स्थानिक मॉडल को सुदृढ़ करती है। पारदर्शिता का प्रभावी ढंग से उपयोग करने के लिए, अपने उपयोग के अनुसार गहरे या सफेद अपारदर्शिता मान चुनें।

गहरे अपारदर्शिता मान

डार्क ओपेसिटी वैल्यू का सबसे आम उपयोग स्क्रिम (ओवरले) बनाने में होता है।

सफेद अपारदर्शिता मान

इन मूल्यों का प्रयोग मुख्यतः पाठ पर किया जाता है। ये तब विशेष रूप से प्रभावी होते हैं जब पृष्ठभूमि रंगीन हो। गहरे रंग की पृष्ठभूमि पर ठोस धूसर रंग का प्रयोग करने से दृश्य धुंधला प्रतीत होता है।

स्क्रिम और टेक्स्ट पदानुक्रम में अपारदर्शिता का उपयोग कैसे करें, इसके उदाहरणों के लिए, मार्गदर्शन और उदाहरण देखें।

अंतर

एंड्रॉइड ऑटोमोटिव ओएस के बुनियादी सुरक्षा दिशानिर्देशों को पूरा करने के लिए, पृष्ठभूमि और आइकन या टेक्स्ट के बीच कंट्रास्ट अनुपात कम से कम 4.5:1 होना चाहिए। विशिष्ट ऑटोमोटिव यूआई तत्वों पर कंट्रास्ट अनुपात कैसे लागू होते हैं, इसके विवरण के लिए, सामग्री को पढ़ने में आसान बनाएं देखें।

करना

नहीं

मार्गदर्शन और उदाहरण

एंड्रॉइड ऑटोमोटिव ओएस का डार्क यूआई साफ-सुथरा और सरल है, जिसमें रंगों का न्यूनतम उपयोग किया गया है। यूआई तत्वों के लिए उपयुक्त रंगों, टोन और अपारदर्शिता मानों का उपयोग करने के अलावा ( पैलेट और ग्रेडिएंट देखें), यह सुनिश्चित करना महत्वपूर्ण है कि रंग और रंग ग्रेडिएंट के प्रत्येक उपयोग का कोई उद्देश्य हो।

यह अनुभाग पारदर्शिता, अपारदर्शिता और रंग का उपयोग करके विभिन्न उद्देश्यों को प्राप्त करने के लिए मार्गदर्शन और उदाहरण प्रदान करता है। इन उद्देश्यों में शामिल हैं:

• पृष्ठभूमि को धुंधला करना
• निरंतरता बनाए रखना
• एक ऐसी दृश्य पदानुक्रम स्थापित करना जो उपयोगकर्ता का ध्यान प्राथमिक कार्यों की ओर आकर्षित करे।
• सूची में संस्थाओं को अलग करना

पृष्ठभूमि को परदे से ढकना

फुल-स्क्रीन स्क्रिम (ओवरले) का उपयोग उन तत्वों के पीछे की पृष्ठभूमि को ढकने के लिए किया जाता है जो व्यवधान उत्पन्न करते हैं, जैसे कि ऐसे संवाद जिनमें उपयोगकर्ताओं को कोई कार्रवाई करने की आवश्यकता होती है। आंशिक स्क्रिम का उपयोग सूचनाओं जैसे तत्वों के परिवर्तन पर ध्यान आकर्षित करने के लिए किया जाता है।

रंग में एकरूपता बनाए रखना

रंग स्मृति और पहचान को मजबूत करने का एक शक्तिशाली माध्यम है। इसका उपयोग विभिन्न स्क्रीनों पर एक सुसंगत अनुभव बनाने के लिए करें।

करना

करना

करना

नहीं

एक दृश्य पदानुक्रम स्थापित करना

एक सुसंगत और सशक्त दृश्य पदानुक्रम बनाने के लिए सफेद अपारदर्शिता मानों का उपयोग करें। 88, 72 और 56 के अपारदर्शिता मानों में पर्याप्त कंट्रास्ट होता है जो पहुंच संबंधी आवश्यकताओं को पूरा करते हुए गहरे रंग की पृष्ठभूमि पर पढ़ने के लिए आरामदायक वातावरण बनाते हैं। नाइट मोड के लिए सभी सफेद रंगों पर 96% अपारदर्शिता का उपयोग करें।

करना

नहीं