हाय! मैं जून हूँ। मुझे अपने डिजाइन में जीवंत रंगों का उपयोग करना पसंद है, लेकिन हाल ही में मैंने एक बात देखी: मैंने छोटे समूह के दर्शकों पर पर्याप्त विचार नहीं किया।

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

मुझे गलत न समझें, इसका मतलब यह नहीं है कि हमें अपने डिज़ाइन में रंगों का उपयोग नहीं करना चाहिए या यदि आप कलर ब्लाइंड हैं तो आप डिज़ाइनर नहीं हो सकते। हाल ही में, मैं कई कलर-ब्लाइंड डिजाइनरों के संपर्क में आया और मुझे वास्तव में इस बात में दिलचस्पी हुई कि यह उनके लिए डिज़ाइन देखने और बनाने के लिए कैसे काम करता है।

मेरे पास बहुत सारे प्रश्न थे जैसे कि कौन से रंग सबसे अच्छा काम करते हैं, कौन से रंग संयोजन का उपयोग करना है, रंग-अंधे दर्शकों के लिए डिज़ाइन को बेहतर बनाने के लिए मैं क्या कर सकता हूं, आदि।

इसलिए मैंने शोध करने में दिन बिताए और इस लेख को कलर ब्लाइंड डिजाइनरों और गैर-कलर-ब्लाइंड डिजाइनरों दोनों के लिए एक साथ रखना, जो कलर-ब्लाइंड ऑडियंस के लिए अपने डिजाइन में सुधार कर सकते हैं।

कलर ब्लाइंडनेस क्या है

एक सरल व्याख्या: कलर ब्लाइंडनेस का मतलब है जब कोई सामान्य तरीके से रंगों को नहीं देख सकता है। कलर ब्लाइंडनेस (या रंग की कमी) वाले लोग अंतर नहीं कर सकते हैं कुछ रंग, आमतौर पर हरे और लाल, लेकिन अन्य प्रकार के वर्णांधता भी होते हैं।

3 सामान्य प्रकार के रंगअंधापन

लाल-हरे रंग का अंधापन रंग अंधापन का सबसे आम प्रकार है, इसके बाद नीला-पीला रंग अंधापन और पूर्ण रंग अंधापन होता है। तो, कलर ब्लाइंड लोग क्या देखते हैं?

इमेज फ्रॉम r/Science

1. लाल-हरे रंग का अंधापन

वे हरे और लाल रंग के बीच अंतर नहीं बता सकते। रेड-ग्रीन कलर ब्लाइंडनेस भी चार प्रकार की होती है।

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

Deuteranomaly लाल-हरे रंग की वर्णांधता का सबसे आम प्रकार है और यह हरे रंग को और अधिक लाल बना देता है। दूसरी ओर, प्रोटानोमेली लाल रंग को अधिक हरा और कम चमकीला बनाता है। प्रोटानोपिया और ड्यूटेरानोपिया वाला कोई व्यक्ति लाल और हरे रंग के बीच बिल्कुल भी अंतर नहीं बता सकता है।

2. नीला-पीला रंग अंधापन

नीले-पीले रंग का अंधापन आमतौर पर नीले और हरे, या पीले और लाल के बीच अंतर नहीं कर सकता है। इस प्रकार के नीले-पीले कलरब्लाइंड को ट्रिटेनोमली के रूप में जाना जाता है।

एक अन्य प्रकार के नीले-पीले रंग के अंधे लोग (जिन्हें ट्रिटानोपिया भी कहा जाता है), नीले और हरे रंग के अलावा, वे बैंगनी और लाल, या पीले और गुलाबी के बीच अंतर नहीं बता सकते।

3. पूर्ण कलर ब्लाइंडनेस

पूर्ण कलर ब्लाइंडनेस को मोनोक्रोमेसी के रूप में भी जाना जाता है। दुर्भाग्य से, किसी के साथपूर्ण रंग अंधापन किसी भी रंग को देखने में सक्षम नहीं है, लेकिन यह बहुत सामान्य नहीं है।

क्या आप कलर ब्लाइंड हैं?

यह पता लगाने का एक त्वरित तरीका यह है कि आप एक त्वरित कलर ब्लाइंडनेस टेस्ट कर सकते हैं जिसे इशिहारा कलर प्लेट कहा जाता है, जिसे आप ऑनलाइन पा सकते हैं। यहाँ इशिहारा परीक्षण के कुछ उदाहरण दिए गए हैं। क्या आप डॉट्स के बीच सर्कल प्लेट्स के अंदर संख्याएं (42, 12, 6 और 74) देख सकते हैं?

लेकिन अगर आपको अलग-अलग ऑनलाइन कलर ब्लाइंड टेस्ट से कलर विजन डेफिसिएंसी पर वास्तव में कम स्कोर मिल रहा है, तो नेत्र रोग विशेषज्ञ से मिलना एक अच्छा विचार है क्योंकि ऑनलाइन टेस्ट हमेशा 100% सटीक नहीं होते हैं।

अब जब आप विभिन्न प्रकार के कलर ब्लाइंडनेस के बारे में कुछ जान गए हैं, तो अगली बात सीखने की है कि कलर ब्लाइंडनेस के लिए कैसे डिजाइन किया जाए।

कलर ब्लाइंडनेस के लिए डिज़ाइन कैसे करें (5 टिप्स)

कलर ब्लाइंडनेस के लिए डिज़ाइन को बेहतर बनाने के विभिन्न तरीके हैं, जैसे कि कलरब्लाइंड-फ्रेंडली पैलेट का उपयोग करना, कुछ रंग संयोजनों से बचना, अधिक प्रतीकों का उपयोग करना, आदि

