काली पृष्ठभूमि के साथ उपयोग करने के लिए रंग?


17

क्या एक काले बीजी पर पीले पाठ का उपयोग करना बुरा है जैसा कि माइक ने यहां बताया है ? यदि हाँ, तो मुझे कौन से रंगों का उपयोग करना चाहिए (RGB या hex values)?

यहाँ छवि विवरण दर्ज करें


फ़ॉन्ट बहुत तंग है।
bjb568 3

जवाबों:


22

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

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

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

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

साइमन एरामो की यह अद्भुत यूआई किट आपको एक गहरे रंग की पृष्ठभूमि पर चमकीले रंगों का उपयोग करने का एक अच्छा विचार देती है

साइमन एरामो द्वारा फ्लैट बोल्ड यूआई किट

यह साइट काले और पीले रंग का उपयोग करने का एक बहुत अच्छा उदाहरण देती है, रंग योजना के संभावित कठोरता को सफेद से ऑफ-सेट करने के लिए।

डिएगो करुमा द्वारा फर्नांडो हेनरिक साइट

यहां का पीला प्राथमिक है, लेकिन इसका उपयोग केवल हाइलाइट करने के लिए किया जाता है।

यदि आप अधिक सुनारों और नारंगी-यलो जैसे कि # f39c12 या # ffbb33 पर सॉफ्ट ब्लैक या डार्क ग्रे बैकग्राउंड जैसे # 333333 या # 555555 की ओर रुख करते हैं तो आपको चाहिए कि यह आंखों पर आसान हो।


जवाब के लिए धन्यवाद; यहाँ एक अनुवर्ती प्रश्न है
lllllllllllllllllllllllllllll

10

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

  • वे कभी भी पूर्ण, सच्ची काली पृष्ठभूमि में नहीं जाते हैं
  • वे कभी भी पैरा टेक्स्ट के रूप में पीले रंग का उपयोग नहीं करते हैं जहां या जहां सामग्री है, यह मुख्य रूप से हेडिंग और सब हेडिंग के रूप में उपयोग किया जाता है।

Rexona रेक्सोना साइट

Cinematik Cinematk

Devstars.com DevStars

टाइपोग्राफी की सेवा - इस साइट पर पीले टाइपोग्राफी डिज़ाइन हैं, साथ ही यह केवल उन उदाहरणों को दिखाने के लिए है जो वेब तक सीमित नहीं हैं। टाइपोग्राफी की सेवा दी

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


1
पीली और काली साइटों के उदाहरणों के लिए +1। एक और अच्छा उदाहरण है ब्रेकबीट.यूके
मैट फ्लेचर

1

मुझे लगता है कि एक गहरा छाया बेहतर होगा। अधिक सोना या पीला नारंगी


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