वेब डिजाइनमा कन्फर्मेन्सी अग्रभूमि र पृष्ठभूमि पृष्ठभूमि प्रयोग गर्दै

तपाईंको वेबसाइटको पढ्न योग्यता र पर्याप्त भिन्नता संग प्रयोगकर्ता अनुभव सुधार गर्नुहोस्

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

कम कंट्रास्ट एक गरीब पढ्ने अनुभव बराबर छ

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

कन्ट्रास्टको सन्दर्भमा

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

रंग छनौट गर्नुहोस्

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

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

अनलाइन उपकरण

तपाईंको आफ्नै डिजाइन अर्थको अतिरिक्त, त्यहाँ केहि अनलाइन उपकरणहरू छन् जुन तपाइँले तपाइँको साइटको रङ छनोट परीक्षण गर्न प्रयोग गर्न सक्नुहुनेछ।

CheckMyColors.com ले तपाईंको सबै साइटको रंगहरू परीक्षण गर्नेछ र पृष्ठमा भएका तत्वहरू बीचको विपरीत अनुपातमा रिपोर्ट गर्नेछ।

थप रूपमा, रंग छनौटहरूको बारेमा सोच्दा, तपाईंले वेबसाइटको पहुँच र व्यक्तिलाई जुन रंगको अन्धाकारको रूपहरू पनि विचार गर्नुपर्दछ। WebAIM.org ले यससंग मद्दत गर्न सक्छ, जस्तै ContrastChecker.com, जुन WCAG दिशानिर्देशहरूको विरूद्ध तपाईंका विकल्पहरू परीक्षण गर्नेछ।