शुद्ध काले (# 000) और शुद्ध सफेद (# एफएफ) का उपयोग क्यों नहीं किया जाता है?

17

स्टैक एक्सचेंज के लिए एक नया शीर्ष बार कहता है,

पहली चीज़ जो आप देखेंगे, वह वास्तव में काली है* ।

^{* जिन बताते हैं कि तकनीकी रूप से यह काफी काला नहीं है: यह # 212121 है।}

इसके सीएसएस में मैं देख रहा हूं,

background: #2f2f2f;
background: rgba(0, 0, 0, 0.8);

"वास्तव में काला" क्यों नहीं: "काफी काला" बेहतर क्यों नहीं है?

इसी तरह, बाकी पृष्ठभूमि के लिए मुझे कुछ ऐसा दिखाई देता है,

background: #fdfdfd

शुद्ध सफेद क्यों नहीं?

मैं विशेष रूप से StackExchange के बारे में नहीं पूछ रहा हूँ - मेरा क्या मतलब है, क्या यह किसी भी / सभी वेब साइटों के लिए एक अच्छा सामान्य नियम है: जब डिजाइन कल्पना काले या सफेद के लिए पूछती है, तो क्या मुझे वास्तव में इसके बजाय लगभग काले और सफेद का उपयोग करना चाहिए काला और सफेद?

क्या यह 'नियम' किसी अन्य रंग पर भी लागू होता है (नियम क्या है, वास्तव में)?

क्या नियम डिवाइस-निर्भर है?

color background

— ChrisW
स्रोत

Google हमेशा शुद्ध-सफेद पृष्ठभूमि का उपयोग करता है।

— पचेरियर

18

संक्षेप में, यह आंखों पर आसान है;

'सीधे शब्दों में कहें तो कंट्रास्ट दो रंगों के बीच का अंतर है। एक वेब पेज पर, कंट्रास्ट की मात्रा पेज के विभिन्न हिस्सों के साथ बदलती रहती है। आप आमतौर पर पाठ और इसकी पृष्ठभूमि के रंग के बीच एक उच्च विपरीत चाहते हैं। लेकिन डिजाइन तत्वों के बीच बहुत अधिक विपरीत एक अस्थिर और गड़बड़ प्रभाव दे सकता है। ब्लैक एंड व्हाइट सबसे अधिक कंट्रास्ट संभव बनाते हैं। ' से -Quote यहाँ

यह UX रंग सुझावों / उदाहरणों और सिद्धांत के लिए एक शानदार साइट है। और पृष्ठभूमि पर विभिन्न रंगों के विपरीत पर चर्चा करता है, यहां तक कि हेक्स कोड भी देता है जो काफी आसान है।

कंट्रास्ट और रंग संतुलन की चर्चा यहाँ भी की जाती है।

यह एक ऐसी शैली भी प्रतीत होती है जो ट्रेंड कर रही है क्योंकि bckgrounds के बीच का निचला कंट्रास्ट टेक्स्ट के कंट्रास्ट को थोड़ा अच्छा बनाता है (मेरी राय में) जैसा कि यहां और यहां के रंग के साथ देखा गया है । ये सैंपल अपने कंटेंट की तुलना में कलर को देखने के लिए ज्यादा हैं। मैं यहां संवाद करना चाहता हूं।

यह जरूरी नहीं कि प्राथमिकता या शैली का अधिक नियम हो। यह डिवाइस-निर्भर की तुलना में अधिक सामग्री-निर्भर है। यह उस जगह के बारे में है जहां आप सबसे अधिक जोर या ध्यान केंद्रित करना चाहते हैं - जहां भी ऐसा होता है, जहां सबसे अधिक विपरीत होना चाहिए। StackExchange के मामले में यह सभी सवालों और जवाबों के बारे में है, इसलिए शरीर वह जगह है जहाँ सबसे अधिक विपरीत है, जहाँ यह सबसे अधिक प्रासंगिक है।

भविष्य में आपके रंग विकल्पों के साथ शुभकामनाएं, यह ध्यान में रखना एक और बात है: डी

— जेना
स्रोत

1

मुझे पता है कि यहां उत्तर कम होना चाहिए, इसलिए आगे और अधिक विस्तृत पढ़ने के लिए लिंक प्रदान करने के लिए आपका उपयोग करने के लिए धन्यवाद (मैं एक पूर्ण नौसिखिया हूं)।

— क्रिस डब्ल्यूडब्ल्यू

मदद करने के लिए खुशी है (यदि केवल थोड़ा सा)। इस प्रश्न के उत्तर में 3 मुख्य घटक हैं: रंग सिद्धांत, वरीयता / शैली और UX डिजाइन। एक उत्तर में प्रत्येक 100% को कवर करना असंभव है (जैसा कि आपने उल्लेख किया है)। इसलिए मैं आपको केवल एक उत्तर देना चाहता था कि आपको क्या पता लगाना है।

— जेना

6

एक शुद्ध-ब्लैक टॉप बार कई वेबसाइटों द्वारा उपयोग की जाने वाली सफेद पृष्ठभूमि के खिलाफ बहुत हड़ताली दिखेगी, जो खराब है क्योंकि स्क्रीन के शीर्ष पर आंख को आकर्षित करने के बजाय सामग्री पर ध्यान देना चाहिए। इसे हल्का (ग्रे) बनाने से टॉप बार और बॉडी के बैकग्राउंड के बीच कंट्रास्ट कम हो जाता है।

हालाँकि, किसी भी चीज़ पर एक ग्रे बैकग्राउंड टेक्स्ट और बैकग्राउंड के बीच संभावित कंट्रास्ट को कम करके लेगेबिलिटी को बाधित करता है। मानव आंख चमक में अंतर के प्रति सबसे अधिक संवेदनशील है, इसलिए 50% ग्रे चुनने का मतलब है कि कोई फर्क नहीं पड़ता कि आप कौन सा पाठ रंग चुनते हैं, आप उपयोगकर्ता की स्क्रीन चमक में अधिकतम आधे अंतर का उपयोग कर सकते हैं।

इसलिए, मुझे लगता है कि 80% काले रंग की पसंद शीर्ष बार कम जारिंग बनाने और इसके विपरीत कंट्रास्ट को संरक्षित करने के बीच एक समझौता है।

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

— यांत्रिक घोंघा
स्रोत

इस साइट पर भी div.post-textअग्रभूमि का रंग color: #111;शुद्ध काले के बजाय है। अनुकूलन करने के लिए ब्राउज़र / डिवाइस / उपयोगकर्ता डिफ़ॉल्ट के लिए पठनीयता या स्क्रीन चमक क्यों नहीं छोड़ते हैं?

— क्रिसडब्ल्यू

0

मेरी राय में ... बस फैशन, रुझान।

यदि उपयोगकर्ता को लगता है कि वेबपृष्ठ उसकी आँखों को चोट पहुँचा रहे हैं, तो वह स्क्रीन की चमक को समायोजित कर सकता है। मोबिल उपकरणों में लोग हर समय ऐसा करते हैं।

"विंटेज" छवियों का एक चलन है। कम संतृप्ति, बाहर धोया।

धोया हुआ लुक सबसे गहरा या / और सफेद बिंदु ग्रे बना सकता है।

https://www.google.com/search?q=vintage+photos&client=firefox-b-ab&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjb04iVr6vYAhUj94MKHQ3nBfQQ_AUICigB&biw=1920&bih=1007

न केवल तस्वीरों में, बल्कि वीडियो में ... "खुश" वीडियो सहित।

https://www.youtube.com/watch?v=9HjrFnKEE8w

यह सच है कि बहुत सारे कंट्रास्ट ऑयिंग हो सकते हैं, विशेष रूप से काले रंग की पृष्ठभूमि के साथ काले रंग की पृष्ठभूमि ... 90 के दशक के वेब डिज़ाइन को याद रखें , काले रंग की पृष्ठभूमि और ओवररेटेड एनिमेटेड जिफ़ के साथ ...

प्रवृत्ति अधिक "दोस्ताना" दिखने वाली वेबसाइटों की है, अधिक "अंतरंग" इसलिए यह कोमलता है। यह "टीवी" लुक के बजाय अधिक "सिनेमाई" लुक भी दे सकता है।

छवियों में एक oposite प्रवृत्ति " Hdri देखो " या ड्रैगान शैली है, उदाहरण के लिए, इसके विपरीत और सूक्ष्म विपरीत उच्चारण।

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

— राफेल
स्रोत

इसके अलावा अगर आपका पूरा पैलेट किसी तरह से सीमित है तो आप अपनी आंख के ऑटोबेलेन्स को मूर्ख बना सकते हैं। अपने उच्च गतिशील रेंज की ओर बढ़ रहा है। चित्रकार हर समय इसका उपयोग करते हैं।

— joojaa

1

यह सिर्फ एक वैध जवाब नहीं है। विज्ञान विज्ञान, नहीं राय - इसके विपरीत चारों ओर, काला, सफेद का उपयोग कर का उपयोग कर, यह सिर्फ है कि है।

— माइक एले