Microsoft Visio का उपयोग कई प्रकार के GUI डिज़ाइन बनाने के लिए किया जा सकता है।
Microsoft Visio 2010 एक ग्राफिक डिज़ाइन टूल है जिसका उपयोग आरेख, इंटरफ़ेस तत्व, नेविगेशन मेनू और अन्य दृश्य वस्तुओं को बनाने के लिए किया जा सकता है। यह ग्राफिकल यूजर इंटरफेस (जीयूआई) का डिजाइन तैयार करने के लिए कई तरह के टूल्स मुहैया कराता है। आरेख दिखाएगा कि एप्लिकेशन या वेब इंटरफ़ेस अपने अंतिम रूप में कैसे दिखाई देगा। Visio में GUI विकसित करना बहुत कठिन नहीं है, और डिज़ाइन को PDF फ़ाइलों के रूप में निर्यात किया जा सकता है। किसी वेबसाइट के लिए बुनियादी GUI वायर-फ़्रेम मॉकअप बनाने का तरीका जानने के लिए कुछ दिशानिर्देशों का पालन करें।
स्टेप 1
माइक्रोसॉफ्ट विसिओ खोलें। रिक्त आरेखण चिह्न पर क्लिक करके एक नई आरेखण बनाएँ। "बनाएं" बटन पर क्लिक करें।
दिन का वीडियो
चरण दो
स्क्रीन के बाईं ओर आकृतियाँ विंडो पर क्लिक करें। "अधिक आकार" चुनें। "बेसिक शेप्स यूएस यूनिट्स" चुनें। "त्वरित आकार" पर क्लिक करें।
चरण 3
आयत बॉक्स आकार पर राइट-क्लिक करके और आकृति को आरेखण क्षेत्र में खींचकर एक शीर्षक बॉक्स बनाएं। ड्राइंग के शीर्ष क्षेत्र के लगभग 15 प्रतिशत को कवर करने के लिए बॉक्स का आकार बदलें।
चरण 4
आयत बॉक्स आकार पर राइट-क्लिक करके और हेडर बॉक्स के नीचे की आकृति को खींचकर एक नेविगेशन मेनू बॉक्स बनाएं। लगभग आधा इंच की ऊंचाई और हेडर बॉक्स के समान चौड़ाई के लिए बॉक्स का आकार बदलें।
चरण 5
आयत बॉक्स आकार पर राइट-क्लिक करके और नेविगेशन मेनू बॉक्स के नीचे खींचकर एक बड़ा मुख्य बॉडी बॉक्स बनाएं। हेडर और नेविगेशन मेनू बॉक्स के समान चौड़ाई के लिए और ड्राइंग क्षेत्र के निचले हिस्से को कवर करने के लिए बॉक्स का आकार बदलें।
चरण 6
आयत बॉक्स आकार पर राइट-क्लिक करके और आकृति को ड्रॉइंग क्षेत्र में दो बार खींचकर दो आयत बॉक्स बनाएं। मुख्य बॉडी बॉक्स के आधे हिस्से में फिट होने के लिए प्रत्येक बॉक्स का आकार बदलें। प्रत्येक बॉक्स को मुख्य बॉडी बॉक्स के अंदर एक दूसरे से सटे फिट करने के लिए ले जाएँ।
चरण 7
नेविगेशन बार के शीर्ष पर "ए टेक्स्ट" बटन पर क्लिक करके नेविगेशन लिंक का प्रतिनिधित्व करने वाले टेक्स्ट फ़ील्ड बनाएं। बाईं माउस बटन पर क्लिक करके एक छोटा टेक्स्ट फ़ील्ड बनाने के लिए नेविगेशन बॉक्स के अंदर एक क्षेत्र का चयन करें। फ़ील्ड को वांछित लंबाई में आकार देने के लिए माउस को ले जाएँ। "होम" कहने के लिए टेक्स्ट टाइप करें।
चरण 8
बाएँ माउस बटन का उपयोग करके चार और टेक्स्ट फ़ील्ड बनाएँ। प्रत्येक बॉक्स में "मेनू आइटम" टाइप करें। "होम" बॉक्स के आकार से मेल खाने के लिए प्रत्येक बॉक्स का आकार बदलें।
चरण 9
मुख्य हेडर बॉक्स के अंदर एक क्षेत्र का चयन करें और "मेन हैडर" विवरण के साथ एक टेक्स्ट फ़ील्ड बनाएं।
चरण 10
ड्राइंग के मुख्य सामग्री बॉक्स क्षेत्र के अंदर स्थित प्रत्येक बॉक्स के अंदर एक टेक्स्ट बॉक्स बनाएं। प्रत्येक टेक्स्ट बॉक्स को एक विवरण दें, जैसे "सामग्री क्षेत्र।" प्रत्येक टेक्स्ट बॉक्स का आकार समान होने के लिए आकार बदलें। शीर्ष नेविगेशन मेनू पर "सूचक" बटन का चयन करें।
चरण 11
शीर्ष नेविगेशन मेनू से "फ़ाइल" पर क्लिक करके और "इस रूप में सहेजें" का चयन करके चित्र को सहेजें।
टिप
जबकि Visio GUI प्रोटोटाइप स्टैंसिल या ऑब्जेक्ट के साथ नहीं आता है, तृतीय-पक्ष कंपनियां डाउनलोड के लिए ऐसे टूल ऑफ़र करती हैं। यदि आप सहयोगी डिज़ाइन बनाने के लिए Visio का उपयोग करने का इरादा रखते हैं, तो ध्यान रखें कि Visio आरेखण फ़ाइल स्वरूप अधिकांश आरेखण सॉफ़्टवेयर पैकेजों के साथ संगत नहीं है।
चेतावनी
अत्यधिक जटिल आरेखण के कारण Visio परिवर्तन करने के बाद किसी आरेखण को ताज़ा करने में धीमा हो सकता है।
