इस पृष्ठ का अनुवाद AI की सहायता से किया गया है। अंग्रेज़ी मूल ही प्रामाणिक है।
स्क्रीन टाइपोग्राफ़ी (typography) के अधिकांश इतिहास में पठन-सतह एक ही थी: हल्की ज़मीन पर गहरा टेक्स्ट, काग़ज़ की नक़ल। डार्क मोड ने यह बदल दिया। कुछ ही वर्षों में यह डेवलपरों की आला पसंद से हर प्रमुख ऑपरेटिंग सिस्टम की सिस्टम-स्तरीय सेटिंग बन गया, और पाठक अब पेज पर पहुँचने से पहले ही अपने उपकरण को बता चुके होते हैं कि उन्हें कौन-सी ध्रुवीयता (polarity) चाहिए। टाइपोग्राफ़ी को दोनों सतहों पर जवाब देना होगा।
ध्रुवीयता का शोध क्या कहता है
डिस्प्ले ध्रुवीयता — टेक्स्ट गहरा-पर-हल्का है (धनात्मक ध्रुवीयता) या हल्का-पर-गहरा (ऋणात्मक ध्रुवीयता) — का अध्ययन CRT युग से होता आया है, और निष्कर्ष काफ़ी सुसंगत रहे हैं। सामान्य रोशनी में निरंतर पठन के लिए धनात्मक ध्रुवीयता आम तौर पर बेहतर मापी जाती है: प्रूफ़रीडिंग, दृश्य तीक्ष्णता और पठन-गति के अध्ययन हल्की पृष्ठभूमि पर गहरे टेक्स्ट के पक्ष में झुकते हैं। प्रमुख व्याख्या शरीर-क्रियात्मक है। चमकीली सतह पुतली को सिकोड़ती है, और छोटी पुतली अधिक गहराई-क्षेत्र के साथ तीक्ष्ण रेटिनल छवि बनाती है। हल्का-पर-गहरा टेक्स्ट पुतली को फैलाता है और छवि को नरम कर देता है।
यह सामान्य स्थिति है, सार्वभौमिक नहीं। कम से कम तीन स्थितियों में डार्क मोड अपनी जगह का हक़दार है:
- कम परिवेशी रोशनी। अँधेरे कमरे में चमकीला सफ़ेद पेज चौंधियाता है, अंधकार-अनुकूलन बिगाड़ता है, और वाक़ई असहज हो सकता है। धुँधले परिवेश में ऋणात्मक ध्रुवीयता स्क्रीन और परिवेश के बीच का बेमेल घटाती है।
- फ़ोटोफ़ोबिया और प्रकाश-संवेदनशीलता। माइग्रेन-संबंधी प्रकाश-संवेदनशीलता, कुछ चोट-पश्चात लक्षणों, या ऐसी स्थितियों वाले पाठक जिनमें चमकीले क्षेत्र पीड़ादायक होते हैं, अक्सर पढ़ पाने के लिए डार्क थीम पर ही निर्भर होते हैं।
- कुछ कम-दृष्टि स्थितियाँ। प्रकाश के बिखराव से प्रभावित पाठक — जैसे मोतियाबिंद या धुँधले माध्यमों से — पेज से उत्सर्जित कुल प्रकाश घटने पर अधिक साफ़ देख सकते हैं। स्क्रीन मैग्निफ़ायर और हाई-कंट्रास्ट उपयोगकर्ताओं में ठीक इसी कारण से हल्का-पर-गहरा पसंद करने वाला वर्ग हमेशा रहा है।
हेलेशन और एस्टिग्मैटिज़्म की समस्या
डार्क थीम की विशिष्ट विफलता है हेलेशन (halation): गहरी ज़मीन पर चमकीला टेक्स्ट चमकता-सा दिखता है, बाहर की ओर रिसता और अक्षर-रूप को धुँधलाता हुआ। यह प्रभाव शुद्ध काले पर शुद्ध सफ़ेद के साथ सबसे प्रबल होता है, और एस्टिग्मैटिज़्म — एक बहुत आम अपवर्तक स्थिति — वाले पाठकों के लिए सबसे बुरा, जिनकी अपूर्ण फ़ोकस वाली दृष्टि चमकीले स्ट्रोक को और फैला देती है। पतले टाइपफ़ेस सबसे अधिक पीड़ित होते हैं, क्योंकि आभा स्ट्रोक का बड़ा हिस्सा निगल जाती है।
उपचार सीधे-सादे हैं:
- शुद्ध काले पर शुद्ध सफ़ेद टेक्स्ट कभी न रखें। दोनों सिरे नरम करें: बहुत गहरे स्लेटी पर हल्का स्लेटी पर्याप्त कंट्रास्ट बनाए रखते हुए चमक नाटकीय रूप से घटाता है।
- आभासी वज़न की क्षतिपूर्ति करें। गहरी ज़मीन पर हल्का टेक्स्ट उलटे संयोजन के मुक़ाबले अधिक बोल्ड दिखता है, क्योंकि चमकीले स्ट्रोक फैलते हैं। डार्क थीम में सेट टाइप प्रायः थोड़ा हल्के वज़न में रखा जा सकता है — या, वेरिएबल फ़ॉन्ट के साथ, ग्रेड से समायोजित (अगला अध्याय देखें) ताकि सुधार से कोई रीफ़्लो न हो।
- हल्के पैलेट को केवल उलट न दें। निषेध से बना डार्क थीम आम तौर पर टेक्स्ट में बहुत अधिक और इंटरफ़ेस में बहुत कम कंट्रास्ट रखता है। इसे अपनी परखी हुई कंट्रास्ट-मानों वाली स्वतंत्र रचना के रूप में डिज़ाइन किया जाना चाहिए।
पाठक की पसंद का सम्मान
prefers-color-scheme मीडिया क्वेरी पाठक की ऑपरेटिंग-सिस्टम वरीयता बताती है, और उसका सम्मान करना आधुनिक आधाररेखा है। जिस पाठक ने सिस्टम स्तर पर डार्क मोड चुना है, उसने एक वरीयता — कभी-कभी चिकित्सकीय आवश्यकता — व्यक्त की है, और जो साइट उस पर सफ़ेद पेज दाग देती है, उसने उसे दरकिनार कर दिया है। उलटा भी उतना ही सही है: हल्का चुनने वाले पाठकों पर डार्क थीम थोपना भी उतना ही दुस्साहसी है। चाहें तो पेज के भीतर ओवरराइड दें, पर डिफ़ॉल्ट OS सेटिंग रखें, और दोनों थीम पूरी तरह परिभाषित करना न भूलें: आधा-अधूरा स्टाइल किया डार्क मोड, जिसमें गहरी सतह पर गहरा टेक्स्ट विरासत में आ जाए, न होने से बदतर है।
पेज के नीचे का हार्डवेयर
डिस्प्ले स्वयं पठन-सतह का हिस्सा है। OLED स्क्रीनों पर काले पिक्सेल बस बंद रहते हैं, यानी शुद्ध-काली थीम बैटरी बचाती हैं — एक वैध लाभ — पर प्रति-पिक्सेल स्विचिंग कुछ पैनलों पर स्क्रॉल के दौरान हल्के टेक्स्ट का मामूली धब्बा-प्रभाव पैदा कर सकती है, जो परम काले के बजाय लगभग-काले का एक और तर्क है। ई-इंक डिस्प्ले दूसरे छोर पर हैं: वे काग़ज़ की तरह परावर्तक हैं, प्रकाश उत्सर्जित नहीं करते, और लगभग केवल धनात्मक ध्रुवीयता ही अच्छी तरह रेंडर करते हैं। जो सामग्री ई-रीडरों पर पढ़े जाने की संभावना रखती है, उसकी सुपाठ्यता कभी डार्क थीम पर निर्भर नहीं होनी चाहिए।
यह अध्याय नया क्यों है
2005 में गहरी स्क्रीनें टर्मिनलों और विज्ञान-कथा की चीज़ थीं; वेब सफ़ेद था, और ध्रुवीयता एक तय हो चुका सवाल थी क्योंकि पाठकों के पास वरीयता जताने का कोई तरीक़ा ही नहीं था। न कोई सिस्टम-व्यापी डार्क सेटिंग थी, न prefers-color-scheme, न पाठक की जेब में OLED। मुख्यधारा की, उपयोगकर्ता-नियंत्रित पठन-सतह के रूप में डार्क मोड पिछले दशक का विकास है, और उसने ध्रुवीयता को ऐतिहासिक पाद-टिप्पणी से जीवंत डिज़ाइन-दायित्व बना दिया।
CSS में
/* Design the dark theme; don't just invert the light one */
@media (prefers-color-scheme: dark) {
:root {
--paper: #171310; /* near-black — never #000 */
--ink: #ece5d6; /* off-white — never #fff (halation) */
}
img { filter: brightness(0.9); } /* dim plates to the surface */
}सिफ़ारिशें
- लंबे-लेख के पठन के लिए गहरा-पर-हल्का ही डिफ़ॉल्ट सतह रखें; निरंतर-पठन के प्रमाण इसके पक्ष में हैं।
prefers-color-schemeका दोनों दिशाओं में सम्मान करें — OS सेटिंग को पाठक का निर्णय मानें।- डार्क थीम में शुद्ध काले पर शुद्ध सफ़ेद से बचें; हेलेशन नियंत्रित करने के लिए दोनों मान नरम करें।
- आभासी बोल्डपन की काट के लिए डार्क थीम में टाइप का वज़न थोड़ा घटाएँ (या ग्रेड कम करें)।
- डार्क पैलेट स्वतंत्र रूप से डिज़ाइन करें और उसके कंट्रास्ट अनुपात सत्यापित करें; हल्की थीम को उलटें नहीं।
- OLED पर स्क्रॉल के धब्बे सीमित करने के लिए परम काले के बजाय लगभग-काली सतहें चुनें, जब तक बैटरी-बचत स्पष्ट लक्ष्य न हो।
- मान कर चलें कि ई-इंक पाठक धनात्मक ध्रुवीयता देखते हैं; डार्क मोड को कभी भार-वाहक न बनाएँ।