सामग्री

• पाऊल टाकण्यासाठी
• पद्धत 1 पैकी 3 मूलभूत नियम
• पद्धत 2 पैकी 2: मार्गदर्शक तत्त्वे
• टिपा
• चेतावणी

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

पाऊल टाकण्यासाठी

पद्धत 1 पैकी 3 मूलभूत नियम

1. नियम 1:आपल्या क्लायंटचे ऐका. "आता मला अन्वेषित करा!" अशी ओरड करणा a्या साइटसाठी आपण समृद्ध काळा, परिष्कृत फॉन्ट आणि चमकदार, कलात्मक रंगांसह "विश्वाच्या आणि त्यापलीकडेच्या इतिहासातील जगातील सर्वात मोठी वेबसाइट" डिझाइन करत असाल. दुर्दैवाने, आपल्या क्लायंटला चमकदार गुलाबी आणि नारिंगी अक्षरे असलेली केशरी मेनू बार हवा होता. आपल्याला काढून टाकण्यात आले आहे, आणि आपली आतापर्यंतची सर्वोत्कृष्ट वेबसाइट - ज्याचा क्लायंटवर हक्क आहे - त्यांच्या बॅकअप डिस्कवर कोणाकडेही आहे, कोणासही पुन्हा कधीही न पाहिलेले आहे.
   • आपल्या क्लायंटच्या कॉर्पोरेट ओळखीचा अभ्यास करा. क्लायंटला त्यांना आवडणार्‍या काही वेबसाइट्स दर्शवा. त्यांना केवळ त्यांच्या आवडीची कल्पनाच नाही तर ती आपल्याला काही डिझाइन कल्पना देखील देईल ज्याचा आपण कदाचित विचार केला नसेल.
   • जर आपल्याला वाटत असेल की आम्ही केशरी आणि गुलाबी वेबसाइटबद्दल विनोद करीत आहोत तर या मस्त, अत्याधुनिक साइटचा विचार करा:
2. नियम # 2:आपले प्रेक्षक आणि ते काय शोधत आहेत हे जाणून घ्या आणि त्यानुसार आपली रचना अनुकूल करा. लोकांच्या वेबसाइट्सचे कारण म्हणजे इतर लोकांनी ते पहावे अशी त्यांची इच्छा आहे. ते माहितीपूर्ण किंवा व्यावसायिक असू शकते किंवा विशिष्ट लक्ष्यित प्रेक्षकांचे मनोरंजन करू शकते. आपण कोणासाठी डिझाइन करीत आहात हे जाणून घेणे आणि ते तेथे उतरल्यावर पृष्ठावर ठेवणे हे डिझाइनर म्हणून आपले काम आहे.
   • आपण कदाचित विचार कराल, "ते चांगले दिसल्यास ते टिकून राहतील." परंतु असे होणे आवश्यक नाही. उदाहरणार्थ भू संपत्ती घ्या. येथे स्वच्छ, मजेदार डिझाइन असलेली एक साइट आहे. यात बर्‍यापैकी पांढरी जागा आहे जी ओपन लूक, चमकदार रंग आणि ठिकठिकाणी दुवा असलेले आधुनिक रुंदस्क्रीन स्वरूप देते:
   • आता त्याच क्षेत्रामध्ये रिअल इस्टेट विक्री करण्याच्या या दृष्टिकोनावर एक नजर टाका: गोंधळलेले आणि अतिशय व्यस्त, कंटाळवाणे रंग आणि जाहिरातींमध्ये व्यापलेले.
   • एखादे घर शोधणार्‍यासाठी चांगले कार्य करते काय? बरोबर, एक जेथे घरे! जेव्हा लोक “सान्ता मोनिकामध्ये विक्रीसाठी घरे” शोधतात तेव्हा त्यांना साइट कशा दिसत आहे याची काळजी नसते. त्यांना इस्टेट एजंटबद्दल वाचण्याची किंवा शहराची सुंदर चित्रे पाहू इच्छित नाहीत. त्यांना घरे बघायची आहेत.
