अंधेरा आने वाला है

या आवेदन या साइट के लिए एक अंधेरे मोड विकसित करते समय क्या ध्यान रखें

2018 दिखाया: रास्ते पर अंधेरे मोड। अब जब हम 2019 में आधे रास्ते पर हैं, हम विश्वास के साथ कह सकते हैं: वे यहां हैं, और वे हर जगह हैं।

एक पुराने हरे-काले मॉनिटर का एक उदाहरण

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

लेकिन कलर मॉनिटर की शुरुआत के बाद भी, अंधेरे मोड ने जीना जारी रखा। ऐसा क्यों?

दो मुख्य उद्देश्य हैं जो बताते हैं कि आज हर दूसरा व्यक्ति अपने आवेदन में एक अंधेरे विषय को जोड़ने के लिए क्यों कहता है। सबसे पहले: कंप्यूटर हर जगह हैं। हर जगह हम देखते हैं, किसी प्रकार की स्क्रीन है। हम अपने मोबाइल उपकरणों का उपयोग सुबह से देर रात तक करते हैं। एक अंधेरे मोड की उपस्थिति आंखों पर भार को कम कर देती है जब आप बिस्तर पर जाते हैं इससे पहले कि आप "आखिरी बार" सोशल के माध्यम से फ़्लिप करते हैं। नेटवर्क। (यदि आप मेरी तरह दिखते हैं, तो "आखिरी बार" का मतलब आर / इंजीनियरिंग चॉकलेट का 3-घंटे का स्क्रॉल हो सकता है। डार्क। हाँ, कृपया!)

दूसरा कारण नई डिस्प्ले तकनीक है। बड़ी कंपनियों के प्रमुख मॉडल - Apple, Google, Samsung, Huawei - सभी OLED स्क्रीन से लैस हैं, जो एलसीडी डिस्प्ले के विपरीत, बैकलाइटिंग की आवश्यकता नहीं है। और यह आपकी बैटरी के लिए वास्तव में अच्छी खबर है। कल्पना कीजिए कि आप अपने फोन पर एक काले वर्ग की छवि देख रहे हैं; एलसीडी डिस्प्ले के साथ, बैकलाइट पूरी स्क्रीन को रोशन करेगा, हालांकि इसमें से अधिकांश काला है। लेकिन जब ओएलईडी डिस्प्ले पर एक ही छवि देखी जाती है, तो जिनमें से काले वर्ग के पिक्सेल बस बंद हो जाते हैं। और इसका मतलब है कि वे ऊर्जा का उपभोग बिल्कुल नहीं करते हैं।

इस प्रकार के डिस्प्ले डार्क मोड को कई गुना अधिक रोचक बनाते हैं। एक अंधेरे इंटरफ़ेस का उपयोग करके, आप अपने डिवाइस के बैटरी जीवन को महत्वपूर्ण रूप से बढ़ा सकते हैं। अपने आप को देखने के लिए पिछले नवंबर में Android देव शिखर सम्मेलन से तथ्यों और आंकड़ों की जाँच करें । अंधेरे मोड, निश्चित रूप से, यूआई परिवर्तनों के साथ हाथ से चलते हैं ताकि चलो हमारे ज्ञान को ताज़ा करें!

डार्क मोड 101

सबसे पहले: "डार्क" "ब्लैक" के बराबर नहीं है। सफेद पृष्ठभूमि को काले रंग से बदलने की कोशिश न करें, क्योंकि इससे छाया का उपयोग करना असंभव हो जाएगा। एक समान डिजाइन सुपर फ्लैट (खराब तरीके से) होगा।

छायांकन / प्रकाश व्यवस्था के मूल सिद्धांतों को ध्यान में रखना महत्वपूर्ण है। जिन वस्तुओं को अधिक ऊंचा किया गया है, वे वास्तविक प्रकाश और छायांकन का अनुकरण करते हुए, छाया में हल्का होना चाहिए। इस प्रकार, विभिन्न घटकों और उनके पदानुक्रम के बीच अंतर करना आसान है।

एक छाया के साथ दो समान रूप से ग्रे वर्ग, एक 100% काली पृष्ठभूमि पर, दूसरा # 121212 पर। उठाते समय, वस्तु ग्रे का एक हल्का शेड प्राप्त करती है।

एक अंधेरे विषय में, आप अभी भी अपने सामान्य प्राथमिक रंग के साथ काम कर सकते हैं, अगर इसके विपरीत ठीक है। आइए एक उदाहरण से स्पष्ट करें।

इस इंटरफ़ेस में, मुख्य क्रिया नीचे के पैनल में बड़ा नीला बटन है। प्रकाश या अंधेरे मोड के बीच स्विच करने पर कंट्रास्ट के संदर्भ में कोई समस्या नहीं है, बटन अभी भी ध्यान आकर्षित करता है, आइकन स्पष्ट है, सामान्य तौर पर, सब कुछ ठीक है।

जब एक ही रंग का उपयोग अलग-अलग तरीके से किया जाता है, उदाहरण के लिए पाठ में, समस्याएँ होंगी। बेस रंग के एक (बहुत) कम संतृप्त रंग का उपयोग करने का प्रयास करें, या इंटरफ़ेस में ब्रांड रंगों को शामिल करने के अन्य तरीकों की तलाश करें।

वाम: काले रंग पर लाल बुरा लगता है। सही: संतृप्ति को कम करें - और सब कुछ अच्छा हो जाता है। - लगभग। ट्रांस।

