वेब डिजाइन में रंग: कैसे उपयोगकर्ता वांछित भावना पैदा करने के लिए
टिप्स / / December 19, 2019
मानव इतिहास के दौरान, गुरु-कलाकारों रंग के साथ काम करने की क्षमता की वजह से सार्वभौमिक मान्यता प्राप्त किया। विज्ञापन और वेब डिजाइन में - आज की दुनिया में कम मान्यता विशेषज्ञों, वाणिज्यिक और व्यावसायिक उद्देश्यों में रंग गठबंधन करने में सक्षम हैं जो प्राप्त नहीं होता।
उपयोग रंग करने की क्षमता अनंत को पंप किया जा सकता है। यह मानव निवेश के लिए अवसरों की एक वास्तविक गहराई है।
हम रंग सिद्धांत और रंग योजना की मूल बातें के बारे में आपको बता देंगे, और फिर कुछ रंगों के भावनात्मक प्रभाव के बारे में बात करते हैं।
रंग सिद्धांत
रंग विषय, आप एक पूरी पुस्तक समर्पित कर सकते हैं, तो हम यह पूरी तरह से नहीं ले जाएगा, और उपयोगी जानकारी है, जो इंटरफेस डिजाइन के विकास में इस्तेमाल किया जा सकता करने के लिए अपने आप को सीमित।
यह तीन भागों में रंग सिद्धांत में विभाजित किया जा सकता है:
इसके विपरीत
प्रत्येक छाया विपरीत है, तो बात करने के लिए है, अपने 'कट्टर दुश्मन "है, जो इस रंग के साथ सबसे बड़ी विपरीत है की। एक रंग खोजने के लिए, आप रंग चक्र का उपयोग कर सकते हैं। सीधे शब्दों में चक्र के विपरीत दिशा में रंग का चयन करें।
इसके अलावा
ये रंग हमेशा एक दूसरे के साथ संघर्ष नहीं है। पूरक रंग, एक दूसरे पर जोर विपरीत के विपरीत है। नीले और गुलाबी - रंग चक्र में, इस तरह रंग इस तरह बैंगनी के पूरक रंगों के रूप में, एक दूसरे के लिए कर रहे हैं।
गूंज
प्रत्येक रंग एक निश्चित मूड है। उज्ज्वल चमकीले रंगों (लाल, नारंगी, पीला) मानव ऊर्जा से भरा है, यह जगाने, ठंड गहरे रंग (हरा, नीला, बैंगनी), इसके विपरीत, आराम और शांत करना है।
उदाहरण के लिए, बीबीसी समाचार पाठक को जगाने के लिए, अपनी उत्तेजित अवस्था मजबूत करने के लिए लाल नेविगेशन पट्टी का उपयोग करें। साइट की विशिष्टता को देखते हुए - एक सनसनीखेज खबर - लाल एक तार्किक समाधान है।
वेब डिजाइन में रंग के सिद्धांत - सिर्फ सजावट से अधिक है। रंग आपकी साइट की धारणा बदलने के लिए, और अपने व्यापार में एक महत्वपूर्ण भूमिका निभा सकते हैं।
रंग की भावनात्मक धारणा
कोई भी रंग और भावनाओं का करीबी बातचीत से इनकार करेगा। और, बेशक, किसी भी वेब डिजाइनर प्रत्येक साइट के लिए एक निश्चित माहौल बनाने के लिए इस आशय का उपयोग करना चाहता है।
कई अध्ययनों के आधार पर - विश्लेषण, वेबसाइट पर प्रकाशित Vandelay डिजाइनऔर में रंग के बारे में पोस्ट स्मैश पत्रिका - हम कैसे रंग को प्रभावित भावनाओं और मदद बनाने UX-डिजाइन की व्याख्या।
यह याद रखना महत्वपूर्ण दुनिया भर के विभिन्न संस्कृतियों रंग के विभिन्न धारणाओं है कि महत्वपूर्ण है। हम भावनात्मक संघों कि पश्चिमी संस्कृति के लिए अद्वितीय हैं का वर्णन करेंगे।
लाल
भावनाओं और संघों: बिजली, महत्व, युवा।
सबसे उत्तेजक रंग, तो उर्जा का आरोप लगाया, तो यह और भी रक्तचाप बढ़ सकता है। लाल जुनून और शक्ति का प्रतिनिधित्व करता है, यह अन्य रंगों की तुलना में अधिक ध्यान आकर्षित, तो अक्सर महत्वपूर्ण चेतावनी और घोषणाओं के लिए इस्तेमाल किया।
उदाहरण के लिए, लाल बहुत उपयुक्त स्थल है नो वे एनएसएजिसका उद्देश्य - कथित तौर पर खतरों को रोकने के लिए।
पेज के शीर्ष में लाल का एक बहुत का उपयोग करें - यह एक महान समाधान है, क्योंकि यह संदेश में महत्वपूर्ण जानकारी के लिए ध्यान कहते हैं। एक ही समय में, लोगों को जल्दी से लाल रंग के "खतरे जोन" छोड़ने के लिए और नीचे स्क्रॉल करने के लिए जाते हैं। यह, बारी में, उपयोगकर्ता और अधिक सामग्री को दिखाने के लिए अनुमति देता है।
लेकिन इस रंग, आप के खिलाफ काम करते हैं क्योंकि यह आक्रमण या overstimulation पैदा कर सकता है कर सकते हैं। आप एक अधिक शांत वातावरण बनाना चाहते हैं, मध्यम लाल का उपयोग करें और लाल का हल्का रंग का चयन करने का प्रयास करें।
नारंगी
भावनाओं और संघों: मित्रता, ऊर्जा और विशिष्टता।
गर्म टन के शांत के रूप में, नारंगी विविध भावनाओं के पूरे स्पेक्ट्रम पैदा कर सकता है। मूल रंग रूप में, यह ब्याज और ब्रेस का हो सकता है, और माध्यमिक के रूप में - इन गुणों को बनाए रखने के लिए, लेकिन एक गैर दखल ढंग से।
इसके अलावा, ऑरेंज आंदोलन और ऊर्जा की भावना पैदा मदद करता है। उदाहरण के लिए, यह कार्टून वेबसाइट पर बहुत अच्छा लगता है फैंटाकौन सा युवा और आंदोलन की विचारोत्तेजक है। रंग, रचनात्मकता के साथ जोड़ा जाता है, जबकि परिचित ब्रांड की भावना को बनाए रखने।
पीला
भावनाओं और संघों: खुशी, उत्साह, अप्रचलित (गहरे रंगों)।
यह रंग और भावनाओं है कि यह कारण बनता है बहुमुखी सबसे में से एक है, एक बड़ी हद तक छाया पर निर्भर हैं।
चमकीले पीले रंग ऊर्जा लेता है, लेकिन गंभीरता और कठोरता है, जो लाल रंग में मौजूद है बिना। पीले रंग की मध्यम रंगों, आराम की भावना पैदा हालांकि अभी भी जोरदार। (सोना सहित) डार्क रंगों पुरातनता की भावना प्रदान करते हैं अंतरिक्ष timelessness, बुद्धि और जिज्ञासा भरें।
उदाहरण के लिए, वेब डिजाइन एजेंसी के मुख्य पृष्ठ पर फ्लैश मीडिया पीला टोन पसीजना ऊर्जा, जिज्ञासा और अधिकार गहरा। इस रंग कंपनियों है कि उनके विचार-विमर्श कमाते हैं और वे अपने व्यावसायिकता पर जोर देना चाहते हैं के लिए एकदम सही है।
ग्रीन
भावनाओं और संघों: विकास, स्थिरता, वित्त पर्यावरण के विषय के आसपास के विषयों।
ग्रीन - गर्म और शांत रंगों, लेकिन ठंड के लिए अधिक leans के बीच एक पुल। इसका मतलब है कि हरे रंग की एक आराम प्रभाव नीले रंग है, लेकिन यह भी पीले से ताक़त का एक सा है।
नतीजतन, यह एक बहुत ही संतुलित और स्थिर वातावरण बनाती है। हरे रंग के गहरे रंग, धन और बहुतायत का प्रभाव पैदा दोनों ऑनलाइन Ameritrade.
नीला
भावनाओं और संघों: मन, सुरक्षा, खुलापन (हल्का रंग), विश्वसनीयता (गहरे रंग रंगों) की शांति।
पीले रंग के मामले में के रूप में, प्रभाव नीले रंग पर बहुत निर्भर है। नीले रंग के सभी रंगों को विश्राम और सुरक्षा की दृष्टि से बहुमुखी हैं, लेकिन चमकीले रंग मित्रता, और अंधेरे के साथ जुड़े - उदासी के साथ।
ट्विटर और फेसबुक जैसी सामाजिक नेटवर्क नीले रंग से अधिक प्रकाश और मध्यम रंगों का उपयोग किया जाता है, और कॉर्पोरेट साइटों ताकत और विश्वसनीयता के गहरे रंगों पसंद करते हैं।
एक बढ़िया उदाहरण है - घटना डिजाइन एजेंसी वान Vliet और जाल. पृष्ठभूमि के रूप में नीले रंग का उपयोग करना, वे नेत्रहीन अपने ज्ञान और पुष्प डिजाइन में कौशल की ओर संकेत किया जाता है, लेकिन यह भी विश्वसनीयता और विश्वास की भावना पैदा की।
यह बहुत महत्वपूर्ण है, क्योंकि वे घटनाओं, जो दृश्य भाग के लिए महत्वपूर्ण है, शादी के साथ उदाहरण के लिए के साथ काम करते हैं।
बैंगनी
भावनाओं और संघों: लक्जरी, रोमांस (हल्के रंगों), रहस्यवाद और रहस्य (गहरे रंग)।
बैंगनी रंग ऐतिहासिक शाही भव्यता, लक्जरी पर संकेत के साथ संबद्ध किया गया है। बैंगनी रंगों, उदारता और एक पूरे के रूप धन है, जो उन्हें, (फैशन और विलासिता के सामान के लिए एक उत्कृष्ट पसंद भी चॉकलेट बनाता है, उदाहरण के लिए प्रतिबिंबित कैडबरीजो अपने ब्रांड रंग) चुना है।
ऐसे लैवेंडर (इसके अलावा के साथ बैंगनी गुलाबी) के रूप में हल्का रंग, रोमांस के बारे में विचार आह्वान जबकि अंधेरे रंग और अधिक सुरुचिपूर्ण और रहस्यमय दिखाई देते हैं।
काला
भावनाओं और संघों: बिजली, परिष्कार, घबराहट।
काला - - तटस्थ रंग का सबसे मजबूत वास्तव में किसी भी वेबसाइट पर दिखाई देता है। यह साथ रंग के आधार पर विभिन्न संगठनों या हावी उन्हें, अगर जरूरत से ज्यादा इस्तेमाल किया हो सकता है।
शक्ति और काला की तटस्थता यह टेक्स्ट का उपयोग न लिए एक उत्कृष्ट पसंद करता है, लेकिन मुख्य रंग तो यह और भी घबराहट की भावना पैदा कर सकते हैं या बुरे के साथ जुड़ा हो।
अधिकांश साइटों के लिए, काले लालित्य की भावना पैदा करने के लिए प्रयोग किया जाता है। काले और सफेद minimalist डिजाइन के संयोजन, सुंदरता और शैली का प्रभाव देता है दोनों साइट पर ड्रीम और रीच कंपनी बोस।
सफेद
भावनाओं और संघों: शुद्धता, सादगी, अच्छाई।
पश्चिमी संस्कृति में, सफेद पवित्रता, अच्छाई और मासूमियत के साथ जुड़ा हुआ है। इस रंग अक्सर minimalist और सरल साइटों की पृष्ठभूमि के लिए प्रयोग किया जाता है।
इसके अलावा, रंग से कोई भी सफेद जैसे अन्य रंगों को इतना ध्यान आकर्षित करने के अनुमति नहीं दी जाएगी। उदाहरण के लिए, में वेबसाइट Awwwards Kloina विजेता उसके सारे काम करता है Toshev एक सफेद पृष्ठभूमि है, जो केवल चित्र आवंटित पर तैयार कर ली और एक सुरुचिपूर्ण गैलरी के प्रभाव पैदा कर रहे हैं।
धूसर
भावनाओं और संघों: तटस्थता, औपचारिकता, उदासी।
तथ्य यह है कि कुछ स्थितियों में ग्रे एक उदास और उदासी वातावरण बना सकते हैं के बावजूद, यह अभी भी अक्सर पेशेवर डिजाइनरों द्वारा प्रयोग किया जाता है।
रंगों में बात: उन्हें बारी, आप सभी काले और सफेद में दोनों की वजह से भावनाओं मिल सकती है। सामान्य तौर पर, ग्रे - सही हाथों में एक शक्तिशाली उपकरण है।
लेकिन धूसर पृष्ठभूमि डिजाइन में अधिक विविध रंगों के साथ संयोजन में यह आधुनिक नहीं बल्कि अंधकारमय, के रूप में इस तरह के लगता है Awwwards.
बेज
भावनाओं और संघों: यह अन्य रंगों का चरित्र बता देते हैं।
अपने आप से, बल्कि सुस्त और भावशून्य बेज, लेकिन वह एक उल्लेखनीय संपत्ति है: बेज रंग है कि यह चारों ओर के गुण होते हैं। इसलिए, अगर यह संयम बेज व्यक्त करने के लिए नहीं करना है एक पृष्ठभूमि या दूसरे रंग के रूप में कार्य करता है।
बेज के गहरे रंग परंपरा और सांसारिक की भावना पैदा, नवसिखुआ और अधिक आधुनिक लग कागज और लाइटर रंगों की बनावट की भावना दे।
उदाहरण के लिए, साइट पर रेस्तरां के लिए Dishoom पारंपरिक व्यंजनों पर एक ताजा परिप्रेक्ष्य - नाम और गहरे रंग की किनारों के आसपास हल्का मटमैला रंग छाप इस रेस्तरां है कि दे।
हाथी दांत
भावनाओं और संघों: आराम, सुंदरता, सादगी।
आइवरी और क्रीम सफेद के रूप में लगभग एक ही भावनाओं का उत्पादन। हालांकि हाथीदांत गर्म (या कम बाँझ) सफेद से है, जो आराम का एक बड़ा भावना पैदा करता है, जबकि अतिसूक्ष्मवाद को बनाए रखने।
आप इसे और गहरे रंगों के बीच विरोधाभास को नरम करने के सफेद के बजाय हाथी दांत का उपयोग कर सकते हैं। उदाहरण के लिए, साइट मेरे कॉफी में कला भूरे रंग नारंगी तत्वों एक हाथीदांत पृष्ठभूमि (जो भूरा दिखता है) कि गर्मी की भावना को बरकरार रखे हुए पर रखा जाता है।
रंग स्पेक्ट्रम
प्रत्येक साइट रंगों की एक श्रेणी, जिसमें प्राथमिक रंग एक बड़ा स्थान को भरने के लिए प्रयोग किया जाता है। जैसा कि हम पहले भी कहा है, इन रंगों का इस्तेमाल ज्यादातर अवचेतन मन और मूड को प्रभावित करता है। तो उन्हें सावधानी से चुनें।
तथ्य यह है वहाँ रंग गठबंधन करने के लिए कई तरीके हैं कि बावजूद, हम ध्यान दिया जाएगा पर तीन सबसे सफल और आमतौर पर इस्तेमाल किया।
तीनों (ट्रिपल सद्भाव त्रिकोण)
तीनों - तीन रंगों के मुख्य और सबसे संतुलित प्रणाली। यह गूंज और रंगों के अलावा का उपयोग करता है, लेकिन वहाँ क्योंकि जो त्रय सबसे विश्वसनीय सीमा है की एक जटिल विपरीत है।
सामग्री और नेविगेशन पट्टी के लिए दो एक मुख्य पृष्ठभूमि के लिए रंग और: 12 रंगों का एक रंग चक्र पर, किसी भी तीन, एक दूसरे से 120 डिग्री में स्थित चुनें।
डबल पूरक प्रणाली
इस रेंज को लागू करने और अधिक कठिन है, लेकिन यह लागत प्रभावी समाधान हो सकता है। दो परस्पर विरोधी और दो अतिरिक्त: यह चार रंगों का इस्तेमाल किया।
कैसे पेज उल्लेखनीय लग रहा है फ्लोरिडा पनपने, इस तरह के एक योजना के आधार पर देखें। पौधों और पाठ के ब्लॉक में लाल और हरे रंग इसके विपरीत, और नीले रंग की पृष्ठभूमि और नारंगी रेगिस्तान को प्रभावी ढंग से तस्वीर को पूरा।
एनालॉग (अनुक्रमिक प्रणाली)
गामा समान रंग मुख्य रूप से पूरक रंगों का उपयोग करता है। यह स्पष्टत: की अनुमति देता है कुछ गुणों पर जोर देना और कुछ भावनाओं का कारण है।
उदाहरण के लिए, लाल, नारंगी और पीले रंग पर प्रकाश डाला शक्ति और जीवन शक्ति का एक संयोजन। इस तरह के बड़े पैमाने पर उपयोग बहुत ही सरल है, लेकिन यह चयन करने के लिए जो रंग संयोजन में शामिल किया जाएगा मुश्किल है। उनके प्रभाव अतिरंजित हो जाएगा, तो यह गलत नहीं हो सकता।
उदाहरण के लिए, साइट के डिजाइन में नीले, फ़िरोज़ा और हरे रंगों का इस्तेमाल Blinksale यह शांति का माहौल बनाया। सूचना कैसे पीले रंग महत्वपूर्ण बिंदुओं पर जोर देना के लिए इस्तेमाल किया।
यह सिर्फ रंग सिद्धांत की मूल बातें, जो एक प्रभावशाली कस्टम डिजाइन बनाने के लिए मदद कर सकते हैं, और कितनी दूर आप अपनी साइट पर रंग के मामले में जा सकते हैं करने के लिए कोई सीमा नहीं है।
उपकरण एक रंग का चयन करने के लिए सहायक
सौभाग्य से, वहाँ कई उपकरण है कि मदद के व्यवहार में रंग सिद्धांत लाना है। उसके के निर्माण में सिरे से शुरू करने की जरूरत नहीं करने के लिए इन पट्टियाँ का प्रयास करें:
- एडोब रंग सीसी, पूर्व के रूप में Adobe Kuler में जाना जाता है। यह चुनने रंगों में सबसे विश्वसनीय उपकरणों में से एक है।
- Paletton. आप जल्दी रंग चयन के लिए एक सरल उपकरण की जरूरत है, Paletton एकदम सही है।
- फ्लैट यूआई रंग पिकर. सही उपकरण यूजर इंटरफेस रंग का चयन करें।
और अगर इन उपकरणों आप सूट नहीं है, यहाँ एक और है पट्टियाँ के साथ 28 साइटों रंग चयन के लिए और विभिन्न उपकरणों।
रंग और भावनाओं के बीच एक सीधा संबंध
याद रखें, उन शायद ही कभी नोटिस और पृष्ठभूमि, नेविगेशन पट्टी, अलग अलग हिस्सों के रंग की सराहना करते हैं, लेकिन यह मतलब नहीं है कि रंग उनके द्वारा प्रभावित नहीं है। बस इस अवचेतन रूप से होता है।
उपयोगकर्ता किसी भी भावना को अनुभव करते हैं, साइट या ब्रांड के लिए संबंध है, यह बनाता है कुछ कार्रवाई: बटन है कि कार्रवाई के लिए शीघ्र, या, पर क्लिक करने के विपरीत, नहीं नीचे स्क्रॉल उन्हें नोटिस। और रंग इस एक बड़ी भूमिका के सभी में खेलता है।
आप वेब डिजाइन, टिप्पणी में कृपया शेयर में रंग के उपयोग पर आपकी सलाह है।