3 सरल मानदंड आप अपनी वेबसाइट टेम्पलेट डिजाइन का चयन करने में मदद करने के लिए

वेबसाइट टेम्पलेट डिजाइनक्या आपने कभी खुद को आश्चर्यचकित करते हुए, कुछ अजीब महसूस करते हुए, टेम्पलेट डिजाइनों के संग्रह में निराशाजनक रूप से घूर लिया है, “कैसे बिल्ली मैं जानता हूँ कि मैं कौन सा चुनना चाहिए?”


डॉन’t आपको लगता है कि आप जितने अधिक वेबसाइट टेम्प्लेट देखते हैं, वे उतने ही अधिक दिखते हैं?

चलो’इस तरह से बाहर निकलो… आप’सर्वश्रेष्ठ डिजाइनर के आसपास नहीं हैं – और आप’अजीब नहीं है.

यह’जब यह आपकी वेबसाइट के लिए सही डिजाइन चुनने की बात आती है, तो यह महसूस करना काफी सामान्य है.

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

जबकि अधिकांश वेबसाइट बिल्डर और ईकॉमर्स प्लेटफॉर्म आपको चुनने के लिए कई तरह के डिजाइन प्रदान करते हैं – और कुछ तृतीय पक्ष प्रीमियम टेम्प्लेट भी प्रदान करते हैं जिन्हें आप खरीद सकते हैं – यह’आसान प्रतीत होने वाले अंतहीन विकल्पों के समुद्र में डूबना आसान है, खासकर यदि आप डॉन’t डिजाइन के लिए एक तेज आंख है.

यहाँ’अच्छी खबर है – इस कठिन प्रक्रिया को वास्तव में सरल बनाया जा सकता है!

हमने सभी डिज़ाइन विकल्पों के माध्यम से छाँटने में आपकी सहायता करने के लिए टेम्पलेट डिज़ाइन सुझाव बनाते समय हमारे द्वारा उपयोग किए जाने वाले मानदंडों का एक सेट विकसित किया है.

यहां 3 मानदंड हैं जो आपको अपने आप से पूछने चाहिए जो आपकी वेबसाइट के लिए सही डिज़ाइन खोजने में आपका मार्गदर्शन करेंगे:

  1. सामग्री चौड़ाई डिजाइन
  2. होम पेज हैडर डिजाइन
  3. मेनू बार डिजाइन

इन प्रमुख बिंदुओं पर विस्तार करते हुए हम पढ़ते रहें.

1. मुझे कौन सी सामग्री चौड़ाई चुननी चाहिए?

“पूर्ण-चौड़ाई वाली सामग्री क्षेत्र रचनात्मक, समकालीन डिज़ाइनों के लिए अच्छा काम करता है। बॉक्सिंग-चौड़ाई सामग्री क्षेत्र पारंपरिक, व्यापार-उन्मुख डिजाइनों के लिए अधिक उपयुक्त है.”

मोटे तौर पर, आजकल अधिकांश डिज़ाइन डिज़ाइन आपको 2 प्रकार की सामग्री चौड़ाई प्रदान करते हैं:

(1) पूर्ण-चौड़ाई और (2) बॉक्सिंग-चौड़ाई

पूर्ण-चौड़ाई तब होती है जब पृष्ठभूमि छवि आपके कंप्यूटर स्क्रीन की पूरी चौड़ाई को खींचती है – आपकी स्क्रीन के बाएं किनारे से लेकर दाएं किनारे तक। तो यह महसूस करता है कि आपकी वेबसाइट की सामग्री की कोई सीमा नहीं है.

बॉक्सिंग-चौड़ाई तब होती है जब आपकी सामग्री में स्क्रीन के बाईं और दाईं ओर एक दृश्यमान फ़्रेम होता है। तो ऐसा लगता है जैसे सामग्री है “बॉक्स्ड” एक निर्धारित क्षेत्र में.

यहाँ आप को देखने के लिए कुछ चित्र दिए गए हैं:

वेबसाइट टेम्पलेट डिजाइन - पूरी चौड़ाईपूर्ण चौड़ाई

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

ध्यान दें: उत्तरदायी डिज़ाइन का उपयोग करते समय, ध्यान रखें कि वेब ब्राउज़र या डिवाइस को वेबसाइट पर देखे जाने के आधार पर सामग्री अभिविन्यास और संरेखण बदल सकता है.

