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

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

एक नज़र में निर्देश (TL:DR):

  • Android Automotive OS के टाइपोग्राफ़िक स्केल में मौजूद डिसप्ले, मुख्य हिस्से, और सबटेक्स्ट का इस्तेमाल करें
  • मुख्य भाग के टेक्स्ट का कम से कम साइज़ 24dp है - ज़रूरी जानकारी के लिए सबटेक्स्ट साइज़ सुरक्षित रखें
  • अलाइनमेंट के लिए 4-dp ग्रिड का इस्तेमाल करना
  • इफ़ेक्ट बनाने के लिए, स्टाइल एट्रिब्यूट का इस्तेमाल करें. जैसे, हैरारकी में बदलाव करना, फ़ोकस पर फ़ोकस करना
  • मीडियम साइज़ के फ़ॉन्ट का कम से कम इस्तेमाल करें और उन्हें बोल्ड न करें

स्केल और ग्रिड के रेफ़रंस

Android Automotive OS के टाइपोग्राफ़िक स्केल और टाइपसेटिंग ग्रिड का इस्तेमाल करें. इससे डिसप्ले टेक्स्ट, मुख्य हिस्से, और सबटेक्स्ट के लिए, हर लेवल पर एक जैसा टेक्स्ट और नज़र आने वाला टेक्स्ट पक्का किया जा सकेगा.

Android Automotive OS के लिए टाइपोग्राफ़िक स्केल

यह स्केल, Android Automotive OS में इस्तेमाल किए जाने वाले डिसप्ले टेक्स्ट, मुख्य हिस्से, और सबटेक्स्ट के नौ डिफ़ॉल्ट लेवल के लिए इस्तेमाल किए गए फ़ॉन्ट, फ़ॉन्ट के साइज़, और लाइन की ऊंचाई दिखाता है. Android Automotive OS का सबसे कम साइज़ 24dp है. 24dp से कम साइज़ वाले साइज़ को आसानी से एक नज़र में नहीं देखा जा सकता. साथ ही, इनका इस्तेमाल अपने-आप होने वाले कॉन्टेक्स्ट में कभी-कभार ही किया जाना चाहिए. सबटेक्स्ट साइज़, स्टेटस बार कॉन्टेंट जैसी गैर-ज़रूरी या तीसरी जानकारी के लिए सबसे बेहतर होते हैं.

टाइप स्केल
इस स्केल में फ़ॉन्ट की जानकारी का फ़ॉर्मैट यह है: (फ़ॉन्ट का नाम) (टाइप का साइज़) / (लाइन की ऊंचाई). टाइप साइज़ और लाइन की ऊंचाई के लिए वैल्यू, पॉइंट (pt) में दिखाई जाती हैं.

टाइपसेटिंग ग्रिड और बेसलाइन रेफ़रंस

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

4dp ग्रिड पर स्केलिंग
Android Automotive OS के स्केल को इस तरह से डिज़ाइन किया गया है कि यह 4dp की फ़ॉन्ट के साइज़ में बढ़ोतरी के हिसाब से काम करे.

दिशा-निर्देश और उदाहरण

टाइपिंग के विकल्पों में स्केल और स्टाइल का इस्तेमाल करके, ये काम किए जा सकते हैं:

  • पूरा टेक्स्ट पढ़ने लायक रखें
  • टेक्स्ट एलिमेंट के बीच विज़ुअल क्रम तय करना
  • सबसे अहम जगहों पर ध्यान केंद्रित करें

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

इस उदाहरण में दिए गए टाइटल की स्टाइल में बॉडी 1 स्केल (जो फ़ॉन्ट का साइज़ और लाइन की ऊंचाई के बारे में बताता है) शामिल है. इसमें रंग, अपारदर्शिता, और वज़न के अन्य एट्रिब्यूट के आधार पर बदलाव किया गया है.

उदाहरण

टाइपोग्राफ़ी टेक्स्ट के साइज़
a. मुख्य हिस्सा 3
b. मुख्य हिस्सा 2
c. मुख्य भाग 1
टाइपोग्राफ़ी टेक्स्ट के साइज़
a. डिसप्ले 2
b. मुख्य हिस्सा 1
c. मुख्य भाग 1
टाइपोग्राफ़ी यह करती है

ऐसा करें

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

ऐसा न करें

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