कैसे एक सुंदर रंग पैलेट बनाने के लिए

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

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

रंग पट्टियाँ और इसके विपरीत

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


बाएं से दाएं: सुपर मारियो रन, स्मारक घाटी, ऑल्टो के ओडिसी, लारा क्रॉफ्ट गो

जब हम रंगों के सेट के बारे में सोचते हैं, तो हमें उनकी बातचीत के बारे में सोचना चाहिए: क्या उनमें से कुछ को एक-दूसरे के साथ मिल कर खड़ा होना चाहिए? इसे कंट्रास्ट कहा जाता है।

सुंदर रंग चुनने की प्रक्रिया अक्सर आपके डिजाइन के लिए सही विरोधाभासों को चुनने के लिए नीचे आती है।

फूलों की सुंदरता इस बात पर निर्भर करती है कि वे आपके डिजाइन में एक दूसरे के साथ कैसे काम करते हैं। लेकिन जब यह रंगों के विपरीत होता है, लेकिन इसे विभिन्न तरीकों से बनाया जा सकता है:

चमक (लाइट / डार्क)

चमक एक प्रकार का कंट्रास्ट है जो कल्पना करना आसान है। HSB रंग चयनकर्ता पर, यह ऊर्ध्वाधर अक्ष के साथ आंदोलन से मेल खाती है:


चमक

सामान्य स्थिति में, हम केवल दो रंगों के बीच कंट्रास्ट को बढ़ा सकते हैं, बस उनकी चमक में अंतर बढ़ाकर।


चमक विपरीत

हालांकि यह करना आसान है, लेकिन गुणवत्ता पैलेट बनाना पर्याप्त नहीं है। रंग केवल काले और सफेद रंग के परिमाण में भिन्न होते हैं और केवल उतने दिलचस्प नहीं होते हैं जितने रंग अधिक आयामों में परस्पर क्रिया करते हैं। जो हमें लाता है ...

तानवाला विपरीत

हम रंगों और संतृप्ति के स्तर के संदर्भ में तानवाला विपरीत अनुभव करते हैं। लगभग चमक के मामले की तरह, रंग या संतृप्ति में अंतर में वृद्धि आमतौर पर रंगों के बीच विपरीत की मात्रा को बढ़ाती है।


इसके विपरीत छाया


संतृप्ति (एचएसबी की क्षैतिज अक्ष) और संतृप्ति विपरीत

लेकिन फिर भी, ये मूल्य अकेले पूरे चित्र को चित्रित नहीं कर सकते हैं। हम अभी भी ऐसे रंगों का चयन कर सकते हैं, जो ह्यू या संतृप्ति में अंतर के बावजूद, अभी भी खराब विपरीत हैं।


अलग-अलग शेड्स और खराब कंट्रास्ट


विभिन्न संतृप्ति और खराब विपरीत

यहाँ क्या हो रहा है? इसका उत्तर यह है कि विभिन्न रंगों में अलग-अलग आंतरिक तानवाला मान होते हैं। कई लोगों के लिए (मेरे सहित) यह कल्पना करना मुश्किल है कि तानवाला मान अलग-अलग रंगों में क्या ले सकता है। और यह हमें मेरी पसंदीदा चाल में लाता है ...

ग्रेस्केल हैक

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


विभिन्न रंगों के लिए आंतरिक तानवाला मान

आइए देखें कि एचएसबी रंग चयनकर्ता में ये तानवाला मान कैसा दिखता है। यह भी ध्यान दें कि तंतु मान में परिवर्तन प्रत्येक ह्यू के लिए स्पेक्ट्रम में कैसे बदलता है (सबसे दाहिने कॉलम में दिखाया गया है):


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


संतृप्ति विपरीत: ऊपर उच्च विपरीत, नीचे विपरीत विपरीत।


शेड कॉन्ट्रास्ट: ऊपर हाई कॉन्ट्रास्ट, नीचे बैड कंट्रास्ट।

चलो ऊपर दिखाए गए खेलों पर एक और नज़र डालते हैं, लेकिन अब ग्रेस्केल में।


आप आसानी से नोटिस कर सकते हैं कि अग्रभूमि पृष्ठभूमि के खिलाफ स्पष्ट रूप से खड़ा है, इंटरैक्टिव तत्व गैर-इंटरैक्टिव लोगों के साथ दृढ़ता से विपरीत हैं, और अगर खेल ग्रेस्केल में था, तो यह अभी भी खेलने योग्य रहेगा। इससे सबसे महत्वपूर्ण निष्कर्ष:

अपने डिज़ाइन में मौजूद विरोधाभासों की कल्पना करने के लिए अक्सर और जानबूझकर हैक का उपयोग करें।

सुंदर विरोधाभासों से सुंदर रंग पट्टियों का निर्माण होता है, इसलिए मैं आपको प्रस्तुत करता हूं ...

सुंदर रंग पट्टियाँ चुनने के लिए सूत्र

चलो उपरोक्त विश्लेषण को लागू करते हैं, लेकिन रिवर्स ऑर्डर में: ग्रेस्केल में डिजाइन के साथ शुरू करते हैं, और फिर उपयुक्त रंगों का चयन करने के लिए आगे बढ़ते हैं।

1: यह निर्धारित करें कि हमें इसके विपरीत कहां चाहिए

अपने डिजाइन का फ्रेम बनाएं, और फिर तय करें कि फ्रेम के किन क्षेत्रों में आपको अधिक कंट्रास्ट की जरूरत है और किसमें कम है।

2: डिजाइन को ग्रे के रंगों में रंग दें

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

3: बुनियादी रंग चुनें

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

4: उपयुक्त तानवाला मान रखने के लिए रंगों को समायोजित करें

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

उदाहरण 1


(1) फ़्रेम और (2) पसंदीदा ग्रेस्केल कंट्रास्ट


(3) चयनित आधार रंग

यदि हम ऊपर दिखाए गए रंग पैलेट में आना चाहते हैं, तो हमें यह खोजना होगा कि प्रत्येक रंग के कौन से क्षेत्र मोटे तौर पर डिजाइन के अनुरूप हैं।


बेस रंगों के लिए अनुरूप टन रेंज

अब हम इन क्षेत्रों के किसी भी भाग से रंग संयोजन चुन सकते हैं:


(4) कई रंग पैलेट विकल्प

उदाहरण 2

मेरे ओवरलिंक एप्लिकेशन को विकसित करते समय यह प्रक्रिया कैसी दिखती है:


बाएं से दाएं, ऊपर से नीचे तक प्रक्रिया: वायरफ्रेम, ग्रेस्केल, मूल रंग, अंतिम डिजाइन

बधाई! मुझे आशा है कि यह आपको उन रंगों के सेट चुनने में मदद करता है, जिनके विपरीत आपको उनकी आवश्यकता है, जहां आपको उनकी आवश्यकता नहीं है, मिश्रण करें, और समग्र रूप से सुंदर दिखें।

एक महान डिजाइन बनाने के लिए अकेले कंट्रास्ट सबसे महत्वपूर्ण पहलू नहीं है, लेकिन यह सुंदर पट्टियाँ चुनने में महत्वपूर्ण भूमिका निभाता है।