वेबसाइट टेम्पलेट डिजाइन - बॉक्सिंग चौड़ाईबॉक्स्ड-चौड़ाई

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

इसलिए सोचें कि आप अपनी वेबसाइट को कैसा महसूस करना चाहते हैं.

क्या आप अधिक रचनात्मक, समकालीन डिजाइन को चित्रित करना चाहते हैं? यदि हां, तो एक पूर्ण-चौड़ाई वाला डिज़ाइन अच्छी तरह से काम करेगा.

क्या आप चाहते हैं कि आपकी वेबसाइट अधिक पारंपरिक, अधिक व्यवसाय उन्मुख महसूस करे? यदि हां, तो बॉक्सिंग-चौड़ाई वाले डिज़ाइन की ओर झुकें.

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

2. कौन सा होम पेज हैडर लेआउट मेरे लिए काम करता है?

“अपने मुख पृष्ठ के लिए सही हेडर डिज़ाइन चुनना एक डिज़ाइन निर्णय से अधिक रणनीतिक निर्णय है। यह इस बात पर निर्भर करता है कि आपके पास किस प्रकार का व्यवसाय है.”

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

वेबसाइट टेम्पलेट डिज़ाइन - हेडरयह डिजाइन’s शीर्ष लेख में एक छवि और उसके ऊपर पाठ दिखाई देता है। Wix के इस टेम्प्लेट को देखने के लिए क्लिक करें.

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

हालांकि, डॉन’सुंदर चित्रों या आकर्षक डिजाइनों से विचलित न हों – अर्थ, डॉन’t बिना किसी प्रकार के हेडर डिज़ाइन के जिस प्रकार से आप सबसे अधिक प्रभावित होते हैं, उसे ध्यान से चुनें!

यह’इस बात पर विचार करने के लिए महत्वपूर्ण है कि आपके द्वारा चुने गए मुखपृष्ठ हेडर अंततः होगा मदद या चोट आपका व्यवसाय.

आप कौन सा हेडर डिज़ाइन चुनते हैं, यह एक रणनीतिक निर्णय है, जो डिज़ाइन निर्णय से अधिक है.

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

आपके आगंतुक अधिक बार नहीं होंगे, इस पर स्नैप निर्णय लेंगे कि क्या वे आपकी वेबसाइट पर बने रहने में रुचि रखते हैं, या मार रहे हैं “वापस” बटन और अपनी वेबसाइट छोड़ दें.

आपके हेडर सेक्शन को आपके बारे में जागरूकता और समझ बनाने की जरूरत है’सभी के बारे में फिर से, बस के बजाय अच्छा लग रहे हो.

अब आप एक हेडर को समझते हैं’आपके आगंतुकों को बेहतर तरीके से समझने में आपकी मदद करने में भूमिका और इसका महत्व, आप कैसे चुनते हैं?

विभिन्न प्रकार की वेबसाइट के लिए विभिन्न प्रकार के हेडर सबसे अच्छा काम करते हैं.

हम’आपको सामान्य प्रकार के शीर्ष लेख दिखाएंगे और किस प्रकार के व्यवसाय से प्रत्येक को सबसे अधिक लाभ होगा:

1. स्टेटिक हैडर छवि बिना किसी सामग्री के

वेबसाइट टेम्पलेट डिज़ाइन - हेडर कोई सामग्री नहींयह डिजाइन’s हेडर में किसी अन्य सामग्री के बिना एक छवि है। Wix के इस टेम्प्लेट को देखने के लिए क्लिक करें.

इसका उपयोग किसे करना चाहिए?

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

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

वेबसाइट टेम्पलेट डिजाइन - हेडर कोई सामग्री उदाहरणइस तरह के और टेम्पलेट देखने के लिए क्लिक करें

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

दृश्य “संदेश” यदि वे आपके आवास पर रहें तो उनके अनुभव के प्रकार में अनुवाद हो सकता है.

इसका उपयोग किसे नहीं करना चाहिए?

यदि आपके व्यवसाय को यह समझाने के लिए पाठ की आवश्यकता है कि आप क्या करते हैं और आप अपने ग्राहकों की मदद कैसे कर सकते हैं, तो केवल स्थैतिक हेडर छवि पर निर्भर होना आदर्श नहीं है.