3. नियम # 3:स्वत: ऐका. आपणास क्लायंटला काय हवे आहे ते समजले आहे आणि आपणास माहित आहे की आपला बाजार काय शोधत आहे. आता शेवटी आपल्याकडे लक्ष देण्याची वेळ आली आहे, डिझाइनर!
   • आपल्या आवडीच्या ग्राफिक्स सॉफ्टवेअरमध्ये टेम्पलेट तयार करा. आपल्या पृष्ठाचे घटक भिन्न स्तरांवर बनवा (जेणेकरून आपण नंतर संपूर्ण टेम्पलेट नष्ट न करता गोष्टी चिमटा घेऊ शकता). हे घटक असू शकतातः
     • शीर्षलेख. हा एक घटक आहे जो आपल्या साइटच्या प्रत्येक पृष्ठावर समान आहे. शीर्षलेखात साइटचे शीर्षक आणि लोगो तसेच वेबसाइटच्या इतर भागांचे दुवे (उदा. बद्दल, संपर्क इ.) असतात. दृश्य आणि व्यावहारिकदृष्ट्या हे सर्व एकत्र जोडेल. मेन्यू बारवरील प्रथम बटण मुख्यपृष्ठावर परत जोडणे चांगले आहे.
     • उदाहरणार्थ, Appleपल वर एक नजर टाकूः
     • बर्‍याच Appleपल सामग्री प्रमाणेच, त्यांच्या मुख्यपृष्ठावर अगदी स्वच्छ, सरळ रचना आहे. प्रत्येक बटणाच्या तार्किक विषयासह शीर्षस्थानी मेनू बार आणि शोध क्षेत्राची नोंद घ्या - आपली साइट त्यास समर्थन देत असल्यास नेहमीच चांगली कल्पना. आता काही घटक पाहण्यासाठी एक, बटण, आयपॅड यापैकी एकासाठी लँडिंग पृष्ठ पाहू या:
     • मेनू बार केवळ आयपॅड बटण गडद करून बदलतो.
     • लँडिंग पृष्ठाचा विषय मोठ्या काळ्या वर्णांमध्ये दर्शविला जातो.
     • एक नवीन सबमेनू दिसेल ज्यामुळे आपण उत्पादनाबद्दल अधिक जाणून घेऊ शकता. आपण यापैकी एका बटणावर क्लिक केल्यास आपण पहाल की प्रत्येक पृष्ठ विषयावर आधारित नवीन सामग्री प्रदान करेल, परंतु लेआउट आणि डिझाइनमध्ये एकसारखे असेल.
     • बर्‍याच वेळा, आपल्या मेनू बारमधील प्रत्येक मुख्य विषयावर आपल्याला भरण्यासाठी भिन्न उपशीर्षके असतात. द्वितीय मेनू बार तयार करण्याऐवजी आपण संगीतकार मित्र कडून यासारखे पॉपअप मेनू वापरू शकता:
     • साइडबार. हे आपल्या साइटच्या बर्‍याच पृष्ठांवर दिसून येईल, परंतु सर्व काही आवश्यक नाही - संदर्भ निर्धारित करते. तथापि, हे एक महत्त्वपूर्ण घटक आहे आणि काळजीपूर्वक अंतर्ज्ञानी आणि खूप गोंधळ न करण्यासाठी डिझाइन केलेले असणे आवश्यक आहे. मेनू बारच्या विपरीत, साइडबारची सामग्री खूप गतिमान असू शकते. रिअल इस्टेट मार्केटर ट्रूलिया कडून या दोन साइडबार पहा प्रथम खरेदीदारांसाठीः
       
       

पद्धत 2 पैकी 2: मार्गदर्शक तत्त्वे

1. चांगला वापरकर्ता इंटरफेस डिझाइन करा. वेबसाइटची विविध घटक जसे की शीर्षक, साइडबार, लोगो, प्रतिमा आणि आपली साइट नॅव्हिग करण्यायोग्य आणि अंतर्ज्ञानी करण्यासाठी प्रत्येक पृष्ठावर त्याच ठिकाणी मजकूर ठेवा.
   • प्रत्येक पृष्ठाच्या शीर्षस्थानी समान शीर्षलेख ठेवा. आपल्या साइटची सामग्री बर्‍याच वेळा पुनरावृत्ती करणार्‍या घटकांना अनुमती देते की नाही, प्रत्येक पृष्ठाचा वरचा भाग समान आहे याची खात्री करा.
   • आपल्या डिझाइनमध्ये लॉजिक वापरा. एका पृष्ठावरील घटक तार्किकदृष्ट्या महत्त्व किंवा विषयावर क्रम लावावेत; साइटवरील भिन्न पृष्ठे देखील असावीत.
2. सातत्यपूर्ण शैली तयार करा. जेथे लेआउटने आपल्या साइटला संरचनात्मक सुसंगतता दिली पाहिजे तेथे शैलीने विषयासंबंधीचा सुसंवाद प्रदान केला पाहिजे.
   • दोन किंवा तीन मुख्य रंगांवर चिकटून रहा आणि ते एकत्र एकत्र जात असल्याचे सुनिश्चित करा.
   • बर्‍याच फॉन्ट शैली किंवा आकारांचा वापर करणे टाळा; आपण काही पर्यायी करू इच्छित असल्यास, प्रत्येक पृष्ठावर त्यांना तशाच प्रकारे वापरा.
   • एकसमान शैली राखण्यासाठी आणि प्रत्येक पृष्ठावर स्वतंत्रपणे न जाता संपूर्ण वेबसाइटवर घटक बदलणे सोपे करण्यासाठी कॅसकेडिंग शैली पत्रके (सीएसएस) वापरा.
