स्टाइल

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

रंग

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

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

ज़्यादा जानकारी के लिए मटीरियल डिज़ाइन रंग से जुड़ा दिशा-निर्देश देखें.

डाइनैमिक थीम

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

पहली इमेज: रंग के टोकन वाले विजेट की इमेज.

हल्के और गहरे रंग वाला मोड

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

दूसरी इमेज: एक विजेट, बाईं स्क्रीन पर हल्के रंग वाले मोड में और दाईं ओर गहरे रंग वाले मोड में है.

मुद्रण कला

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

हैरारकी

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

तीसरी इमेज: ऐसा विजेट जिसमें अलग-अलग तरह के स्केल का इस्तेमाल दिखाया गया है.