एक स्थिर हेडर इमेज में बहुत सारे मूल्यवान स्थान हो सकते हैं “मुड़ाव के ऊपर” – मूल रूप से, स्क्रीन क्षेत्र जिसे आपके आगंतुक तब देखते हैं जब वे आपकी वेबसाइट पर पहली बार आते हैं.

इसलिए यदि आपके व्यवसाय को यह समझाने के लिए कुछ पाठ की आवश्यकता है कि आप कौन हैं और आप क्या हैं’सब के बारे में फिर से, फिर एक स्थिर हेडर इमेज (छवि में सामग्री के बिना) पर पूरी तरह से भरोसा करना आपके आगंतुकों को आपके द्वारा किए जाने के रूप में थोड़ा भ्रमित कर सकता है.

आपकी वेबसाइट के बारे में संवाद करने के लिए पूरी तरह से एक छवि पर निर्भर करते हुए, रेस्तरां, होटल या उन व्यवसायों के लिए अच्छी तरह से काम कर सकते हैं जिनके साथ अधिक करना है “जीवन शैली”. लेकिन यह नहीं है’t हमेशा अन्य व्यवसायों के लिए काम करते हैं। इन प्रकार के व्यवसायों के लिए, आप’केवल एक छवि से अधिक पर भरोसा करने की आवश्यकता होगी.

अपने आप से यह प्रश्न पूछें – क्या आपकी वेबसाइट को बिना किसी पाठ के सरल छवि के माध्यम से आसानी से समझाया गया है?

2. स्टेटिक हैडर इमेज कंटेंट के साथ

वेबसाइट टेम्पलेट डिज़ाइन - छवि सामग्रीयह डिजाइन’s हेडर में अन्य सामग्री (पाठ) के साथ एक छवि है & बटन)। Wix के इस टेम्प्लेट को देखने के लिए क्लिक करें.

इसका उपयोग किसे करना चाहिए?

इस प्रकार के होमपेज हेडर डिज़ाइन से सभी वेबसाइट लाभान्वित हो सकती हैं – यदि आप डॉन करते हैं तो यह सबसे सुरक्षित विकल्प है’पता नहीं क्या चुनना है.

सामग्री के साथ एक स्थिर छवि हैडर आपको देता है 4 आवश्यक तत्व यह प्रभावी रूप से वर्णन कर सकता है कि आपके व्यवसाय के बारे में क्या है, सीधे ऊपर-द-गुना:

  • शीर्षक
  • सहायक अनुच्छेद
  • कॉल टू एक्शन (आप अपने आगंतुकों को आगे क्या करना चाहते हैं)
  • सहायक छवि

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

3. सामग्री के साथ स्लाइड शो हेडर

वेबसाइट टेम्पलेट डिज़ाइन - हेडर स्लाइड शोयह डिजाइन’s हैडर एक स्लाइड शो है, जो विभिन्न छवियों को प्रदर्शित करता है। Wix के इस टेम्प्लेट को देखने के लिए क्लिक करें.

इसका उपयोग किसे करना चाहिए?

एक स्लाइड शो हैडर उन व्यवसायों के लिए सबसे अच्छा काम करता है जो विभिन्न प्रकार के ग्राहकों को पूरा करते हैं या कई कोर सेवाएँ या उत्पाद हैं.

यदि आपकी कंपनी के पास कई ग्राहक जनसांख्यिकी के लिए अलग-अलग समाधान हैं, तो एक स्लाइड शो हेडर आपके व्यवसाय के उत्पादों / सेवा प्रसाद को एक संगठित तरीके से दिखाने की अनुमति देता है।.

उदाहरण 1: Wix ऐसे लोगों को लक्षित करता है जिन्हें विभिन्न उद्देश्यों के लिए वेबसाइट की आवश्यकता होती है

उदाहरण 2: थीमकूट विभिन्न प्रकार के व्यवसायों के लिए थीम प्रदान करता है

