थीम और स्टाइल गाइड

प्रोजेक्ट की थीम कैसे काम करती है, उसे सुरक्षित तरीक़े से कैसे बदलें, और रंग कभी स्क्रीन-दर-स्क्रीन क्यों नहीं बदलने चाहिए।

अंतिम अपडेट:

हर प्रोजेक्ट की एक थीम होती है: रंग, टाइपोग्राफ़ी, गोलाई और स्पेसिंग के लिए डिज़ाइन टोकन का समूह। स्क्रीन तय मानों के बजाय इन्हीं टोकन का हवाला देती हैं, और यही बीस स्क्रीन को एक उत्पाद जैसा दिखाता है।

कुछ रंग बदलना

बस कहिए:

मुख्य रंग #1B4DFF कर दो। पृष्ठभूमि बहुत ठंडी है — उसे गर्म करो।

इससे मौजूदा थीम में एक छोटा बदलाव जुड़ जाता है और बाकी सब वैसा ही रहता है। यह मुफ़्त है और एक साथ हर जगह लागू होता है।

बिल्कुल नया रूप बनाना

पूरी तरह बदलाव के लिए — नया डिज़ाइन, डार्क में जाना, नया ब्रांड — ठीक वही माँगिए:

पूरे प्रोजेक्ट को डार्क थीम दो। इसे हमारे नए ब्रांड से दोबारा डिज़ाइन करो: गहरा हरा मुख्य, क्रीम पृष्ठभूमि, सेरिफ़ शीर्षक।

इससे पुराने पर पैबंद लगाने के बजाय टोकन का पूरा नया समूह बनता है।

बदलाव को सीमित करना

डिफ़ॉल्ट रूप से थीम के बदलाव पूरे प्रोजेक्ट पर लगते हैं। किसी एक स्क्रीन तक सीमित करने के लिए साफ़ कहिए:

सिर्फ़ लैंडिंग पेज पर हेडर की पृष्ठभूमि काली कर दो।

कंट्रास्ट जाँचा जाता है

थीम लागू होने से पहले पढ़ने लायक रंग-जोड़ों के लिए जाँची जाती हैं, इसलिए गहरे पर गहरा टेक्स्ट नहीं मिलना चाहिए। अगर आप जानबूझकर कम कंट्रास्ट चाहते हैं, तो कहिए — पर उम्मीद रखिए कि प्रणाली पढ़ने-योग्यता की ओर धकेलेगी।

स्टाइल गाइड बनाना

स्टाइल गाइड माँगिए और आपको एक बनी-बनाई स्क्रीन मिलेगी जिसमें रंग-योजना, टाइप स्केल और मुख्य कंपोनेंट दिखेंगे — सौंपने के लिए भी उपयोगी और यह जाँचने के लिए भी कि प्रणाली सुसंगत है।

आम ग़लतियाँ

  • किसी एक स्क्रीन पर रंग बदलना। काम तो हो जाता है, पर अगली बनी स्क्रीन मेल नहीं खाती। थीम इस्तेमाल कीजिए।
  • किसी तत्व पर संपादन मोड में रहते हुए “डार्क मोड” माँगना। इस रास्ते से रंग कोड में जड़ सकते हैं, थीम दोबारा नहीं बनती। चैट में, प्रोजेक्ट के स्तर पर माँगिए।
  • यह मान लेना कि थीम टूल की सफलता का संदेश यानी रेंडर हो गया। कैनवास देखिए। अगर स्क्रीन नहीं बदलीं, तो देखिए मेरी स्टाइल गाइड लागू नहीं हुई।

अक्सर पूछे जाने वाले सवाल

क्या थीम बदलने में क्रेडिट लगते हैं?
नहीं। थीम बनाने या अपडेट करने पर कुछ नहीं लगता। क्रेडिट सिर्फ़ स्क्रीन बनाने पर लगते हैं।
क्या किसी एक स्क्रीन की थीम अलग हो सकती है?
हाँ — कहिए कि बदलाव उसी स्क्रीन तक सीमित रहे। डिफ़ॉल्ट रूप से थीम का बदलाव पूरे प्रोजेक्ट पर लगता है, और आम तौर पर यही चाहिए होता है।

क्या यह लेख उपयोगी रहा?

संबंधित लेख

Read this in your language