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