इसलिए यदि आपका व्यवसाय ग्राहक-आधार के कुछ अलग समूहों को लक्षित करता है, या यदि आपके पास विभिन्न प्रकार के उत्पाद / सेवा प्रसाद हैं, तो एक स्लाइड शो आधारित हेडर ग्राहकों के कई वर्गों को लक्षित करने के लिए, या आपके प्रसाद की विविधता दिखाने के लिए अच्छी तरह से काम कर सकता है।.

4. वीडियो बैकग्राउंड हैडर

वेबसाइट टेम्पलेट डिज़ाइन - वीडियो हेडरयह डिजाइन’s हैडर एक स्ट्रीमिंग वीडियो है। Wix के इस टेम्प्लेट को देखने के लिए क्लिक करें.

इसका उपयोग किसे करना चाहिए:

एक वीडियो बैकग्राउंड हैडर आपके व्यवसाय प्रक्रिया को आकर्षक तरीके से पेश करके आपके व्यावसायिक मिशन की व्याख्या करने के लिए अच्छी तरह से काम करता है.

मूविंग इमेज या वीडियो लोगों को हथियाने में बहुत प्रभावी हैं’ध्यान देना, इसलिए यह कोई आश्चर्य की बात नहीं है कि कई सफल वेबसाइट सगाई की स्तर और ब्रांड जागरूकता को बेहतर बनाने के लिए वीडियो पृष्ठभूमि का उपयोग करती हैं.

जब वे सही तरीके से उपयोग किए जाते हैं तो अधिकांश छोटे व्यवसाय वीडियो पृष्ठभूमि हेडर से लाभ उठा सकते हैं.

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

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

यहाँ वेबसाइटों के कुछ उदाहरण दिए गए हैं जो वीडियो हेडर का बहुत प्रभावी उपयोग करते हैं:

प्रीमियर वीडियो हेडर उदाहरणपरिसर स्वास्थ्य

जंगली नाम बदलकर

3. मुझे कौन सा मेनू बार डिज़ाइन चुनना चाहिए?

“मेनू बार महत्वपूर्ण नहीं लग सकता है, लेकिन यह वास्तव में प्रभावित करता है कि आपके आगंतुक आपको और आपके ब्रांड को कैसे देखते हैं.”

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

एक वेबसाइट डिजाइन के सबसे निर्विवाद तत्वों में से एक मेनू बार डिजाइन है। इसमें मेनू बार प्रकार, स्थिति और लेआउट शामिल हैं.

यह’आपके व्यवसाय के लिए उपयुक्त एक को चुनना महत्वपूर्ण है’ ज़रूरत.

क्यों मेनू बार डिजाइन आपके विषय का एक महत्वपूर्ण हिस्सा है?

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

यदि कोई आगंतुक आपकी वेबसाइट और कैन पर गया’यह पता लगाने के लिए कि वे जानकारी कहाँ ढूंढ रहे हैं, तो आपकी वेबसाइट मूल रूप से बुरी तरह विफल रही… चाहे वह कितना भी अच्छा लगे!

1. द डू’रों & डॉन’मेनू बार डिजाइन के ts

करना’है:

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

डॉन’ts:

  1. डॉन’t आपके मेनू को बहुत अधिक पृष्ठ टैब के साथ अव्यवस्थित करता है। केवल वही पृष्ठ प्रदर्शित करें जो आपके व्यवसाय के लिए आवश्यक हों। यह’आप के रूप में और अधिक पृष्ठों को जोड़ने के लिए आसान है’अपने व्यापार के बारे में भावुक। लेकिन यह आपके आगंतुकों को अभिभूत कर सकता है.
  2. डॉन’t विचलित पृष्ठभूमि का उपयोग करें जो मेनू टैब को पढ़ने के लिए कठिन बनाते हैं। कुछ लोग मेन्यू बार में फैंसी बैकग्राउंड इमेज / पैटर्न जोड़ना पसंद करते हैं। डॉन’ऐसा मत करो!
  3. डॉन’t छोटे फ़ॉन्ट आकार या अत्यधिक फैंसी फ़ॉन्ट डिज़ाइन का उपयोग करें जो आपके आगंतुकों को पढ़ने के लिए कठिन बनाते हैं। यह कष्टप्रद हो सकता है!

2. अपना मेनू बार स्थिति चुनें

