כיצד ליצור GUI ב - Visio

Microsoft Visio יכול לשמש ליצירת סוגים רבים של עיצובים GUI.

שלב 1

פתח את Microsoft Visio. צור ציור חדש על ידי לחיצה על סמל ציור ריק. לחץ על הלחצן "צור".

שלב 2

לחץ על החלון "Forms" בצד שמאל של המסך. בחר "עוד צורות" בחר "טפסים בסיסיים ביחידות אמריקאיות". לחץ על "טפסים מהירים".

שלב 3

יצירת תיבת כותרת על ידי לחיצה ימנית על הצורה של תיבת מלבן וגרירת הצורה לאזור הציור. לשנות את גודל התיבה כדי לכסות כ 15% של השטח העליון של הציור.

שלב 4

יצירת תיבת תפריט ניווט על ידי לחיצה ימנית על צורת תיבת מלבן וגרירתו מתחת לתיבה הכותרת. שנה את גודל התיבה לגובה של כחצי אינץ '(1.27 ס"מ) ורוחב זהה לזה של תיבת הכותרת.

שלב 5

יצירת תיבה גדולה עבור הגוף הראשי על ידי לחיצה ימנית על צורת תיבת מלבן וגרירתו מתחת לתיבת התפריט ניווט. שנה את גודל התיבה כך שיהיה לה רוחב זהה של תיבות הכותרת ותיבות הניווט וכדי לכסות את החלק התחתון של אזור הציור.

שלב 6

צור שני מלבנים על ידי לחיצה ימנית על צורת המלבן וגרירתו לשטח השרטוט פעמיים. שנה את הגודל של כל מסגרת כך ששניהם מתאימים לאחד מחצי מסגרת הגוף הראשי. העבר כל תיבה כדי להתאים אותם סמוכים זה לזה בתוך הגוף הראשי.

שלב 7

צור שדות טקסט כדי לייצג את קישורי הניווט על ידי לחיצה על כפתור "טקסט" בחלק העליון של סרגל הניווט. בחר אזור בתוך תיבת הניווט כדי ליצור שדה טקסט קטן על ידי לחיצה על לחצן העכבר השמאלי. הזז את העכבר כדי לשנות את גודל השדה בהתאם לאורך הרצוי. כתוב את הטקסט כדי לקרוא "דף ראשי".

שלב 8

צור ארבעה שדות טקסט אחרים באמצעות לחצן העכבר השמאלי. כתוב "פריט תפריט" בכל תיבה. שנה את הגדלים כך שיתאימו לגודל התיבה "עמוד ראשי".

שלב 9

בחר אזור בתוך תיבת הכותרת הראשית וצור שדה טקסט עם התיאור "כותרת ראשית".

שלב 10

צור תיבת טקסט בתוך כל תיבה הנמצאת בתוך אזור התוכן הראשי של הציור. תן תיאור לכל תיבת טקסט, לדוגמה "אזור תוכן". שנה את הגודל של כל תיבת טקסט כדי להיות באותו גודל. בחר את הלחצן "מצביע" בחלק העליון של תפריט הניווט.

שלב 11

שמור את הציור על ידי לחיצה על "קובץ" מתפריט הניווט העליון ובחר "שמירה בשם".