युक्ति #1: कलर-ब्लाइंड फ्रेंडली पैलेट का उपयोग करें

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

उदाहरण के लिए, आप ColorBrewer पर कलर-ब्लाइंड-फ्रेंडली पैलेट आसानी से बना सकते हैं।

कूलर पर, आप कलर ब्लाइंडनेस का प्रकार चुन सकते हैं, औरपैलेट तदनुसार रंगों को समायोजित करेगा।

Adobe Color में कलर-ब्लाइंड सिमुलेटर भी है और रंग चुनते समय आप कलर ब्लाइंड सेफ मोड चुन सकते हैं।

आप देख सकते हैं कि आपके द्वारा चुने गए रंग कलर ब्लाइंड सेफ हैं या नहीं।

विभिन्न प्रकार के कलर ब्लाइंडनेस के लिए एडोब कलर ब्लाइंड सिम्युलेटर

आप एक छोटा परीक्षण कर सकते हैं, डिजाइन को काले और सफेद रंग में प्रिंट कर सकते हैं, आप सभी जानकारी पढ़ सकते हैं, फिर एक रंग-अंधा व्यक्ति भी इसे पढ़ सकता है।

युक्ति #2: बचने के लिए रंग संयोजन

सही रंग चुनना आवश्यक है जब आपके दर्शक कलर ब्लाइंड हों। कुछ रंग संयोजन काम नहीं करेंगे।

वर्णांधता के लिए डिज़ाइन करते समय बचने के लिए यहां छह रंग संयोजन हैं:

• लाल और amp; हरा
• हरा और amp; भूरा
• हरा और amp; नीला
• नीला और amp; ग्रे
• नीला और amp; बैंगनी
• लाल और; काला

मैं कहूंगा कि ग्राफ़ और चार्ट से बहुत सी असुविधाएँ आती हैं। रंग-अंधा दर्शकों के लिए रंगीन आंकड़े चार्ट और ग्राफ़ समस्याग्रस्त हैं क्योंकि वे डेटा के लिए संबंधित रंग नहीं देख सकते हैं।

वेब डिज़ाइन, विशेष रूप से, बटन और लिंक दूसरी चीज़ है। कई बटन या तो लाल या हरे हैं, लिंक नीले हैं, या क्लिक किए गए लिंक बैंगनी हैं। यदि एंकर टेक्स्ट के नीचे कोई अंडरलाइन नहीं है, तो कलर-ब्लाइंड उपयोगकर्ता लिंक नहीं देख पाएंगे।

उदाहरण के लिए, लाल-हरा कलर ब्लाइंडनेस कलर ब्लाइंडनेस का सबसे आम प्रकार है, इसलिए दो रंगों का एक साथ उपयोग करना समस्याग्रस्त हो सकता है।

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

युक्ति #3: मजबूत कंट्रास्ट का उपयोग करें

अपने डिजाइन में उच्च-कंट्रास्ट रंगों का उपयोग करने से कलर-ब्लाइंड दर्शकों को संदर्भ में अंतर करने में मदद मिल सकती है।

मान लें कि आप अलग-अलग रंगों का ग्राफ़ बना रहे हैं। जब आप उच्च कंट्रास्ट का उपयोग करते हैं, भले ही रंग-अंधा दर्शक ठीक उसी रंग को नहीं देख पाता है, कम से कम वह समझ सकता है कि डेटा अलग है।

जब आप समान रंगों का उपयोग करते हैं, तो यह भ्रामक लग सकता है।

युक्ति #4: ग्राफ़ और चार्ट के लिए बनावट या आकार का उपयोग करें

डेटा दिखाने के लिए अलग-अलग रंगों का उपयोग करने के बजाय, आप दिनांक को चिह्नित करने के लिए वैकल्पिक रूप से आकृतियों का उपयोग कर सकते हैं। विभिन्न डेटा का प्रतिनिधित्व करने के लिए विभिन्न प्रकार की पंक्तियों का उपयोग करना भी एक अच्छा विचार है।

टिप #5: अधिक टेक्स्ट और आइकन का उपयोग करें

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

Adobe Illustrator में अपनी कलाकृति के कलर ब्लाइंड संस्करण की जांच करने के बारे में सुनिश्चित नहीं हैं? पढ़ते रहिये।

Adobe Illustrator में कलर ब्लाइंडनेस को कैसे उत्तेजित करें

Adobe Illustrator में एक डिज़ाइन बनाया औरदोबारा जांचना चाहते हैं कि क्या यह कलर-ब्लाइंड फ्रेंडली है? आप ओवरहेड मेनू से व्यू मोड को जल्दी से स्विच कर सकते हैं।

ओवरहेड मेनू पर जाएं देखें > प्रूफ सेटअप और आप दो कलर ब्लाइंडनेस मोड्स में से चुन सकते हैं: कलर ब्लाइंडनेस - प्रोटानोपिया-टाइप या कलर ब्लाइंडनेस - ड्यूटेरोनोपिया-टाइप ।

अब आप देख सकते हैं कि आपके आर्टवर्क में कलर ब्लाइंड लोगों को क्या दिखाई देता है।

निष्कर्ष

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

स्रोत:

• //www.nei.nih.gov/learn-about-eye-health/eye-conditions-and-diseases/color -blindness/types-color-blindness
• //www.aao.org/eye-health/diseases/what-is-color-blindness
• //www.colourbindawareness.org/