उच्च गुणवत्ता वाले वेब डिज़ाइन में "विश्वास" का सिद्धांत

संक्षिप्त सार

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



एक बिल्ली के नीचे लगभग 1.1 एमबी यातायात।

आप जितना सोचते हैं उससे थोड़ा आगे की शुरुआत करें।

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

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

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

डिजाइन कॉन्फिडेंस के संकेत

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

अनुक्रम

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

मार्कअप पैटर्न

ये पैटर्न मुख्य रूप से लेआउट की ब्लॉक संरचना से संबंधित हो सकते हैं। लगभग किसी भी लेआउट को ब्लॉकों के आधार पर बनाया गया है, हालांकि हर एक को पूरी तरह से लागू नहीं किया गया है। लेकिन किसी भी मामले में, इन ब्लॉकों को प्रत्येक उपयोगकर्ता के लिए समझने के लिए आवश्यक रूप से उनके स्थान में एक सख्त नियमितता होनी चाहिए।

नीचे दी गई छवि दृश्यमान ग्रिड लाइनों के साथ सही लेआउट का एक उदाहरण दिखाती है, जिसके साथ डिजाइनर इस लेआउट को निष्पादित करता है।

सहज पहुँच

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

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

अंतरिक्ष

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

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

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

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

नीचे की साइट देखें। क्षैतिज और लंबवत रूप से, पाठ और उसके मार्जिन के पहलू अनुपात को देखें। लेखक ब्लॉकों को विवश नहीं करता है, लेकिन उन्हें स्वतंत्र रूप से साँस लेने की अनुमति देता है। यह हल्केपन की भावना और डिजाइन में बहुत "आत्मविश्वास" पैदा करता है।

मास कंट्रास्ट

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

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

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

रंग विपरीत

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

मैं आपको रंगों के संयोजन के बारे में कुछ नहीं बताऊंगा; विशेष कार्यक्रम और योजनाएं हैं (फ़ोटोशॉप में कूलर) जो आपके लेआउट में गैर-मिलान रंगों के उपयोग को बाहर करेगा। शायद यह आपको सबसे अच्छा संयोजन निर्धारित करने में मदद नहीं करता है, लेकिन आपको निश्चित रूप से स्पष्ट गलतियों के खिलाफ बीमा किया जाएगा।

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

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

परस्पर विपरीत

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

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

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

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

अच्छी तरह से इस्तेमाल किए गए म्यूट कंट्रास्ट के साथ लेआउट का हिस्सा नीचे प्रस्तुत किया गया है।



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

अप्रत्याशितता (विशिष्टता)

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

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

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

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

प्रतिभा

किसी साइट के लिए यह क्या है? यह लेआउट की क्षमता है जो उपयोगकर्ता को अपनी दुनिया में डुबो देता है, उसे वास्तविकता से कम से कम कुछ मिनटों के लिए फाड़ देता है। यह कैसे करना है?

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

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

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

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

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

लेकिन इसका मतलब यह नहीं है कि साइट को "से और" ग्राफिक्स के साथ भरा जाना चाहिए। लेआउट करिश्माई हो सकता है और एक ही समय में ग्राफिक्स की एक न्यूनतम है - इस मामले में हम अतिसूक्ष्मवाद के साथ काम कर रहे हैं, जिसे अप्राप्य नहीं कहा जा सकता है। यह केवल नियम का पालन करने के लिए आवश्यक है: कभी भी उस साइट पर आकर्षित न करें जो उपयोगकर्ता समझ नहीं सकता है, इससे ज्यादा कुछ नहीं, लेकिन ऐसी साइट को "खाली" नहीं करना चाहिए।

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

प्रदर्शन तकनीक

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

आपके ध्यान के लिए धन्यवाद, मुझे बहुत खुशी होगी अगर मेरा लेख किसी को उच्च-गुणवत्ता वाले लेआउट बनाते समय प्राथमिकताओं को बेहतर ढंग से समझने में मदद करता है!