3. वाचनक्षमता वाढवा. आपला मजकूर वाचण्यास सुलभ करण्यासाठी आपण त्यास लहान भागांमध्ये विभाजित करू शकता.
   • प्रत्येक भाग विभक्त करण्यासाठी उपशीर्षके आणि योग्य अंतर वापरा.
   • विषयांचे श्रेणीक्रम आणि महत्त्व दर्शविण्यासाठी ठळक अक्षरे किंवा भिन्न आकार वापरा.
   • आपण मजकूराशी कसे वागता यावर लक्ष द्या. फाँट खूप छोटा करू नका आणि मोठ्या संख्येने मजकूर वाचणे सोपे करण्यासाठी ओळ अंतर वाढवा. मजकूराचे मोठे पॅचेस वाचणे अधिक कठीण आहे; त्यास लहान परिच्छेदात विभाजित करा.
4. आपली वेबसाइट सार्वत्रिक वाचनीय बनवा. मानक एचटीएमएल वापरा आणि टॅग, वैशिष्ट्ये आणि प्लगइन टाळा जे केवळ एका ब्रँड किंवा ब्राउझरच्या आवृत्तीसाठी उपलब्ध आहेत.
   • बर्‍याच आधुनिक ब्राउझर आणि संगणक जटिल प्रतिमा हाताळू शकतात, परंतु आपण वेबसाठी आपली प्रतिमा संकुचित आणि ऑप्टिमाइझ केल्यास सर्वकाही अधिक चपखल दिसेल. गतीच्या महत्त्वाच्या विरूद्ध गुणवत्तेचे महत्त्व तोलणे.
5. आपल्या वेबसाइटची चाचणी घ्या. याची खात्री करुन घ्या प्रत्येक दुवा कार्य करते जशी आपण अपेक्षा करता आणि प्रतिमा योग्य दिसतात.
   • आपल्या लक्षित प्रेक्षकांच्या सदस्यांना आपल्या डिझाइनची स्पष्टता आणि वापर सुलभतेची चाचणी करून आपल्या वेबसाइटबद्दल अभिप्राय प्रदान करुन आपण काही वापरकर्ता चाचणी आयोजित करू शकता.
6. आपली वेबसाइट प्रकाशित करा. आपल्याकडे आधीपासून नसल्यास एक डोमेन नाव खरेदी करा. दुवे अद्याप कार्यरत आहेत की नाही हे नियमितपणे तपासा आणि अभ्यागतांनी आपल्याला ईमेल पाठविलेल्या सूचना ऐका.

टिपा

• आपण आपल्या स्वत: च्या वैयक्तिक दृष्टी किंवा इतर साइटवर पाहिलेल्या गोष्टींवर आधारित लेआउटची रचना करण्यास मोकळे असताना, तयार डिझाइन खरेदी करणे अधिक सुलभ होते.
• पाहुण्याला गोंडस, खास चित्रांनी भोंडू नका. फ्लॅश अ‍ॅनिमेशन, चमकदार रंग, नमुनेदार पार्श्वभूमी आणि पृष्ठ लोडवर स्वयंचलितपणे प्ले होणारे संगीत 90 च्या दशकात मजेदार प्रयोग होते, परंतु आता ते वापरकर्त्यांना घाबरवतील. जास्तीत जास्त सुवाच्यतेसाठी मजकूर रंगासह भिन्न असलेल्या साध्या पार्श्वभूमीवर टिकून रहा.
• परिच्छेद अंतर ऑप्टिमाइझ करण्यासाठी आपण नेहमीच CSS वापरू शकता.
• श्रवणशक्ती किंवा दृश्य दृष्टीदोष असलेल्या अभ्यागतांसाठी आपण व्हिडिओ उपशीर्षक करू शकता, ऑडिओची प्रतिलिपी करू शकता आणि anक्सेसीबीलिटी संदेश जोडू शकता. टेबल माहिती व्यवस्थापित करण्याचा एक प्रभावी मार्ग असू शकतात, परंतु स्क्रीन रीडर सॉफ्टवेअर वापरणारे दृष्टिहीन अभ्यागत योग्य क्रमाने ही सामग्री ऐकू शकत नाहीत.
• आपल्या अभ्यागतांना शाई वाचवू द्या: मुद्रण पृष्ठांसाठी स्वतंत्र शैली पत्रक वापरा.
  • प्रिंट पॅरामीटर्स सेट करताना पार्श्वभूमी प्रतिमा बंद करा.
  • पांढर्‍या पार्श्वभूमीवर काळा मजकूर वापरा.
  • मेनू बार आणि अनावश्यक प्रतिमा काढा.

चेतावणी

• वा plaमयवाद टाळा आणि सर्व कॉपीराइट कायद्यांचे पालन करा. आपण मंजूर केल्याशिवाय आपल्याला ऑनलाइन दिसणारी यादृच्छिक प्रतिमा किंवा अगदी स्ट्रक्चरल घटक समाविष्ट करू नका. आपण आपल्या साइटवर वापरत असलेली प्रत्येक गोष्ट कायदेशीर आणि नैतिक दोन्ही असणे आवश्यक आहे.