01 ते 10
रंग आणि वेब रंग योजना समजून घेणे
आपण वेबसाइटसाठी चार मूलभूत रंग योजना वापरू शकता या लेखातील प्रत्येक पृष्ठ रंग योजना एक चित्र दर्शविते, आणि कसे आपण फोटोशॉप मध्ये एक समान योजना व्युत्पन्न करू शकता.
- एका रंगात रंगवलेले
समान रंगाचे रंग वापरणे. पांढऱ्या किंवा काळ्या रंगाच्या जोरावर किती भिन्न रंगाची छटा दाखवा असू शकतात - सारखे
हे कलर चाकवर एकमेकांच्या जवळ असलेले रंग वापरते. - पूरक
हे बर्याचदा "विरुद्ध" म्हणून पाहिले जाते कारण रंगांच्या रंगाच्या चौकटीत दोन रंग एकमेकांच्या विरुध्द रंगीत चक्रावर दिसतात. - तिप्पट
हे रंग रंगचक्रावर समान रीतीने अंतर आहेत.
सर्व रंग योजना हा पिवळा बेस रंग म्हणून वापरणार आहे.
10 पैकी 02
मोनोक्रॅटिक वेब रंग योजना
हा रंगसंगती माझ्या मूळ रंगाचा सरळ पिवळ्यांचा वापर करते आणि त्यानुसार त्यानुसार रंगछट आणि पांढर्या रंगाचा पांढरा आणि काळा जोडते.
- वर डावीकडे - आधार रंग # ffe500
- वरील उजव्या - # fff280 मिळविण्यासाठी 50% पांढरे भरले
- खालच्या डाव्या - # fff8bf मिळविण्यासाठी 75% पांढरे भरले
- खाली उजवे - # 7f7200 मिळविण्यासाठी 50% काळ्याचा भर घातला
एका रंगात रंगीत रंग योजना सर्व रंगाच्या योजनांच्या डोळ्यांवरील बर्याचदा सोपी असतात. टिंट आणि सावलीत सौम्य बदल केल्यामुळे रंग एकमेकांना अधिक चांगला बनतात. आपली साइट अधिक द्रवपदार्थ आणि गोळा करण्यासाठी या रंगाची योजना वापरा.
03 पैकी 10
अधिक मोनोक्रॅटिक वेब रंग योजना
योजनेमध्ये अधिक रंग मिळविण्यासाठी 20% काळाचा चौरस जोडला. आपल्या रंगांमध्ये काळा किंवा पांढरा जोडणे आपल्या पॅलेटमध्ये नवीन रंग तयार करू शकते, जो पृष्ठाच्या टोनला गद्दार न करता.
04 चा 10
अॅनलॉगस वेब कलर स्कीम
हा रंगसंगती पिवळा बेस रंग घेते आणि Photoshop रंग पॅलेटमधील रंगास 30 अंश जोडते व कमी करते.
- वर डावीकडे - आधार रंग # ffe500
- वर उजवीकडे - + # 99ff00 मिळविण्यासाठी +30 अंश
- खाली डावीकडे - # ff6600 मिळविण्यासाठी -30 अंश
- खाल उजवी - 100% पांढरा # फॉर्मफिफफ
समनुरूप रंग एकत्र चांगले कार्य करू शकतात, परंतु काहीवेळा ते खराबपणे संघर्ष करू शकतात. या योजना आपल्या स्वतःच्या, आपल्या कुटुंबासह आणि मित्रांपेक्षा अधिक लोकांसह तपासण्याची खात्री करा. जेव्हा ते काम करतात, तेव्हा ते एका रंगीत योजनेपेक्षा अधिक रंगीत असलेली साइट तयार करतात, परंतु जवळजवळ द्रवपदार्थ म्हणून.
05 चा 10
अधिक अॅनलॉगस वेब कलर स्कीम
योजनेमध्ये अधिक रंग मिळविण्यासाठी 20% काळाचा चौरस जोडला.
06 चा 10
पूरक वेब रंग योजना
पूरक रंगसंगती, इतर रंगांच्या योजनांऐवजी सामान्यत: दोन रंग असतात. मूल रंग आणि हे रंग व्हील वर उलट आहे. फोटोशॉप पूरक रंग मिळविणे सुलभ करते - फक्त रंगाचे क्षेत्र निवडा जे आपणास पूरक आहे आणि Ctrl-I दाबा फोटोशॉप आपल्यासाठी ते अवतरेल. हे डुप्लिकेट स्तरावर केल्याचे सुनिश्चित करा, जेणेकरून आपण आपले मूल रंग गमावू नका.
- डावा - बेस रंग # ffe500
- उजवीकडे - पूरक # 001aff
पूरक रंग योजना अन्य रंग योजनांच्या तुलनेत बर्याचदा अधिक धक्कादायक असतात, म्हणून त्यांचा काळजीपूर्वक वापर करा. ते बहुतेकदा तुकड्यांवर उभं राहतात ज्यातून बाहेर पडणे आवश्यक आहे.
10 पैकी 07
अधिक पूरक वेब रंग योजना
ही आवृत्ती प्राप्त करण्यासाठी, मी रंगाच्या अर्ध्या निम्मे पांढरा आणि केंद्र चौरस वर 30% काळा जोडले. जसे आपण पाहू शकता, ते आपल्याला काही अधिक पर्याय देते परंतु तरीही ते एक पूरक रंग योजना आहे
10 पैकी 08
ट्रायडीक वेब कलर स्कीम
ट्रायडीक रंग योजना रंगीत रंगाच्या तीन रंगापेक्षा जास्त किंवा कमी समान असतात. एका रंगाचा चाक 360 डिग्री असल्यामुळे मी पुन्हा रंगीत रंगाने रंगीत रंगाचा रंग वापरतो आणि बेस रंगापासून 120 अंश कमी करते.
- वर डावीकडे - आधार रंग # ffe500
- वर उजवीकडे - # ई 50000 मिळविण्यासाठी +120 अंश
- खाली डावीकडे - # 00ffe6 मिळविण्यासाठी -120 डिग्री
- खाल उजवी - 100% पांढरा # फॉर्मफिफफ
ट्रायडिस्क रंग योजना बहुतेक सशक्त वेब पृष्ठे देतात. पण पूरक रंग योजनांसारख्या, ते लोकांना वेगळ्या प्रकारे प्रभावित करू शकतात. चाचणीची खात्री बाळगा
आपण टेट्राडिच किंवा 4-रंग रंग योजना देखील तयार करू शकता, जिथे रंग हे रंग चाकभोवती समान अंतर आहे.
10 पैकी 9
अधिक ट्रायडिक वेब रंग योजना
इतर उदाहरणांप्रमाणे, मी अतिरिक्त छटा मिळविण्यासाठी रंगांमध्ये 30% काळा चौरस जोडला.
10 पैकी 10
विसंगत वेब रंग योजना
सौंदर्य हा प्रेक्षकांच्या डोळ्यात आहे, परंतु हे एक दुर्दैवी सत्य आहे की सर्व रंग एकत्र जात नाहीत. विसंगत रंग हे कलर चाकवर सुमारे 30 अंशांपेक्षा कमी असलेले रंग आहेत किंवा ते पूरक नाहीत किंवा त्रयस्थ भाग नाहीत.
विसंगत रंग योजना अत्यंत धक्कादायक असू शकते आणि केवळ लक्ष निर्माण करण्यासाठी वापरले पाहिजे लक्षात ठेवा की हे रंग अनेकदा दाबले जातील, आपण मिळविलेले लक्ष आपण जे शोधत आहात ते अचूक असू शकत नाही.