यह समझना कि आप कैसे अपनी वेबसाइट के आगंतुकों को अपनी वेबसाइट का अनुभव कराना चाहते हैं, आपको उस प्रकार के मेनू बार डिज़ाइन के बारे में बताएगा, जिसे आपको चुनना चाहिए.

1. स्थिर स्थिति मेनू बार (मेनू पट्टी स्थायी रूप से पृष्ठ के शीर्ष पर तय की गई है)

वेबसाइट टेम्पलेट डिज़ाइन - निश्चित मेनूWix के इस टेम्पलेट को देखने के लिए चित्र पर क्लिक करें.

यह बहुत सारी सामग्री (मूल रूप से बहुत लंबे पृष्ठ) वाली वेबसाइटों के लिए सबसे अच्छा काम करता है। पृष्ठ के ऊपर या किनारे पर मेनू बार को ठीक करना आपके आगंतुकों को शीर्ष पर वापस स्क्रॉल करने की आवश्यकता के बिना पृष्ठों के बीच जल्दी से स्विच करने की अनुमति देता है।.

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

2. शीर्ष क्षैतिज मेनू बार

वेबसाइट टेम्पलेट डिज़ाइन - शीर्ष मेनूइस टेम्पलेट को Wix से देखने के लिए चित्र पर क्लिक करें

80% वेबसाइट्स मेनू बार डिज़ाइन की इस पारंपरिक शैली का उपयोग करती हैं। यह’यह लोकप्रिय है क्योंकि यह प्रभावी है.

मेनू बार की तलाश में लोग पृष्ठ के शीर्ष पर जाने के लिए वातानुकूलित होते हैं। मेनू बार की चौड़ाई ब्राउज़र की चौड़ाई से सीमित है.

यह’एक बहुत ही क्लासिक मेनू बार डिजाइन है, और आप कर सकते हैं’टी इस शैली के साथ ज्यादातर समय गलत है.

3. साइड वर्टिकल मेनू बार

वेबसाइट टेम्पलेट डिज़ाइन - साइड मेनूइस टेम्पलेट को Wix से देखने के लिए चित्र पर क्लिक करें

साइड पर एक मेनू बार होना ग्राफिक-इंटेंसिव वेबसाइटों (जैसे कि पोर्टफोलियो, रेस्तरां, सैलून, स्पा, आदि) के साथ काफी लोकप्रिय है।.

यदि आपकी वेबसाइट में बहुत सारे मेनू टैब प्रदर्शित करने के लिए, या मेनू बार शीर्षक हैं जो सामान्य से अधिक लंबे हैं, तो ऊर्ध्वाधर मेनू बार विशेष रूप से प्रभावी हैं.

कुछ वेबसाइट टेम्प्लेट से सावधान रहें “तय” वर्टिकल साइड मेन्यू बार, इसलिए आप कितने टैब जोड़ सकते हैं इसकी एक सीमा है। कुछ डिज़ाइन टेम्प्लेट में एक स्क्रॉल करने योग्य ऊर्ध्वाधर मेनू बार होता है, इसलिए आपके द्वारा प्रदर्शित टैब की संख्या असीम होती है.

4. नीचे क्षैतिज मेनू बार

वेबसाइट टेम्पलेट डिज़ाइन - निचला मेनूSquarespace से इस टेम्पलेट को देखने के लिए चित्र पर क्लिक करें

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

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

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

3. लोगो पोजिशनिंग

लोगो की स्थिति यादृच्छिक नहीं है। आपका लोगो कैसे लगाया जाता है, वास्तव में आपके व्यवसाय के लक्ष्य के बारे में बहुत कुछ कहता है.

1. लोगो आपके मेनू बार के समान स्तर / रेखा पर रखा गया है

वेबसाइट टेम्पलेट डिजाइन - मेनू में लोगो

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

यह भी एक ऐसा डिजाइन है जो ज्यादातर B2B (बिजनेस-टू-बिजनेस) प्रकार के व्यवसायों द्वारा उपयोग किया जाता है जहां ब्रांडिंग और मार्केटिंग खुदरा व्यवसायों पर ध्यान केंद्रित करने से कम हैं.

बेशक, लोगो (ब्रांडिंग) अभी भी महत्वपूर्ण है, लेकिन मेनू के बार लोगो द्वारा सीमित आकार के रूप में कम स्पष्ट है.

