डिज़ाइन में रंग मनोविज्ञान
हर रंग डिज़ाइन में वास्तव में क्या संप्रेषित करता है। तीन नियम।
हर रंग एक निर्णय है। बटन पर लाल सजावट नहीं है, यह एक रूपांतरण दांव है। स्वास्थ्यसेवा ऐप में नीला सौंदर्य संबंधी वरीयता नहीं है, यह एक विश्वास संकेत है। जो ब्रांड इसे समझते हैं वे पैलेट भेजते हैं जो काम करते हैं। जो नहीं समझते वे पैलेट भेजते हैं जो अच्छे लगते हैं और कुछ नहीं बदलते हैं।
यह है जो रंग मनोविज्ञान वास्तव में तब दिखता है जब यह वास्तविक डिजाइन निर्णयों से मिलता है।
रंग सजावटी नहीं हैं
रंग पहली चीज है जो मस्तिष्क संसाधित करता है जब वह एक दृश्य का सामना करता है। आँख शीर्षक पढ़ने या लोगो को पहचानने से पहले, वह पहले से ही रंग का जवाब दे चुका है। वह प्रतिक्रिया भावनात्मक, तत्काल और ज्यादातर अचेतन है।
यह रहस्यवाद नहीं है। यह विज्ञान है। रंग संस्कृति, अनुभव और संदर्भ से निर्मित संगठन को ट्रिगर करता है। लाल सार्वभौमिक रूप से "खतरा" का अर्थ नहीं है। यह पूरी तरह से इस पर निर्भर करता है कि यह कहाँ दिखाई देता है और इसके चारों ओर क्या है।
अधिकांश डिजाइनरों द्वारा की गई गलती रंग मनोविज्ञान को एक खोज तालिका के रूप में मानना है। लाल बराबर उत्तेजना, नीला बराबर विश्वास, हरा बराबर प्रकृति। वह फ्रेमिंग उपयोगी होने के लिए बहुत सरल है। रंग मनोविज्ञान संदर्भमूलक है, सार्वभौमिक नहीं है।
हर रंग वास्तव में क्या संचार करता है
यहाँ ईमानदार टूटना है। अत्यधिक सरल संस्करण नहीं, बल्कि जब हर रंग एक वास्तविक उत्पाद, वास्तविक ब्रांड या वास्तविक इंटरफेस में दिखाई देता है तो क्या करता है।
लाल किसी भी अन्य रंग की तुलना में तेजी से ध्यान आकर्षित करता है। Coca-Cola, YouTube और Netflix इसका उपयोग करते हैं क्योंकि लाल तत्काल जरूरत और भूख को ट्रिगर करता है। एक यूआई में, लाल आपका "अभी कार्य करो" रंग है: बिक्री बैज, त्रुटि राज्य, तटस्थ पृष्ठों पर प्राथमिक कॉल टू एक्शन। इसे बिना लाभ के कम करें, या यह कुछ भी नहीं मतलब समाप्त होगा।
नीला एक कारण के लिए इंटरनेट का पसंदीदा रंग है। यह विश्वास, स्थिरता और दक्षता को संकेत देता है। PayPal, LinkedIn और Calm सभी नीले पर निर्भर करते हैं "आप यहाँ सुरक्षित हैं" कहने के लिए। जोखिम बाहरीता है। यदि आपके स्थान में हर प्रतियोगी नीला उपयोग करता है, तो आपकी नीली पहचान भीड़ में गायब हो जाती है।
हरा दोहरी कर्तव्य करता है। कल्याण और ईको ब्रांड (Whole Foods, Beyond Meat) में, यह प्राकृतिक और स्वस्थ के रूप में पढ़ता है। Fintech में (Robinhood, Mint), यह पैसे और वृद्धि के रूप में पढ़ता है। Spotify ने संगीत के लिए हरा उपयोग करके सांचे को तोड़ा, यह साबित करते हुए कि मजबूत ब्रांडिंग डिफ़ॉल्ट संगठनों को ओवरराइड कर सकती है।
पीला शुद्ध आशावाद और गर्मजोशी है, लेकिन यह अच्छी तरह से उपयोग करने के लिए सबसे कठिन रंग है। बहुत पीला अभिभूत करता है। बहुत कम गायब हो जाता है। Snapchat, IKEA और National Geographic इसे एक प्रमुख संकेत के रूप में उपयोग करते हैं, पृष्ठभूमि धोने के रूप में नहीं। यह छोटे, उच्च-विपरीत खुराक में सबसे अच्छा काम करता है।
बैंगनी प्रीमियम और अपरंपरागत को संकेत देता है। Figma, Twitch और Cadbury इसका उपयोग नीले-हरे बहुमत से अलग होने के लिए करते हैं। Fintech में, बैंगनी कहता है "हम आपके पिता का बैंक नहीं हैं"। यह बचकाना हुए बिना रचनात्मक के रूप में पढ़ता है।
नारंगी लाल की जरूरत और पीले की गर्मजोशी के बीच मित्रवत मध्य जमीन है। Headspace, HubSpot और Fanta इसका उपयोग ऊर्जावान लेकिन सुलभ महसूस करने के लिए करते हैं। यह सबसे मजबूत कॉल टू एक्शन रंगों में से एक है क्योंकि यह हल्के और गहरे दोनों पृष्ठभूमि के खिलाफ पॉप होता है लाल के अलार्म के बिना।
काली अधिकार और विलासिता को संचार करता है। Apple, Chanel और The New York Times इसका उपयोग "हमें दिलचस्प होने के लिए रंग की जरूरत नहीं है" कहने के लिए करते हैं। संपादकीय डिजाइन में, काली विश्वास है। फैशन में, यह प्रीमियम है। प्रौद्योगिकी में, यह कोशिश के बिना परिष्कार है।
संदर्भ सिद्धांत को हराता है
Spotify हरा है। Whole Foods भी है। एक संगीत स्ट्रीमिंग बेचता है। दूसरा जैविक किराने का सामान बेचता है। समान रंग, पूरी तरह से विभिन्न संगठन। हरा दोनों संदर्भों में एक ही काम नहीं कर रहा है।
यह है जहाँ अधिकांश रंग मनोविज्ञान सलाह टूट जाती है। यह रंगों को निश्चित अर्थ मानता है जब वे वास्तव में लचीले संकेत हैं जो तीन कारकों के आधार पर बदलते हैं।
संतृप्ति और मूल्य। एक नीरस धूल गुलाब एक नियोन गर्म गुलाबी से पूरी तरह अलग कुछ संचार करता है। एक ही रंग, विभिन्न ग्रह। Desaturated रंग परिष्कृत और शांत के रूप में पढ़ते हैं। Saturated रंग साहसी और ऊर्जावान के रूप में पढ़ते हैं।
आसन्न रंग। एक सफेद पृष्ठ पर एक लाल बटन एक आत्मविश्वास कॉल टू एक्शन के रूप में पढ़ता है। एक नारंगी पृष्ठ पर एक ही लाल बटन शोर के रूप में पढ़ता है। रंग अकेले मौजूद नहीं हैं। वे अपने चारों ओर जो कुछ है उससे संबंध में मौजूद हैं।
सांस्कृतिक संदर्भ। सफेद पश्चिमी डिजाइन में पवित्रता का अर्थ है। यह पूर्वी एशिया के कुछ हिस्सों में दुःख का अर्थ है। कोई भी ढांचा जो भूगोल को नज़रअंदाज़ करता है वह अधूरा है।
रूपांतरण पैलेट के लिए तीन नियम
यदि आप इस लेख से कुछ नहीं लेते, तो ये तीन लें।
नियम 1: कंट्रास्ट कार्रवाई चलाता है। किसी भी इंटरफेस में सबसे महत्वपूर्ण रंग निर्णय यह नहीं है कि आप कॉल टू एक्शन के लिए कौन सा रंग चुनते हैं। यह कितना विपरीत है कि आप कार्य और स्क्रीन पर अन्य सभी चीजों के बीच बनाते हैं। एक बटन कोई भी रंग हो सकता है, जब तक कि यह अपने संदर्भ में सबसे दृश्यमान रूप से अलग तत्व हो।
नियम 2: संगति मान्यता का निर्माण करती है। कम रंगों को चुनें और उन्हें हर जगह एक ही तरह से उपयोग करें। Stripe लगातार बैंगनी उपयोग करता है। Mailchimp लगातार पीला उपयोग करता है। रंग पैलेट स्वयं उससे कम महत्वपूर्ण है कि हर ब्रांड टचपॉइंट में इसके अनुप्रयोग की संगति।
नियम 3: पहुंच वैकल्पिक नहीं है। 8% पुरुषों और 0.5% महिलाओं के पास रंग दृष्टि की कुछ कमी है। यदि आपका डिजाइन अकेले रंग पर अर्थ संचार करने के लिए निर्भर करता है, तो आप लाखों उपयोगकर्ताओं को बाहर कर रहे हैं। हमेशा रंग को पाठ, आइकन या पैटर्न के साथ जोड़ी।
अपने पैलेट की परीक्षा कैसे करें
चार परीक्षण। पाँच मिनट। सभी चार को चलाए बिना शिप न करें।
- आँख बंद करने का परीक्षण। अपनी डिजाइन पर आँख बंद करें जब तक कि सब कुछ धुंधला न हो जाए। क्या आप अभी भी बता सकते हैं कि प्राथमिक कार्रवाई कहाँ है? यदि कॉल टू एक्शन गायब हो जाता है, तो आपकी विपरीतता विफल हो रही है।
- ग्रेस्केल परीक्षण। अपनी डिजाइन को ग्रेस्केल में परिवर्तित करें। क्या पदानुक्रम अभी भी है? यदि सब कुछ एक ही ग्रे में सपाट हो जाता है, तो आपकी दृश्य पहचान रंग पर बहुत अधिक निर्भर है और मूल्य पर पर्याप्त नहीं है।
- संदर्भ परीक्षण। किसी भी डिजाइन संदर्भ के बिना पाँच लोगों को अपना पैलेट दिखाएं। उन्हें पूछें कि यह कौन सी कंपनी का है। यदि उनके उत्तर आपके इरादे से व्यापक रूप से भिन्न होते हैं, तो पैलेट संचार नहीं कर रहा है।
- पहुंच समीक्षा। WCAG विपरीतता चेकर के माध्यम से अपने रंग संयोजन चलाएं। शरीर का पाठ 4.5:1 न्यूनतम अनुपात की आवश्यकता है। बड़ा पाठ 3:1 की आवश्यकता है।
प्रश्नोत्तरी
क्या रंग मनोविज्ञान वास्तव में रूपांतरण को प्रभावित करता है?
हाँ, लेकिन उस तरह नहीं जो अधिकांश लेख दावा करते हैं। एक बटन को हरे से लाल में बदलने से रूपांतरण 21% नहीं बढ़ेगा। जो महत्वपूर्ण है वह विपरीतता और संदर्भ है। एक बटन जो इसके विशिष्ट रंग की परवाह किए बिना बेहतर रूपांतरण करता है।
कॉल टू एक्शन बटन के लिए सर्वश्रेष्ठ रंग क्या है?
जो भी रंग आपके पृष्ठ के बाकी हिस्सों के विरुद्ध उच्चतम विपरीतता है। कोई सार्वभौमिक उत्तर नहीं है। यदि आपका पृष्ठ ज्यादातर नीला है, तो नारंगी पॉप करेगा। यदि आपका पृष्ठ तटस्थ है, तो लगभग कोई भी संतृप्त रंग काम करता है। एक कॉल टू एक्शन जो मिश्रण में फिट बैठता है एकमात्र गलत विकल्प है।
एक ब्रांड पैलेट में कितने रंग होने चाहिए?
तीन से पाँच। एक प्राथमिक, एक माध्यमिक, एक जोर, और एक या दो तटस्थ। अधिक शोर बनाता है। कम लचीलापन को सीमित करता है। बाधा सुविधा है।
Need a palette that actually converts? Brainy builds color systems for brands across every industry.
Get Started
