इंटरफ़ेस में रंग

मैं उपयोगकर्ता इंटरफ़ेस बनाने के बारे में मेरे लिए एक दिलचस्प विषय पर विचार करना चाहता हूं। यह लेखों की एक श्रृंखला होने की संभावना है।

तो: उपयोगकर्ता इंटरफ़ेस .... यह क्या है? मुझे लगता है कि एक सफल उत्पाद का एक महत्वपूर्ण घटक है। यह ठीक है कि उपयोगकर्ताओं को एक एप्लिकेशन के साथ काम करने में कैसे आराम होगा जो एप्लिकेशन के भाग्य को निर्धारित करता है और, संभवतः, डेवलपर की वित्तीय (या गैर-वित्तीय) स्थिति।

अपने अंतिम एप्लिकेशन द्वारा उपयोगकर्ता इंटरफ़ेस को वर्गीकृत करना मेरे लिए सुविधाजनक है:

• सॉफ्टवेयर इंटरफ़ेस (ऑपरेटिंग सिस्टम और विभिन्न प्रकार के अनुप्रयोगों सहित);
• गेमिंग इंटरफ़ेस;
• इंटरफ़ेस साइटों।

शायद मेरा वर्गीकरण बहुत सामान्यीकृत या अधूरा है। चाहो तो सही करो।

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

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

साइटों के साथ, सब कुछ बहुत अधिक जटिल है। यदि आप साइटों के इंटरफेस पर ध्यान देते हैं, तो आप एक अविश्वसनीय किस्म के समाधान पर ठोकर खा सकते हैं। और, आमतौर पर, जंगल में कोई, जलाऊ लकड़ी के लिए कोई। कुछ डेवलपर्स सख्ती और अतिसूक्ष्मवाद का पालन करते हैं, जबकि कुछ इंटरफ़ेस को अधिभारित करते हैं।
बहुत सारे इष्टतम समाधान। लेकिन, बस के रूप में अक्सर पूरी तरह से अविकसित साइटों पर ठोकर खाना पड़ता है, जहां, जैसे, उन्होंने कोशिश की, लेकिन, जाहिर है, इसे ओवरडीड करें।

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

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

आप अपनी वेबसाइट के लिए रंग कैसे चुनेंगे? आमतौर पर, इस प्रश्न का उत्तर "ग्राहक द्वारा चुना गया", या "कंपनी की अवधारणा और शैली", या "सहज रूप से चयनित" द्वारा दिया जाता है।

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

इटेन के रंग पहिया के रूप में ऐसी चीज है। यह कुछ इस तरह दिखता है:



इसमें 12 रंग होते हैं। यह इन रंगों को मानव की धारणा के लिए सबसे परिचित और आसान माना जाता है।

तीन प्राथमिक रंगों को आदिम माना जाता है: पीला (ffff00), नीला (0000ff) और लाल (ff0000)। इन रंगों के आधार पर, पूरे रंग का चक्र बनाया जाता है। वे आदिम हैं क्योंकि इन तीन शुद्ध रंगों की उपस्थिति में उन्हें मिलाकर, आप पूरे पैलेट बना सकते हैं। कोई रंग।

द्वितीय-क्रम के रंग प्राथमिक रंगों को मिलाकर प्राप्त किए जाते हैं: कीनू (ff8000), बैंगनी (ff00ff), हरा (00ff00)।

तीसरे क्रम के रंग प्राथमिक रंग और दूसरे क्रम के रंगों को मिलाकर प्राप्त किए जाते हैं। उनमें से छह हैं:

• एम्बर (ffc000)
• सिनेबार (ff4000)
• लाइट चेरी (ff0080)
• वायलेट (8000ff)
• अज़ुरे (0080ff)
• ज़हरीला हरा (80ff00)

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

1. मोनोक्रोम रंग।
   
   
   
   एक रंग और इसकी अलग संतृप्ति और पारदर्शिता को एक आधार के रूप में लिया जाता है। मोनोक्रोम संयोजनों का उपयोग करना बहुत आसान है और धारणा के लिए काफी नरम है। लेकिन उनमें अक्सर अभिव्यक्ति की कमी होती है।
2. बंद रंग
   
   
   
   रंग पहिया के आगे जो रंग हैं। इन रंगों में प्रकाश तरंगों की समान विशेषताएं हैं, इसलिए वे बहुत सरल रूप से संयोजित होते हैं।
3. पूरक।
   
   
   
   ये रंग एक दूसरे के विपरीत सख्ती से स्थित हैं। यह वह है जो सबसे बड़ा कंट्रास्ट देता है। यह सब आकर्षक, जीवंत, साहसी है।
4. बंद और पूरक।
   
   
   
   यहाँ सब कुछ सरल है! विपरीत रंगों को लिया जाता है, उदाहरण के लिए ए और बी यू बी, बाईं तरफ पड़ोसी बी (एल) और दाएं स्टैंड पर बी (पी)। दरअसल, ए, बी (पी) और बी (एल) का संयोजन वांछित मूल्य है! चमक के साथ खेलते समय, आप बहुत दिलचस्प विकल्प प्राप्त कर सकते हैं।
5. दोहरी पूरक।
   
   
   
   यहाँ भी, सब कुछ सरल है। हम बी (पी) और बी (एल) लेते हैं और उनके लिए पूरक (विपरीत) रंगों की तलाश करते हैं। सभी एक ही आकर्षक, जीवंत, केवल वर्ग में साहसी।
6. रंग प्रक्रिया।
   
   
   
   तीन क्षेत्रों में स्थित है। आमतौर पर, विपरीत रंगों को संयोजित करना मुश्किल होता है, हालांकि, जब शुद्ध होते हैं, तो वे मौलिक रूप से अलग-अलग अनुपात में बहुत प्रभावी ढंग से स्मैक करते हैं। हालांकि, रंग चमक जितनी कम होगी, उतने ही अधिक विकल्प। प्राथमिक रंगों का परीक्षण बहुत तेज है। द्वितीयक और तृतीयक त्रिक नरम हैं।

इटेन के सर्कल में रंग के साथ काम करने का सिद्धांत सरल है: रंग के सामंजस्य के सिद्धांतों के माध्यम से 2-4 रंगों का चयन करें और चमक, इसके विपरीत और भरण क्षेत्र के साथ प्रयोग करें।

खैर, इसके अलावा, यह अलग-अलग achromatic रंगों को ध्यान देने योग्य है। कोई रंग नहीं, कोई रंग नहीं। केवल काले से सफेद रंग में ढाल। ग्रेपन की पूरी रेंज। विशाल चयन।


और, अंत में, छोटी बारीकियों और सूक्ष्मताओं:

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

एक गंभीर परियोजना के लिए एक शांत विनीत इंटरफ़ेस की आवश्यकता है - मोनोक्रोम संयोजन आपकी मदद करने के लिए।

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

प्रयुक्त सामग्री:
एडम्स मोरीओका और टेरी स्टोन। "रंग का डिजाइन। अभ्यास।"
यैंडेक्स रंग