कैरेक्टर का कंट्रास्ट खोए बिना वर्चुअल पेट डिवाइस के रंगों की योजना कैसे बनाएं
वर्चुअल पेट डिवाइस के लिए रंग विकल्पों की योजना बनाते समय, पहले कैरेक्टर के स्पष्ट सिल्हूट (आकार) और मुख्य विशेषताओं को सुरक्षित रखें, फिर उनके आस-पास पृष्ठभूमि, एक्सेसरीज़ और पैलेट के लहज़ों में बदलाव करें। प्रत्येक विकल्प को एक संपूर्ण स्क्रीन डिज़ाइन के रूप में देखें: पेट की उसकी वास्तविक पृष्ठभूमि के साथ जांच करें, पुष्टि करें कि छोटे विवरण अभी भी अलग नज़र आ रहे हैं, और महत्वपूर्ण विवरणों को अलग दिखाने के लिए रंग के साथ-साथ आकार या निशानों का उपयोग करें।
उन हिस्सों से शुरुआत करें जो पेट को पहचानने योग्य बनाते हैं
उन विशेषताओं की सूची बनाएं जिन्हें दर्शक को तुरंत पहचानने की आवश्यकता होती है: जैसे कि रूपरेखा (आउटलाइन), आंखें, मुंह, कान, खोल (शेल), या कोई विशिष्ट पहचान चिह्न। सूची कैरेक्टर पर निर्भर करती है; कोई सार्वभौमिक विशेषता सेट नहीं है। चिह्नित करें कि कौन सी विशेषताएं हर रंग विकल्प में दिखाई देनी चाहिए और कौन सी सजावटी रूप से बदल सकती हैं। यह पैलेट के लिए कंट्रास्ट योजना बन जाती है।
कैरेक्टर का एक सादा, एकल-रंग (सिंगल-कलर) संस्करण बनाएं और जांचें कि क्या इसकी मुद्रा और रूपरेखा अभी भी डिवाइस के इच्छित देखने के आकार पर स्पष्ट रूप से समझ आती है। यदि कैरेक्टर अपने आकार या भाव को व्यक्त करने के लिए किसी रंगीन पैच पर निर्भर करता है, तो उस विशेषता को किसी सीमा (बाउंड्री), स्पेसिंग या एक विशिष्ट रूप के साथ सुदृढ़ करें। यह एक डिज़ाइन विधि है, कोई औपचारिक पहुंच (एक्सेसिबिलिटी) परीक्षण नहीं: इससे यह पता लगाने में मदद मिलती है कि क्या पहचान का पूरा काम केवल कोई रंग (ह्यू) ही कर रहा है।
कैरेक्टर के रंगों को स्क्रीन की पृष्ठभूमि से अलग करें
रंगों के नमूने (स्वैच) चुनने से पहले रंगों को उनके काम सौंपें। स्क्रीन की पृष्ठभूमि, पेट के मुख्य शरीर, उसकी रूपरेखा या छाया, चेहरे के विवरण और कपड़ों या आवास की वस्तुओं जैसे वैकल्पिक लहज़ों के लिए भूमिकाएं निर्धारित करें। कई भूमिकाओं को समान हल्केपन (लाइटनेस) वाले मानों के समूह में सिमटने से बचाएं। उदाहरण के लिए, हल्के क्रीम रंग की स्क्रीन पर एक चमकीले पीले रंग का पेट अपनी किनारी खो सकता है, भले ही उनके रंग (ह्यू) अलग हों।
उन सभी रंगों के संयोजनों की जांच करें जो एक-दूसरे के बगल में दिखाई देंगे: पृष्ठभूमि के विपरीत शरीर, शरीर के विपरीत रूपरेखा, और चेहरे के विपरीत आंखें या मुंह। सार्थक ग्राफिकल ऑब्जेक्ट्स और इंटरफ़ेस घटकों के लिए W3C मार्गदर्शन आस-पास के रंगों के मुकाबले 3:1 के कंट्रास्ट अनुपात को एक मानक के रूप में उपयोग करता है; इसका टेक्स्ट मार्गदर्शन सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 निर्धारित करता है। वे मानदंड वेब सामग्री के लिए लिखे गए हैं, इसलिए वे किसी भौतिक डिवाइस के डिस्प्ले को प्रमाणित नहीं करते हैं, लेकिन जब स्क्रीन में टेक्स्ट या आवश्यक ग्राफिक विवरण शामिल होते हैं तो वे एक उपयोगी संदर्भ प्रदान करते हैं। W3C: गैर-टेक्स्ट कंट्रास्ट और W3C: कंट्रास्ट (न्यूनतम)
रंग विकल्पों को भूमिका-आधारित प्रणाली के अंतर्गत रखें
एक समय में एक भूमिका को बदलकर विकल्पों का एक छोटा सेट तैयार करें। उदाहरण के लिए, शरीर के कई रंग पेश करते हुए चेहरे और प्रमुख निशानों को स्थिर रखें; या पृष्ठभूमि की थीम बदलते हुए शरीर को स्थिर रखें। इससे यह बताना आसान हो जाता है कि क्या कोई नया विकल्प पहचान को नुकसान पहुंचा रहा है और यह प्रत्येक पैलेट को एक सुसंगत संरचना देता है।
एक व्यावहारिक पैलेट शीट प्रत्येक नमूने (स्वैच) के लिए भूमिका, रंग मान और आस-पास के रंगों को रिकॉर्ड कर सकती है। यदि दोनों का उपयोग करने की योजना है तो कम से कम एक हल्के और एक गहरे रंग की पृष्ठभूमि का विकल्प शामिल करें, फिर प्रत्येक पर उसी पेट का परीक्षण करें। यदि शरीर का कोई रंग केवल एक ही पृष्ठभूमि पर काम करता है, तो इस संयोजन को एक बाधा के रूप में नोट करें, न कि यह मान लें कि स्वैच सार्वभौमिक रूप से विनिमेय (इंटरचेंजेबल) है।
यह भूमिका-आधारित दृष्टिकोण वास्तविक आसन्न जोड़ों का परीक्षण करने की आवश्यकता से प्राप्त एक संपादकीय अनुशंसा है। एडोब का एक्सेसिबिलिटी मार्गदर्शन पैलेट के टकरावों की जांच करने और रंगों में अंतर करना कठिन होने पर ब्राइटनेस या आरजीबी मानों को समायोजित करने का सुझाव देता है। Adobe: Color choices that are accessible
हर अंतर को स्पष्ट करने का भार केवल रंग (ह्यू) पर न डालें
यदि दो महत्वपूर्ण निशान केवल रंग से भिन्न हैं, तो परीक्षण करें कि क्या वे ग्रेस्केल में या कलर-विज़न सिमुलेशन के साथ देखे जाने पर भी अलग पहचाने जा सकते हैं। किसी कमजोर अंतर को दूसरे संकेत के साथ मजबूत करें: जहां डिज़ाइन के अनुकूल हो, विभिन्न आकारों, रूपरेखाओं, पैटर्न, स्थितियों या लेबलों का उपयोग करें। विश्व स्वास्थ्य संगठन की डिज़ाइन हैंडबुक भ्रम को कम करने के लिए चमक में बदलाव करने और रंगों को प्रतीकों या सरल पैटर्न के साथ जोड़ने की सलाह देती है, साथ ही यह चेतावनी भी देती है कि अत्यधिक पैटर्न डिज़ाइन को पढ़ना कठिन बना सकते हैं। WHO: Considerations for accessible design
अतिरिक्त संकेतों को संयमित रखें। एक छोटी सी धारी या विशिष्ट पैच पर्याप्त हो सकता है; कई प्रतिस्पर्धी रूपरेखाएं, बनावट और हाइलाइट्स कैरेक्टर के हाव-भाव को अस्पष्ट कर सकते हैं। यदि कोई निशान सार्थक होने के बजाय सजावटी है, तो उसे अलग संकेत देने की आवश्यकता नहीं है।
उस आकार और स्थितियों में परीक्षण करें जिन्हें लोग देखेंगे
डिवाइस स्क्रीन के निरूपण पर, स्क्रीन पर अपेक्षित कैरेक्टर के आकार में रंग के प्रकारों की समीक्षा करें। पूरे कैरेक्टर और पुतलियों, मुंह की रेखाओं या पतले निशानों जैसे छोटे विवरणों दोनों का निरीक्षण करें। बड़ा करके देखी जाने वाली डिज़ाइन फ़ाइलों में स्पष्ट दिखने वाला पैलेट छोटे डिस्प्ले आकार में आपस में मिल सकता है। स्क्रीन को ग्रेस्केल में भी प्रीव्यू करें और स्क्रीनिंग सहायता के रूप में कलर-विज़न सिमुलेशन का उपयोग करें। सिमुलेशन संभावित टकरावों को चिह्नित कर सकते हैं, लेकिन वे वास्तविक डिस्प्ले और इच्छित देखने की स्थितियों की जांच करने की जगह नहीं ले सकते।
प्रत्येक प्रकार के लिए एक सरल पास-या-संशोधन शीट का उपयोग करें: क्या सिल्हूट पृष्ठभूमि से अलग है? क्या आप अभी भी मुख्य भाव और निशान देख सकते हैं? क्या आस-पास के आवश्यक तत्व चमक या किसी अन्य संकेत से पहचाने जाने योग्य हैं? क्या कोई टेक्स्ट अपनी पृष्ठभूमि पर पठनीय बना रहता है? W3C नोट करता है कि ग्रेडिएंट कंट्रास्ट आकलन को जटिल बना सकते हैं, इसलिए किसी एकल स्वैच मान पर निर्भर रहने के बजाय किसी विशेषता के पीछे के वास्तविक क्षेत्र का परीक्षण करें। W3C: गैर-टेक्स्ट कंट्रास्ट
यदि कोई संस्करण विफल हो जाता है, तो पहले चमक या आसपास की पृष्ठभूमि को समायोजित करें; यह अक्सर अलगाव को बहाल करते हुए कैरेक्टर के चुने हुए रंग (ह्यू) को बनाए रखता है। यदि विशेषता फिर भी गायब हो जाती है, तो इसकी सीमा को मजबूत करें या इसका रूप बदलें। प्रत्येक परिवर्तन के बाद पूरी स्क्रीन की दोबारा जांच करें, क्योंकि एक आसन्न जोड़े को बेहतर बनाने से दूसरे पर प्रभाव पड़ सकता है।
स्पष्ट समझौतों (ट्रेड-ऑफ) के साथ अंतिम चयन करें
उम्मीदवारों की तुलना भूमिका के अनुसार करें, यह पूछकर नहीं कि कौन सा पैलेट बस "सर्वोत्तम" है। अत्यधिक संतृप्त (सैचुरेटेड) शरीर जीवंत लग सकता है लेकिन चेहरे के साथ प्रतिस्पर्धा कर सकता है; एक हल्की (म्यूटेड) पृष्ठभूमि पेट पर ध्यान केंद्रित रख सकती है लेकिन टेक्स्ट या आइकन देखना कठिन बना सकती है। वह विकल्प चुनें जो आवश्यक कैरेक्टर विशेषताओं को सुरक्षित रखता है और बाकी स्क्रीन के बगल में पठनीय बना रहता है। अस्वीकार किए गए संयोजनों और उनके विफल होने के कारणों का रिकॉर्ड रखें, ताकि बाद के बदलाव वही कम-कंट्रास्ट वाली जोड़ी फिर से पेश न करें।
परिणाम स्पष्ट सीमाओं के साथ रंग विकल्पों का एक सेट होना चाहिए: कौन से बॉडी शेड्स किन पृष्ठभूमियों पर काम करते हैं, कौन से विवरण स्थिर रहते हैं, और किन अंतरों के लिए गैर-रंग संकेत की आवश्यकता होती है। यह डिज़ाइनरों को वास्तव में पेश किए गए विकल्पों में वर्चुअल पेट को पहचानने योग्य रखते हुए विविधता पैदा करने की गुंजाइश देता है।