पेंसिल एक वायरफ्रेमिंग टूल है जिसे हम अपने एप्लिकेशन के यूजर इंटरफेस के नकली स्केच करने के लिए उपयोग कर सकते हैं। पेंसिल के बारे में सबसे अच्छी बात यह है कि यह हल्का, उपयोग करने में आसान है, और फ़ायरफ़ॉक्स के साथ कसकर एकीकृत है। इसके शीर्ष पर यह सब एक मुक्त ओपन सोर्स एप्लीकेशन है! लेख के अंत में हम आपको पेंसिल का उपयोग करने के लिए वायरफ्रेम की तरह ब्रिसली बनाने के लिए एक साधारण डेमो देंगे।
हम वायरफ्रेम क्यों बनाते हैं?
एक वायरफ्रेम पृष्ठ-लेआउट विचार का एक स्केच होता है। एक वायरफ्रेम यह सुनिश्चित करने के लिए कि पृष्ठ को उपयोगकर्ता की आवश्यकता होती है, एक पृष्ठ के सूचना डिज़ाइन पर केंद्रित है। एक वायरफ्रेम आमतौर पर सामग्री, कार्यात्मक, और नेविगेशन तत्वों का प्रतिनिधित्व करने के लिए विभिन्न आकार (जैसे बक्से, अंडाकार, और हीरे) होते हैं। ये आकार पृष्ठ पर अपना प्लेसमेंट प्रदर्शित करते हैं।
सबसे पहले यह एक पृष्ठ के किसी न किसी प्रकार के स्केच बनाने के समय की बर्बादी की तरह प्रतीत हो सकता है। आपके उपयोगकर्ताओं को आपके पृष्ठ पर महत्व तत्व पर ध्यान केंद्रित करने के लिए एक तार फ्रेम महत्वपूर्ण है। फैंसी विज़ुअल तत्वों के बिना, पृष्ठ के किसी न किसी प्रकार का स्केच बनाना, उपयोगकर्ता के ध्यान को महत्वपूर्ण तत्वों जैसे आकार, लेआउट और आपके पृष्ठ घटकों के प्लेसमेंट पर स्थानांतरित करना। क्लाइंट वास्तव में क्या चाहता है उस पर बेहतर समझ हासिल करना शुरू कर देगा और जब उपयोगकर्ता किसी पृष्ठ के महत्वपूर्ण तत्वों पर ध्यान केंद्रित करना शुरू कर देता है तो सॉफ़्टवेयर से बाहर निकलना होगा। एक तार फ्रेम बनाना आपको और आपके उपयोगकर्ता प्रभावी ढंग से सहयोग करने और संभावित डिजाइन समस्या की पहचान करने की अनुमति देते हैं।
पेंसिल के साथ शुरू करना
पेंसिल के ऐड ऑन पेज से पेंसिल डाउनलोड करें। एक बार जब आप पेंसिल स्थापित कर लेंगे, तो यह 'टूल्स'> 'पेंसिल स्केचिंग' से सुलभ है।
एक आयताकार बनाना
तार फ्रेम आकार बनाने का पहला चरण 'आकार संग्रह' मेनू से कैनवास पर एक आकृति खींचना है।
टैब बनाना
घर, मसौदा, चित्र टैब तीन टैब हैं जो एक-दूसरे के ऊपर खड़े होते हैं। तीन 'टैब पैनल' को आयताकार में खींचें। प्रत्येक टैब का आकार बदलें ताकि प्रत्येक टैब एक तरफ दिखाए।
पाठ बनाना
प्रत्येक मेनू बनाने के लिए 'टेक्स्ट' आकार को कैनवास पर खींचें। हम पाठ गुण विंडो को एक्सेस करके टेक्स्ट उपस्थिति को समायोजित कर सकते हैं।
रंग बदलने के लिए उपयोगी टिप्स
एक सुखद वायरफ्रेम देने में रंग सबसे आवश्यक हिस्सा है। आकार के रंग को बदलने का सबसे सटीक तरीका रंग का HTML कोड निर्दिष्ट करना है। एक विशेष रंग के लिए एचटीएमएल कोड का पता लगाना मुश्किल हो सकता है। हम किसी विशेष रंग के लिए सही HTML कोड देखने के लिए w3cschools.com से HTML रंग धोखा शीट का उपयोग कर सकते हैं।
हम स्क्रीन से रंग लेने और पेंसिल में इसका उपयोग करने के लिए रंगज़िला का उपयोग करना पसंद करते हैं। स्क्रीन पर रंग लेने के लिए फ़ायरफ़ॉक्स के निचले बाएं कोने पर आंख ड्रॉपर आइकन पर क्लिक करें। हम आंख ड्रॉप आइकन पर डबल क्लिक करके ColorZilla के रंग पिकर को भी खोल सकते हैं। बस हेक्स कोड पेन्सिल के रंग HTML कोड में पेस्ट करें।
निष्कर्ष
वायरस वायरफ्रामिंग उपकरण का उपयोग करना आसान है। फ़ायरफ़ॉक्स के साथ पेंसिल एकीकरण बेहतर वायरफ्रेम बनाने में मदद के लिए हमारे लिए अन्य फ़ायरफ़ॉक्स प्लगइन का उपयोग करना संभव बनाता है
लिंक पेंसिल डाउनलोड करें Colorzilla डाउनलोड करें डब्ल्यू 3 सी एचटीएमएल रंग धोखा शीट
