अँध्यारो समय आउँदैछ

वा एप्लिकेसन वा वेबसाइटको लागि डार्क मोड विकास गर्दा के मनमा राख्ने

2018 ले देखाएको छ कि अँध्यारो मोडहरू बाटोमा छन्। अब हामी 2019 को आधा बाटोमा छौं, हामी विश्वस्तताका साथ भन्न सक्छौं: तिनीहरू यहाँ छन्, र तिनीहरू सबै ठाउँमा छन्।

पुरानो हरियो-मा-कालो मनिटरको उदाहरण

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

तर कलर मोनिटरहरूको परिचय पछि पनि, डार्क मोड अवस्थित रह्यो। किन यस्तो हुन्छ ?

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

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

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

गाढा मोडहरू 101

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

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

छाया सहित दुई उस्तै खरानी वर्गहरू, एउटा १००% कालो पृष्ठभूमिमा, अर्को #१२१२१२ मा। वस्तु बढ्दै जाँदा, यो खैरो रंगको हल्का छाया हुन्छ।

अँध्यारो थिममा, कन्ट्रास्ट ठीक भएसम्म तपाईं आफ्नो नियमित आधार रंगसँग काम गर्न सक्नुहुन्छ। उदाहरणका साथ व्याख्या गरौं।

यस इन्टरफेसमा, मुख्य कार्य तल्लो पट्टीमा ठूलो नीलो बटन हो। लाइट वा गाढा मोड बीच स्विच गर्दा कन्ट्रास्टको सन्दर्भमा कुनै समस्या छैन, बटन अझै पनि आकर्षक छ, आइकन स्पष्ट छ, र समग्रमा सबै ठीक छ।

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

बायाँ: कालोमा रातो नराम्रो देखिन्छ। दायाँ: संतृप्ति कम गर्नुहोस् र सबै कुरा राम्रो देखिन्छ। - लगभग। अनुवाद

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

पाठको बारेमा के हो?

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

उही १००% सेतो पृष्ठभूमिको लागि जान्छ, जसले शब्दहरूमा पूर्ण रूपमा फोकस गर्न धेरै प्रकाश प्रतिबिम्बित गर्दछ। सेतो रङलाई थोरै नरम गर्ने प्रयास गर्नुहोस्, पृष्ठभूमिका लागि हल्का खैरो र कालो पृष्ठभूमिमा पाठ प्रयोग गर्नुहोस्। यसले आँखाको तनाव कम गर्छ, रोकथाम गर्छ तिनीहरूको overvoltage

अँध्यारो मोड यहाँ छ र हट्ने छैन

हामीले स्क्रिनको अगाडि बिताउने समय निरन्तर बढ्दै गएको छ, र हरेक नयाँ दिन, हाम्रो जीवनमा नयाँ स्क्रिनहरू देखा पर्छन्, हामी उठ्ने क्षणदेखि हामी सुत्दासम्म। यो एकदम नयाँ घटना हो; हाम्रा आँखाहरू साँझको स्क्रिन समयमा यो वृद्धिसँग अभ्यस्त छैनन्। यो जहाँ अँध्यारो मोड खेलमा आउँछ। macOS र मटेरियल डिजाइन (र प्रायः iOS मा) मा यो सुविधाको परिचय संगै, हामी विश्वास गर्छौं कि ढिलो वा पछि यो मोबाइल र डेस्कटप दुबै सबै अनुप्रयोगहरूमा पूर्वनिर्धारित हुनेछ। र यो यसको लागि तयार हुनु राम्रो छ!

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

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

पहुँचको सर्तमा, गाढा मोड सबैभन्दा सुविधाजनक छैन, किनकि यसको कन्ट्रास्ट सामान्यतया कम हुन्छ, जसले फलस्वरूप पठनीयतामा सुधार गर्दैन।

स्रोत

तर कल्पना गर्नुहोस् कि तपाईं ओछ्यानको लागि तयार हुनुहुन्छ, तपाईं साँच्चै सुत्न चाहनुहुन्छ, तर तपाईं निदाउनु अघि, तपाईंलाई याद छ कि तपाईंले कसैलाई एउटा अति महत्त्वपूर्ण सन्देश पठाउनु पर्छ जुन एक रात पनि पर्खन सक्दैन। तपाईंले आफ्नो फोन समात्नुहोस्, यसलाई अन गर्नुहोस् र AAAAAAH... तपाईंको iMessage को हल्का ब्याकग्राउन्डले तपाईंलाई अर्को 3 घण्टाको लागि जागा राख्नेछ, जबकि अँध्यारो पृष्ठभूमिमा हल्का पाठलाई यो सेकेन्डमा अँध्यारो मोडमा राख्न सकिन्छ एक मिलियन द्वारा सुविधा वृद्धि। यो सबै स्थिति मा निर्भर गर्दछ जुन प्रयोगकर्ता क्षण मा छ।

त्यही भएर हामी विश्वास गर्छौं स्वचालित गाढा मोड यस्तो राम्रो विचार। यो साँझमा सक्रिय हुन्छ र बिहान बन्द हुन्छ। प्रयोगकर्ताले यसको बारेमा सोच्न पनि आवश्यक छैन, जुन धेरै सुविधाजनक छ। ट्विटरले यसको डार्क मोड सेटिङहरूसँग राम्रो काम गरेको छ। थप रूपमा, तिनीहरूसँग यी सबै OLED स्क्रिनहरूका लागि केवल एक गाढा मोड र अझ गाढा मोड छ, ब्याट्री र यससँग सम्बन्धित सबै बचत गर्दछ। यहाँ नोट गर्न महत्त्वपूर्ण छ: प्रयोगकर्तालाई उसले चाहेको बेला म्यानुअल रूपमा स्विच गर्ने अवसर दिनुहोस्: फिर्ता स्विच गर्ने क्षमता बिना स्वचालित रूपमा इन्टरफेस परिवर्तन गर्नु भन्दा खराब केहि छैन।

ट्विटरमा एक स्वचालित डार्क मोड छ जुन साँझमा सक्रिय हुन्छ र बिहान बन्द हुन्छ।

साथै, विषयवस्तु विकास गर्दा, यो ध्यानमा राख्न लायक छ कि केहि चीजहरू मात्र अँध्यारो बनाउन सकिँदैन।

पृष्ठहरू जस्तै पाठ सम्पादक लिनुहोस्। तपाईं इन्टरफेस अँध्यारो बनाउन सक्नुहुन्छ, तर पाना आफैं सधैं सेतो हुनेछ, कागजको वास्तविक पाना अनुकरण गर्दै।

गाढा मोड सक्षम पारिएका पृष्ठहरू

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

गाढा मोडमा स्केच गर्नुहोस् र अझै उज्यालो सेतो आर्टबोर्ड छ।

त्यसैले एप जेसुकै भए पनि, हामी विश्वास गर्छौं कि डार्क मोडहरू तपाईंले प्रयोग गर्ने अपरेटिङ सिस्टममा आउनेछन्, यसको मतलब भविष्यको लागि तयारी गर्नु उत्तम हुन्छ। अँध्यारो हुनेछ। 

यदि तपाईं अँध्यारो UI हरू विकास गर्ने बारे थप जान्न चाहनुहुन्छ भने, दिशानिर्देशहरू जाँच गर्न निश्चित हुनुहोस् भौतिक डिजाइन, यो यस लेखको लागि जानकारीको हाम्रो मुख्य स्रोत थियो।

स्रोत: www.habr.com