वही अन्य सभी संतृप्त रंगों के लिए जाता है जिन्हें आप उपयोग कर सकते हैं, जैसे चेतावनी रंग या त्रुटियां। Google डार्क मोड पर स्विच करने के लिए अपने सामग्री डिज़ाइन दिशानिर्देशों में डिफ़ॉल्ट त्रुटि के रंग पर 40% सफेद ओवरले का उपयोग करता है। यह एक बहुत अच्छा शुरुआती बिंदु है, क्योंकि यह एए मानकों को पूरा करने के लिए विपरीत स्तरों में सुधार करेगा। बेशक, आप हमेशा अपनी इच्छानुसार सेटिंग्स बदल सकते हैं, लेकिन इसके विपरीत स्तरों की जांच करना न भूलें। वैसे, इस उद्देश्य के लिए एक उपयोगी उपकरण स्केच - स्टार्क प्लगइन है, जो सटीक रूप से दिखाता है कि 2 परतों के बीच कितना विपरीत है।

पाठ के बारे में क्या?

यहां सब कुछ सरल है: 100% काला, 100% सफेद और इसके विपरीत कुछ भी नहीं होना चाहिए। सफेद सभी लंबाई की प्रकाश तरंगों को दर्शाता है, काला - अवशोषित। यदि आप 100% काले रंग की पृष्ठभूमि पर 100% श्वेत पाठ रखते हैं, तो पत्र प्रकाश को प्रतिबिंबित करेंगे, फैलेंगे और कम पठनीय बनेंगे, जो पठनीयता को नकारात्मक रूप से प्रभावित करेगा।

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

यहां डार्क मोड दूर नहीं जा रहा है

हम स्क्रीन पर जितना समय बिताते हैं वह लगातार बढ़ रहा है, और हर नए दिन, नए स्क्रीन हमारे जीवन में दिखाई देते हैं, उस पल से जब तक हम सोते हैं तब तक हम जागते हैं। यह एक काफी नई घटना है, हमारी आँखें अभी देर रात को स्क्रीन पर इस तरह की वृद्धि के आदी नहीं हैं। यह वह जगह है जहाँ अंधेरे मोड खेलने में आता है। इस फ़ंक्शन को macOS और मटेरियल डिज़ाइन (और, सबसे अधिक संभावना, iOS में) की शुरुआत करने के बाद, हम मानते हैं कि जितनी जल्दी या बाद में यह सभी अनुप्रयोगों में, मोबाइल और डेस्कटॉप दोनों में डिफ़ॉल्ट हो जाएगा। और इसके लिए तैयार रहना बेहतर है!

अंधेरे मोड को पेश नहीं करने का एकमात्र कारण यह है कि जब आप पूरी तरह से 100% सुनिश्चित हों कि आपके आवेदन का उपयोग विशेष रूप से उज्ज्वल दिन के उजाले में किया जाता है। यह, हालांकि, अक्सर होता है।

यह उन कुछ बातों का उल्लेख करने के लायक है, जिन्हें अंधेरे शासन को लागू करते समय विशेष ध्यान देने की आवश्यकता होती है, इसके अलावा मूल सिद्धांतों को पहले संक्षेप में प्रस्तुत किया गया है।

सुलभता के दृष्टिकोण से, अंधेरे मोड सबसे सुविधाजनक नहीं है, क्योंकि इसके विपरीत आम तौर पर कम होता है, जो बदले में पठनीयता में सुधार नहीं करता है।

स्रोत

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

इसलिए हम ऑटो डार्क मोड को ऐसे कूल आइडिया मानते हैं। यह शाम को चालू होता है और सुबह बंद हो जाता है। उपयोगकर्ता को इसके बारे में सोचने की भी आवश्यकता नहीं है, जो बहुत सुविधाजनक है। ट्विटर ने डार्क मोड सेटिंग्स के साथ शानदार काम किया। इसके अलावा, उनके पास इन सभी OLED स्क्रीन, बचत बैटरी और उससे जुड़ी हर चीज के लिए बस एक डार्क मोड और यहां तक ​​कि गहरा मोड है। यहां यह नोट करना महत्वपूर्ण है: उपयोगकर्ता को मैन्युअल रूप से स्विच करने दें जब वह चाहता है: अपने आप को वापस स्विच करने की क्षमता के बिना इंटरफ़ेस को बदलने से कुछ भी बुरा नहीं है।

ट्विटर में एक स्वचालित डार्क मोड है जो शाम को चालू होता है और सुबह बंद हो जाता है।

इसके अलावा, किसी विषय को विकसित करते समय, यह ध्यान में रखा जाना चाहिए कि कुछ चीजों को केवल अंधेरा नहीं बनाया जा सकता है।

एक टेक्स्ट एडिटर, जैसे पेज। आप इंटरफ़ेस को अंधेरा बना सकते हैं, लेकिन कागज की एक वास्तविक शीट का अनुकरण करते हुए, शीट हमेशा सफेद होगी।

डार्क मोड वाले पेज सक्षम हैं

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

स्केच अंधेरे मोड में है और अभी भी एक चमकदार सफेद आर्टबोर्ड है।

---

इसलिए, आवेदन की परवाह किए बिना, हम मानते हैं कि अंधेरे मोड आपके द्वारा उपयोग किए जा रहे ऑपरेटिंग सिस्टम के मूल निवासी हो जाएंगे, जिसका अर्थ है कि भविष्य के लिए अग्रिम रूप से तैयार करना बेहतर है, यह अंधेरा होगा।

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