2. मेनू बार के साथ केंद्र में रखा गया लोगो (इसके नीचे या ऊपर)

वेबसाइट टेम्पलेट डिजाइन - मेनू के बाहर लोगोइस टेम्पलेट को देखने के लिए क्लिक करें

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

आपके लोगो के आकार पर कम प्रतिबंध है, इसलिए आपके आगंतुकों को इस पर ध्यान देने की अधिक संभावना है.

यह लोगो लेआउट खुदरा व्यवसायों के बीच काफी लोकप्रिय है क्योंकि वे ब्रांड पहचान बनाने और ब्रांड वफादारी को बढ़ावा देने के लिए विभिन्न विपणन तकनीकों का उपयोग करते हैं.

तो सोचें कि आप कैसे चाहते हैं कि आपका लोगो तैनात रहे। क्या आप ब्रांडिंग पर अधिक ध्यान केंद्रित कर रहे हैं? यदि हां, तो अपने मेनू बार के ऊपर या नीचे अपना लोगो रखने से आपको उस लक्ष्य को पूरा करने में मदद मिल सकती है.

अपनी वेबसाइट टेम्पलेट डिज़ाइन चुनें – चलो’हमने जो चर्चा की, उसे लागू करें

अब हम’आपको सही वेबसाइट टेम्पलेट डिज़ाइन चुनने में मदद करने के लिए 3 मानदंडों पर चर्चा की गई है, आइए’प्रक्रिया को व्यवहार में लाएं ताकि आप यह पता लगा सकें कि आपके और आपके व्यवसाय के लिए क्या काम है.

हम आपको 2 उदाहरण भी दिखाएंगे ताकि आप देख सकें कि प्रक्रिया आपके लिए कैसे काम कर सकती है। हम’ll आपको नीचे दिए गए खाकों की तलाश शुरू करने के लिए कुछ अच्छे स्रोत भी देगा.

चरण 1: अपनी वेबसाइट के लिए सबसे अच्छा संयोजन चुनें:

  1. सामग्री चौड़ाई डिजाइन
    • पूर्ण-चौड़ाई – अधिक समकालीन रूप
    • बॉक्सिंग-चौड़ाई – अधिक पारंपरिक रूप
  2. होम पेज हैडर लेआउट डिजाइन
    • स्टेटिक इमेज (कोई सामग्री नहीं) – यदि कोई एकल छवि प्रभावी रूप से आपके ब्रांड की कहानी बता सकती है
    • स्टेटिक इमेज (कंटेंट के साथ) – यदि आपको यह समझाने के लिए टेक्स्ट सुर्खियों की आवश्यकता है कि आपका व्यवसाय क्या करता है – सबसे आम
    • स्लाइड शो – आपके द्वारा लक्षित कई ग्राहक प्रकारों या आपके द्वारा दिए जाने वाले विभिन्न उत्पादों / सेवा प्रसादों को उजागर करने के लिए
    • वीडियो पृष्ठभूमि – यदि कोई वीडियो आपके ब्रांड की कहानी बताने के लिए अच्छी तरह से काम करता है। इस विस्तृत गाइड को देखें कि कैसे करना है’एस और डॉन’अपनी वेबसाइट पर एक वीडियो बैकग्राउंड सेट करने के ts, जिसमें वीडियो बैकग्राउंड के साथ वीडियो या टेम्प्लेट ढूंढना शामिल है.
  3. मेनू बार डिजाइन
    • सुनिश्चित करें कि यह पढ़ना आसान है – विषम पृष्ठभूमि रंग और विषम रंग के साथ सादे फोंट
    • मेनू स्थिति:
      • निश्चित स्थिति – यदि आपके पास लंबे समय तक स्क्रॉलिंग पृष्ठ हैं। आगंतुकों के लिए मेनू बार खोजना आसान है.
      • क्षैतिज (शीर्ष) – सीमित मेनू बार आइटम (8 आइटम से कम) वाली वेबसाइट के लिए – सबसे सामान्य स्थिति
      • वर्टिकल (साइडबार) – बहुत सारे मेनू बार आइटम के साथ ग्राफिक-गहन डिजाइनों के लिए
      • क्षैतिज (निचला) – ग्राफिक-गहन डिजाइनों के लिए जहां आप आगंतुकों को तुरंत सामग्री पर ध्यान केंद्रित करना चाहते हैं
    • लोगो की स्थिति:
      • मेनू बार के समान स्तर – कम ब्रांडिंग & सामग्री के लिए अधिक जगह की अनुमति देता है
      • मेनू बार के ऊपर या नीचे – लोगो के रूप में अधिक ब्रांडिंग प्रभाव बड़ा है, लेकिन सामग्री के लिए जगह कम कर देता है

