आपले डिझाइन प्रारंभ करण्यासाठी सोप्या वायरफ्रेमचा वापर करणे जाणून घ्या
वेब वायरफ्रेम एखादे वेब पृष्ठ कसे दिसेल हे दर्शविण्यासाठी एक सोपा व्हिज्युअल मार्गदर्शक आहे. हे कोणत्याही ग्राफिक किंवा मजकूर न वापरता पृष्ठाची रचना सूचित करते. वेबसाइट वायरफ्रेम संपूर्ण साइट संरचना दर्शवेल - त्यात कोणत्या पृष्ठांना दुवा आहे
वेब वायरफ्रेम आपल्या डिझाईन कामास प्रारंभ करण्याचा एक चांगला मार्ग आहे. आणि जबरदस्त वायरफेम तयार करणे जास्त प्रमाणात असताना तपशीलवार, आपले नियोजन नैपकिन आणि पेनने सुरू करू शकते. चांगल्या वायरफ्रेम तयार करण्याची गुरुकिल्ली सर्व व्हिज्युअल घटक सोडून देणे आहे चित्रे आणि मजकूर दर्शविण्यासाठी बॉक्स आणि ओळी वापरा.
वेब पृष्ठ वायरफ्रेममध्ये समाविष्ट करण्याच्या गोष्टी:
- प्राथमिक ग्राफिकल घटकांसाठी बॉक्स
- मथळे आणि उप-डोक्यावर नियुक्ती करणे
- एक साधी मांडणी रचना
- कृती करण्यासाठी कॉल
- मजकूर अवरोध
साध्या वेब वायरफेम कसे तयार करावे
आपण सुलभ केलेल्या कागदाचा स्क्रॅप वापरून वेब पृष्ठ वायरफ्रेम तयार करा. मी हे कसे करतो ते येथे आहे:
- मोठा आयत काढा - हे संपूर्ण पृष्ठ किंवा फक्त दृश्यमान भाग दर्शवते. मी सामान्यतः दृष्य भागाने सुरू होतो, आणि नंतर त्या घटकांना समाविष्ट करण्यासाठी विस्तारीत करतो जो गुणाच्या खाली असेल.
- लेआउट स्केच करा - तो 2-स्तंभ, 3-स्तंभ आहे?
- शीर्षलेख ग्राफिकसाठी एका बॉक्समध्ये जोडा - आपल्याला स्तंभांवर एक एकल शीर्षलेख हवा असल्यास किंवा आपण तो जिथे कुठे हवा असेल तेथे तो जोडणे आपल्या स्तंभांवर आणा.
- "Hightline Headline" लिहा जेथे तुम्हाला एच 1 हेडलाइन असेल.
- "सब-हेड" लिहा जेथे आपण H2 आणि खाली असलेली मथळे असणे आवश्यक आहे. आपण त्यांना आनुपातिक ठरल्यास मदत करते - H2 पेक्षा लहान, h2, h2 पेक्षा लहान इ.
- अन्य प्रतिमासाठी बॉक्समध्ये जोडा
- नेव्हिगेशनमध्ये जोडा. आपण टॅबचे नियोजन करीत असल्यास, केवळ बॉक्स काढा आणि शीर्षस्थानी "नेव्हिगेशन" लिहा. किंवा आपण नेव्हिगेशन जेथे पाहिजे तेथे स्तंभांमध्ये बुलेट केलेली सूची ठेवा. सामग्री लिहू नका फक्त "नेव्हिगेशन" लिहा किंवा मजकूर दर्शविण्यासाठी एक ओळ वापरा.
- पृष्ठावर अतिरिक्त घटक जोडा - ते मजकूर काय आहेत हे ओळखा, परंतु वास्तविक सामग्री मजकूर वापरू नका. उदाहरणार्थ, आपण निम्न उजवीकडे कॉल टू एक्शन बटण इच्छित असल्यास, तेथे एक बॉक्स लावा आणि "कॉल टू अॅक्शन" ला लेबल करा. "आता विकत घ्या" लिहू नका. त्या बॉक्समध्ये
एकदा आपण आपली सोपी वायरफ्रेम लिहून घेतली असेल आणि एकदा एखादे स्केच तयार करण्यासाठी आपल्याला 15 मिनिटांपेक्षा जास्त वेळ नसावे, हे दुसर्या कोणाला दर्शवा. काही गहाळ आहे आणि इतर अभिप्राय आहेत का ते विचारा. ते काय म्हणतात त्यानुसार आपण आणखी एक वायरफ्रेम लिहू शकता किंवा आपल्याकडे ठेवू शकता.
पेपर वायरफ्रेम फर्स्ट ड्राफ्टसाठी सर्वोत्कृष्ट का आहे
व्हिसीओ सारख्या प्रोग्राम्सचा वापर करून वायरफ्रेम तयार करणे शक्य आहे, आपल्या सुरुवातीच्या बुद्धिमत्ता सत्रासाठी आपण कागदास चिकटून राहावे. पेपर कायमस्वरूपी दिसत नाही, आणि बरेच लोक हे समजतील की आपण 5 मिनिटांत एकत्रित केले आणि त्यामुळे आपल्याला चांगला प्रतिसाद देण्यासाठी अजिबात संकोच करू नका. पण जेव्हा आपण चैनर्स आणि रंगांसह फॅन्सी वायरफ्रेम तयार करण्यासाठी प्रोग्राम वापरता तेव्हा आपण प्रोग्राममध्ये पकडले जाण्याचे जोखिम आणि अशा काही गोष्टी पूर्ण करण्यासाठी वेळ घालवतात जो कधीही जिवंत राहणार नाही.
पेपर वायरफ्रेम करणे सोपे आहे. आणि जर तुम्हाला हे आवडत नसेल, तर तुम्ही कागदाचा तुकडा काढा, त्याला पुनर्वापरामध्ये फेकून द्या आणि नवीन पत्रक घ्या.