क्या वेबसाइट के उच्च सामग्री वाले क्षेत्रों को सफेद / हल्के रंग का होना चाहिए?


9

कई वेबसाइटें जिन्हें पढ़ने के लिए आसान बनाया गया है (जैसे। nytimes.com या ilovetypography.com ) सामग्री को पढ़ने में आसान बनाने के लिए काले फोंट के साथ सफेद पृष्ठभूमि का उपयोग करें। क्या केवल उच्च-सामग्री वाले क्षेत्रों के लिए हल्के रंगों का उपयोग करना आवश्यक है या गहरे रंग की पृष्ठभूमि समान रूप से पठनीय हो सकती है?

जवाबों:


14

डार्क बैकग्राउंड को आमतौर पर लाइट बैकग्राउंड से कम पठनीय माना जाता है। विपरीतता का पर्याप्त स्तर पठनीयता के लिए भी बहुत महत्वपूर्ण है।

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

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

आगे पढ़ने के लिए: अंधेरे पृष्ठभूमि पर प्रकाश पाठ बनाम पठनीयता


5

पठनीयता के इस पहलू के साथ मुख्य चिंता विपरीत है । काले रंग की पृष्ठभूमि पर सफेद पाठ उसी तरह विपरीत होता है जैसे कि सफेद पृष्ठभूमि पर काला पाठ करता है। काले पर सफेद वास्तव में आंखों पर आसान होता है जब सफेद पर काले रंग की तुलना में प्रकाश उत्सर्जक स्क्रीन पर देखा जाता है, क्योंकि कम प्रकाश प्रसारित किया जा रहा है।

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

संपादित करें: अब इसे फिर से पढ़ना, मुझे इस बात पर जोर देना चाहिए कि मैं व्यक्तिगत रूप से सफेद वेबसाइटों द्वारा मुझ पर दागी गई रोशनी की मात्रा को असहज महसूस करता हूं। मैं जहां भी संभव हो काली पृष्ठभूमि का उपयोग करता हूं और पठनीयता के साथ कोई समस्या नहीं है। अन्य उत्तर बताता है कि यह आदर्श नहीं हो सकता है।


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

शायद यही संभव है। मुझे निश्चित रूप से यह सुझाव देने का मतलब नहीं था कि यह अन्य कारकों पर निर्भर नहीं हो सकता।
मैथ्यू पढ़ें

1
दूसरी तरफ, जब मैं डार्क बैकग्राउंड पर लाइट टेक्स्ट पढ़ता हूं, तो मैं व्यक्तिगत रूप से बर्न-इन (आफ्टर-इमेज) मुद्दों को देखता हूं और उन्हें अपठनीय पाता हूं।
राशिफल

@ e100: मुझे लगता है कि आपकी स्क्रीन या तो मंद हो जाएगी (मैं 60-70 cd / m² के बारे में कहूंगा) या आपके डेस्क पर प्रकाश काफी उज्ज्वल है, या दोनों :)। किसी भी तरह, मैं निश्चित रूप से सहमत हूँ कि विद्यार्थियों को उस मामले में बहुत कम करना होगा यदि मुद्रित और प्रदर्शित पाठ के बीच आगे और पीछे बढ़ रहा है।
thebodzio

@MatthewRead: मैं बल्कि "luminance" कहना चाहूंगा।
thebodzio

0

मैं कहूंगा: लोगों को उनके लिए सही संयोजन चुनने दें। कुछ अंधेरे पर उज्ज्वल पसंद करते हैं, उज्ज्वल पर अन्य अंधेरे - यह कहना मुश्किल है कि कौन सा बेहतर है, भले ही कोई उस पर कुछ वैज्ञानिक सर्वेक्षण करे। इसके अलावा, वरीयताएँ बदल सकती हैं क्योंकि देखने की स्थिति है। सरल विषय स्विच अमूल्य होगा - हर कोई अपनी सीएसएस स्टाइलशीट का उपयोग नहीं करता है। BTW, मैंने जिन कागजों के बारे में देखा है, उनमें से कुछ छोटे पाठ नमूनों पर आधारित हैं - कुछ हज़ार शब्दों के बारे में। यह देखना दिलचस्प होगा कि जब पाठ लंबा होता है, तो लगभग 5 अध्यायों वाली एक पुस्तक की तरह, कई हजार शब्द प्रत्येक।

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

एक बात, मुझे लगता है कि बहुत स्पष्ट रूप से और दृढ़ता से इसके विपरीत जोर नहीं दिया जा सकता है कि यह इसके बारे में "सही" होना चाहिए। न केवल "पर्याप्त", बल्कि "ज्यादा नहीं" भी। मैं छोटे प्रकाशन गृह में काम करता हूं और अधिक बार मैं कविता को नरक के रूप में उज्ज्वल चुनता हुआ देखता हूं (POW नीले रंग में स्थानांतरित) उनकी पुस्तकों के लिए कागज 150+ पृष्ठों की गिनती। ग्राहकों के रूप में यह उनका अधिकार है, अक्सर एक दावे के द्वारा समर्थन किया जाता है कि "यह पढ़ना आसान है, विशेष रूप से पुराने (sic!) लोगों के लिए, उज्ज्वल, श्वेत पत्र पर अच्छा, काला पाठ"। उसी समय मैं उन लोगों के बीच अपना अनौपचारिक सर्वेक्षण कर रहा हूं, जो बहुत पढ़ते हैं। सभी ने कहा कि अत्यधिक चमकीले कागज उनकी आंखों को मार रहे हैं। अक्सर वे पुराने मुद्दों के लिए जाते हैं - वे जिन्हें "पीला" चालू करने का मौका था;), बस उन्हें आराम से पढ़ने में सक्षम होने के लिए। मुझे लगता है कि डिस्प्ले के लिए भी यही सच है। इसके विपरीत - हाँ ... बस इसके बहुत अधिक नहीं।

और एक और ध्यान दें: जब मैं कागज पर पाठ पढ़ने का उल्लेख करता हूं (और नरक के रूप में कागज उज्ज्वल;), एक देखने की स्थिति के रूप में मैं फ्लोरोसेंट रोशनी ग्रहण करता हूं, लगभग 2800-3200 के।


0

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.