वेब डिज़ाइन में कलर थ्योरी का उपयोग करना

पहले के एक पोस्ट में, हमने रंग सिद्धांत के पीछे की अवधारणा पर चर्चा की थी कि यह सफेद, या नकारात्मक, अंतरिक्ष से संबंधित है.


रंग सिद्धांत हमें बताता है कि विशिष्ट कारणों से अलग-अलग रंग एक साथ काम करते हैं – या नहीं। (रंग सिद्धांत की अधिक गहन परिभाषा के लिए, देखें यह लेख NYU से।)

हालांकि आप यह नहीं सोच सकते हैं कि वेब डिज़ाइन प्रक्रिया के दौरान आपके ब्लॉग पर आने वाले लोगों पर रंग का क्या प्रभाव पड़ेगा, डिजाइनर इसे सही वेब साइट बनाने का एक बहुत महत्वपूर्ण घटक मानते हैं.

रंग हमें कैसा लगता है

इस रंग ब्लॉक पर एक नज़र डालें:

पीला

इससे आपको कैसा लगता है?

और इस ब्लॉक के बारे में कैसे:

नीला

जब आपने उदाहरण B को देखा था, तो क्या आपने उदाहरण A को देखने पर अलग तरह से महसूस किया था?

यदि हां, तो यह कोई आश्चर्य की बात नहीं है.

  • पीला विद्युत है, स्फूर्तिदायक है.
  • हल्का नीला शांत हो रहा है.

रंग मायने रखता है। हम सभी के पास कुछ रंगों के साथ सहज मनोवैज्ञानिक संघ हैं। इनमें से कुछ हैं रंग के साथ आम मनोवैज्ञानिक संघों, जबकि अन्य हमारे जीवन के संदर्भ द्वारा निर्मित व्यक्तिगत संघ हैं। यहां तक ​​कि इस्तेमाल की गई छाया से भी फर्क पड़ेगा। नीले रंग की एक नरम छाया शांत भावनाओं को शांत करती है जबकि मजबूत शेड ताकत को दर्शाते हैं.

रंग की तीन श्रेणियां

संभावना है कि आपको प्राथमिक कला वर्ग के दौरान रंग सिद्धांत के बारे में सीखा गया है; संभावना है कि जब तक आप ग्राफिक डिज़ाइन में काम नहीं करेंगे तब तक आप इसे बहुत भूल चुके हैं!

रंग के पहिये में तीन प्रकार के रंग होते हैं:

  1. मुख्य
  2. माध्यमिक
  3. तृतीयक

प्राथमिक रंग अन्य रंगों को एक साथ मिलाकर नहीं बनाया जा सकता.

माध्यमिक रंग दो प्राथमिक रंगों को मिलाकर बनता है: नीला और पीला हरा, लाल और पीला नारंगी बनाते हैं.

तृतीयक रंग प्राथमिक और द्वितीयक रंगों को मिलाकर बनाया गया है: नीला-हरा या लाल-नारंगी.

वेब डिज़ाइनर ब्लॉग डिज़ाइन करते समय भावनाओं को प्रकट करने के लिए इस प्रकार के रंगों का उपयोग करते हैं.

सहायक रंग

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

आप जैसे टूल का उपयोग कर सकते हैं रंग कैलकुलेटर अपने डिजाइन प्रोजेक्ट के लिए पूरक रंगों की सही जोड़ी खोजने के लिए सत्र कॉलेज की वेबसाइट पर.

रंग के माध्यम से अपने ब्लॉग का मूड बनाएं

जानना चाहते हैं कि रंग किस प्रकार की भावनाओं से जुड़े हैं? यहाँ एक आसान गाइड है:

  • लाल – गर्म, बिजली, स्फूर्तिदायक। आंदोलन बनाने के लिए एक उच्चारण के रूप में महान.
  • नीला – शांत, शक्ति, पेशेवर। इस छाया के साथ यात्रा या विश्राम के लिए साइटें अच्छी तरह से काम करती हैं.
  • पीला – रोमांचक और बिजली। बहुत अधिक एक साइट पर विकर्षण पैदा कर सकता है, इसलिए उच्चारण के लिए इसका उपयोग करें.
  • संतरा – इलेक्ट्रिक; हालाँकि, ब्राउज़र इस शेड को अलग तरह से प्रदर्शित करते हैं इसलिए एक उच्चारण के रूप में इसके साथ चिपके रहते हैं। हरा – शांत, शांत, पेशेवर; प्रकृति, वित्त, व्यवसाय का उल्लेख करने वाली साइटों के लिए बहुत अच्छा है.
  • काली – शक्ति और शक्ति। जबकि ब्लैक को वेब डिज़ाइन में एक मुख्य रंग के रूप में इस्तेमाल किया गया है, यह एक पाठक की आंखों में भी तनाव पैदा कर सकता है.
  • धूसर – शक्ति, शांति, शक्ति, अधिकार के लिए इस्तेमाल किया जा सकता है। अधिकांश अन्य रंगों के साथ शामिल करने के लिए शानदार छाया; ग्रे का उपयोग आज वेब डिजाइन में बहुत किया जाता है.
  • सफेद – हालांकि यह वेब डिजाइन में एक अनावश्यक रंग लग सकता है, लेकिन सफेद, या नकारात्मक, अंतरिक्ष के बारे में हमने जो कुछ भी कहा है उसे मत भूलना। आपके पाठकों को कुछ सफेद क्षेत्रों की आवश्यकता है ताकि बाकी साइट ध्यान में आए। इस सफेद स्थान के बिना, आपके पाठकों को अभिभूत करने की आपकी संभावना है, और वे संभवतः दूर हो जाएंगे.

उपयोग में रंग सिद्धांत के कुछ उदाहरण

आपको यह दिखाने के लिए कि वेब विकास में रंग सिद्धांत का उपयोग कैसे किया जाता है, कुछ दृश्यों की पेशकश करने से बेहतर क्या है?

शायद एक वेबसाइट का सबसे प्रसिद्ध उदाहरण जो सुरक्षा और विश्वास की भावना को जगाने के लिए रंग नीला का उपयोग करता है:

वेब डिज़ाइन में रंग सिद्धांत का उपयोग करना: फेसबुक

प्राकृतिक जागरण, एक स्वस्थ रहने वाली पत्रिका, पाठकों को दिमाग के शांत, सक्रिय फ्रेम में डालने के लिए साग और ब्लूज़ के संयोजन का उपयोग करती है। कार्रवाई को प्रोत्साहित करने के लिए नारंगी का एक छोटा सा छप भी है.

प्राकृतिक जागरण

ओइ पोलोई एक ई-कॉमर्स वेबसाइट है जो ग्राहकों को उनके स्टोर में खींचने के लिए कई प्रकार के जीवंत रंगों का उपयोग करती है। प्रारंभ में, उनकी रंग योजना अव्यवस्थित लग सकती है, लेकिन विविधता जानबूझकर है: यह उनकी दुकान में उपलब्ध ब्रांडों की विस्तृत श्रृंखला का प्रतिनिधित्व करती है.

ओइ पोलोई

अंतिम सलाह

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

ब्लॉगिंग की मूल बातों के साथ और अधिक मदद के लिए, हमारे लेख देखें 5 महान ब्लॉग डिज़ाइन और ब्लॉग शुरू करने के बारे में एक पूरी गाइड।.

अपनी वर्डप्रेस साइट को गति देने पर हमारे क्रैश कोर्स में शामिल होना न भूलें। कुछ सरल सुधारों के साथ, आप अपने लोडिंग समय को 50-80% तक कम कर सकते हैं:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map