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