उदाहरण:

  1. रेस्टोरेंट: उच्च-गुणवत्ता वाली छवियां और वीडियो ग्राहकों के लिए विंडो हैं’ पेट.

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

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

अब जब कि आप क्या है की एक प्रारंभिक विचार है’फिर से देखना, आप टेम्पलेट डिज़ाइन के माध्यम से फिर से ब्राउज़ करना शुरू कर सकते हैं, लेकिन लाभ के साथ डिजाइन के माध्यम से उस डॉन के माध्यम से झारना’टी अपने मानदंडों से मेल खाती है.

आपकी सूची को नीचे लाने में कुछ समय लगेगा, लेकिन कम से कम अब आपके पास किसी प्रकार की दिशा है.

चरण 2: अपनी सूची को 1 या 2 विकल्पों तक सीमित करें

आप एक बार’ve संभावित डिजाइन उम्मीदवारों की एक सूची संकलित, यह’सबसे अच्छा एक या दो टेम्पलेट चुनने का समय.

हालाँकि, यह अभी भी एक के लिए वेबसाइट टेम्पलेट्स लेने के बिना एक अंतिम निर्णय लेने के लिए चुनौतीपूर्ण हो सकता है “टेस्ट ड्राइव”.

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

आप कभी नहीं जानते कि आप किसे पसंद करते हैं जब तक कि आप वास्तव में उनके साथ काम न करें – जैसे कार चलाना टेस्ट। यह आपके समय के लायक होगा.

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

यह थोड़ा जुआ होगा, विशेष रूप से यह कि एक भुगतान किया गया डिजाइन आमतौर पर $ 50 से $ 150 तक कहीं भी खर्च होता है। लेकिन अगर आपको कुछ ऐसा लगता है जो आपको वास्तव में पसंद है, और उस पर अपना उचित परिश्रम करें (वास्तव में डिजाइन की कोशिश कर रहे हैं), तो यह जोखिम के लायक हो सकता है.

निष्कर्ष & चाबी छीन लेना

सही वेबसाइट टेम्प्लेट डिज़ाइन चुनना घर खरीदने जैसा है – कई बार भ्रमित करना, और आप’तुम डरते हो’गलत चुनाव करेंगे.

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

साइड नोट: यदि आपका व्यवसाय अभी तक बहुत पैसा नहीं कमा रहा है, तो हम आपको वेबसाइट डिजाइनर को काम पर रखने के खिलाफ अत्यधिक सलाह देते हैं (हमारे तर्क यहां देखें).

हालाँकि, यदि आप एक व्यवस्थित दृष्टिकोण अपनाते हैं, जैसे कि ऊपर वर्णित 3 मानदंड लागू करना, तो यह आपकी पसंद को सैकड़ों डिज़ाइनों से नीचे तक सीमित करने में आपकी मदद कर सकता है। यह अपने आप में एक बड़ी जीत है, सही है?

वहां से, आपको उन्हें परीक्षण करना चाहिए कि क्या वे मुफ्त में उपलब्ध हैं.

यहां कुछ अत्यधिक अनुशंसित वेबसाइट बिल्डर्स हैं, जिनके साथ आप शुरू कर सकते हैं, जो सभी आपको मुफ्त में डिज़ाइन टेम्पलेट प्रदान करते हैं.

हेवन’t उनके बारे में सुना? हम’हम आपको आपके लिए सर्वश्रेष्ठ वेबसाइट बिल्डर चुनने के लिए उपयोग किए जाने वाले सरल नियम दिखाएंगे.

याद है: आपकी वेबसाइट की जरूरत के आधार पर एक डिजाइन का चयन करें, बजाय इसके कि आप क्या सोचते हैं “सुंदर”.

यह गाइड मददगार मिला?

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