डिजाइन केवल सौन्दर्य र लुक होइन। यो मार्केटिङ पनि हो, र कहिलेकाहीँ, उत्पादन पनि। आज, आगन्तुकहरू भौतिक पसल वा पसल अघि वेबसाइट जाँच गर्छन्। तसर्थ, तपाइँको अनलाइन उपस्थिति क्युरेट गर्दा, तपाइँले सुनिश्चित गर्नुपर्दछ कि एक छ उत्तरदायी वेब डिजाइन लन्डन वा कहिँ पनि दिगो सफलता हासिल गर्ने सुरुचिपूर्ण डिजाइनको साथ।
प्रभावकारी वेब डिजाइनका सिद्धान्तहरू जसले तपाईंलाई सफलताको क्षितिजमा लैजान्छ
दृश्य पदानुक्रमलाई नेल गर्दै
के तपाईलाई थाहा छ जसले चिच्याउछ वा चर्को स्वरमा बोल्छ उसले कसरी मानिसहरूलाई सुरक्षाबाट टाढा फ्याँक्छ र केन्द्र बिन्दु बनाउँछ? उही तपाइँको वेब डिजाइन को लागी जान्छ। समानताको पछाडिको विचार भनेको मानव आँखाले जे देख्छ त्यसलाई बुझ्छ। त्यसले भन्यो, वेबसाइटका केही भागहरू अरूहरू भन्दा बढी महत्त्वपूर्ण छन्। यी पक्षहरू, सामान्यतया, फारमहरू र कल-टु-एक्शनहरू हुन्, र यी कारकहरू हुन् जुन तपाईंको वेबसाइटले हाइलाइट गर्नुपर्छ।
ध्यान दिनुहोस् कि यहाँ 'लाउड' भनेको आकारमा ठूलो वा रंगमा उज्यालो हो। र यो त्यस्तो चीज हो जुन अमेजन, eCommerce bigwig, अत्यन्त पूर्णताका साथ नेल गर्दछ। निगमले रङ प्रयोग गरेर 'Add to cart' र 'Buy Now' लाई हाइपोइन्ट गर्छ। भिजुअल पदानुक्रम निर्धारण गर्न सक्ने अन्य उल्लेखनीय कारकहरू छविहरू, बनावट, शैली, र ह्वाइटस्पेस हुन्।
ईश्वरीय अनुपातमा फोकस गर्नुहोस्
वेब डिजाइन साइज र रंग मा रोक्दैन! त्यहाँ गणितको एक महत्वपूर्ण स्तर समावेश छ। यद्यपि, तपाइँ चिन्तित हुनु पर्दैन। तपाईले गर्नु पर्ने भनेको जादुई नम्बर १.६१८ को बारेमा सोच्नु हो - यो सुनौलो अनुपात हो। विज्ञहरूले अनुपात परिभाषित गर्न सुनौलो अनुपात प्रयोग गर्ने वेब डिजाइनहरूमा राम्रो सौन्दर्यता भएको धारणा राख्छन्।
यस्तो सुनौलो अनुपातको महत्त्व छ कि ट्विटरका क्रिएटिभ निर्देशक डग बोम्यानले पनि यसको बारेमा टिप्पणी गरे (एकै छिन अगाडी).
उदाहरणका लागि, लेआउट चौडाइ 960px छ भनौं। पहिलो, यसलाई 1.618 द्वारा विभाजित गर्नुहोस्। तपाईंले सामग्री क्षेत्रको चौडाइको रूपमा लगभग 593px पाउनु हुन्छ। बाँकी 367px साइडबारमा जान्छ। केहि थप आंकडाहरू फेंक गर्न। हामी भनौं वेबसाइटको उचाइ 768px छ। तपाईंले के गर्न सक्नुहुन्छ यसलाई 474.66px र 293.33px मा विभाजन गर्नुहोस्।
Readability
अर्को सिद्धान्त भनेको शब्दको वरिपरिको खेल हो। यदि डिजाइन तत्वहरू तपाईंको वेबसाइटको ब्राउन हुन् भने, पाठ्य सामग्रीहरू दिमाग हुन्। यसो भनिएको छ, पाठले वेबसाइटलाई नियम बनाउँछ किनकि यसले जानकारी प्रदान गर्दछ। खोज इन्जिन क्रलरहरू यस विचारसँग परिचित छन्, र यो एसईओ रणनीतिको महत्त्वपूर्ण पक्ष भएको छ।
typography
जबकि पाठ आफैले पठनीयता प्रदान गर्दछ, त्यहाँ टाइपोग्राफी पनि छ। यो अनलाइन आगन्तुकहरूको लागि दृश्यात्मक रूपमा आकर्षक बनाएर सामग्रीमा व्यक्तित्व थप्छ। टाइपोग्राफीले कुञ्जी शब्दहरू, मेटा-डेटा, र अन्य SEO-सम्बन्धित तत्वहरूलाई प्रभाव पारेर समग्र मानसिकतालाई असर गर्छ। यो वरिपरि प्राप्त गर्ने तरिका एरियल र हेल्भेटिका जस्ता पढ्न सजिलो फन्टहरू प्रयोग गर्नु हो। यी शरीर पाठहरूको लागि उत्कृष्ट छन्। अर्को माथि हेडलाइन र बटनहरू सहित सबै डिजाइन तत्वहरूको लागि टाइपफेसहरूको उचित संयोजन क्युरेट गर्दैछ।
F-आकारको ढाँचा पढाइ
अवचेतन रूपमा यद्यपि, आगन्तुकहरूले सधैं F- आधारित ढाँचा प्रयोग गरेर वेबसाइट पाठहरू स्क्यान गर्छन्। अध्ययनहरूले फेला पारेको छ कि मानिसहरूले के हेर्न चाहन्छन्, वा कम्तिमा धेरै जसो, स्क्रिनको बायाँ र शीर्ष भागहरूमा रहन्छ। अनि किन 'एफ'? यो पश्चिमको पठन पद्धतिसँग मिल्दोजुल्दो छ – बायाँ देखि दायाँ, माथि देखि तल.
ग्रिड-आधारित लेआउट
तपाईंको वेब डिजाइनमा सबैभन्दा आकर्षक रङ र भाषा समावेश हुन सक्छ। तर, संरचना बिना, तपाईंको वेब सामग्री अप्रभावी मानिनेछ। यो जहाँ ग्रिडहरू उद्धारमा आउँछन्। ग्रिड-आधारित लेआउटले सामग्रीलाई स्तम्भ र खण्डहरूको साथ कठोर संरचनामा पङ्क्तिबद्ध र व्यवस्थित गर्दछ। परिणाम एक सौन्दर्य मनमोहक वेबसाइट हो।
मोबाइल-मैत्री
दिनमा फिर्ता, वेब डिजाइनले डेस्कटप र ल्यापटप कम्प्युटरहरूको कन्फिगरेसनलाई ध्यानमा राख्यो। तर, अब होइन। आज, ज्वार बदलिएको छ! स्मार्टफोन, ट्याब्लेट र अन्य उपकरणहरूको प्रयोग बढ्दो छ। ध्यान दिनुहोस् कि यी यन्त्रहरूमा फरक पर्दा आकारहरू छन्। त्यसोभए वेब डिजाइनको लागि यसको अर्थ के हो यो समर्थन र बहु स्क्रिन आकार र उपकरणहरूसँग उपयुक्त हुनुपर्छ। यदि होइन भने, तपाइँ तपाइँको प्रतिस्पर्धामा हराउनुहुनेछ। यद्यपि, मोबाइल मित्रताले प्रयोगकर्ताहरूको लागि राम्रो र सटीक परिणामहरू पनि उत्पादन गर्दछ। खोज परिणामहरू प्रयोगकर्ताहरूको हालको स्थानको आधारमा लक्षित छन् र सही रूपमा किनभने स्मार्टफोनहरू पोर्टेबल छन् र हालको स्थान परिवर्तनको अधीनमा छ (विशेष गरी यात्राको समयमा).
नेविगेशन
ध्यान दिनुहोस् कि यदि तपाइँको वेबसाइट नेभिगेट गर्न सजिलो छैन भने, तपाइँ हराउनुहुनेछ। साथै, यसले तपाइँको बाउन्स दर बढाउनेछ र तपाइँको समग्र एसईओ स्कोर कम गर्नेछ। नेभिगेसन-अनुकूल वेब डिजाइनले प्रयोगकर्ताहरूलाई लामो समयसम्म रहन लोभ्याउँछ। यसको बारेमा जाने तरिका पृष्ठहरूको तार्किक पदानुक्रम सिर्जना गरेर र क्लिक गर्न मिल्ने बटनहरू डिजाइन गरेर हो। अर्को पक्ष 'तीन को नियम' हो। वेब डिजाइनले तीन क्लिक भित्र आगन्तुकलाई आवश्यक जानकारी उत्पादन गर्नुपर्छ।
तल केही आधारभूत कुराहरू छन् जसले तपाईंलाई यो अधिकार प्राप्त गर्न मद्दत गर्नेछ।
निकटता को कानून
समूहबद्ध गरिएका चीजहरू वा पक्षहरू एकल कथित वस्तु बन्न जान्छन्। उही प्रभावकारी वेब डिजाइनमा लागू हुन्छ। नेभिगेसन-अनुकूल वेब डिजाइन एक हो जहाँ सम्बन्धित तत्वहरू - नेभिगेसन मेनु र फुटर - समूहबद्ध छन्। Craigslist, विज्ञापन वेबसाइट, उप-कोटिहरू परिभाषित गर्न यो कानूनको लाभ उठाएको छ।
समानता को कानून
सिद्धान्त डिजाइन आफैंसँग धेरै गर्न छ। उदाहरणका लागि, आकार, रंग, वा छायांकनमा समानता भएका पक्षहरू समूह वा एकाइ हुन्।
सममितिको नियम
सममित तत्वहरू असममित तत्वहरू भन्दा बढी अवधारणात्मक रूपमा मनमोहक हुन्छन्। थप रूपमा, तिनीहरूले तपाईंको वेबसाइटलाई अधिक व्यवस्थित र राम्रो-ट्यून गरिएको महसुस गराउँदछ। सममितिले तपाइँको वेबसाइटमा संरचना पनि थप्छ र दर्शकहरूलाई तपाइँको साइट मार्फत स्क्रोल गर्नको लागि आरामदायी बनाउँछ।
भाग शब्दहरु
वेब डिजाइनले त्यो तारकीय पहिलो छाप बनाउन मद्दत गर्दछ, र यो कुनै सजिलो उपलब्धि होइन। धेरै दिशानिर्देशहरूको बावजुद, यो प्रयास अझै धेरैको लागि डरलाग्दो छ। जे होस्, डिजिटल युगमा अनलाइन उपस्थिति अपरिहार्य छ, र त्यहाँ सबै उपकरणहरू र प्रविधिहरूको अधिकतम उपयोग गर्नुपर्छ। जाहिर छ, त्यहाँ प्रशोधन गर्न को लागी धेरै छ र अझै धेरै सोच्न को लागी, तर यो सजिलो हुन्छ यदि तपाईको दिमागमा रणनीतिक योजना छ भने।
