Microsoft Visio შეიძლება გამოყენებულ იქნას მრავალი ტიპის GUI დიზაინის შესაქმნელად.
Microsoft Visio 2010 არის გრაფიკული დიზაინის ინსტრუმენტი, რომელიც შეიძლება გამოყენებულ იქნას დიაგრამების, ინტერფეისის ელემენტების, ნავიგაციის მენიუებისა და სხვა ვიზუალური ობიექტების შესაქმნელად. ის გთავაზობთ ინსტრუმენტების ფართო სპექტრს გრაფიკული მომხმარებლის ინტერფეისის (GUI) დიზაინის შესაქმნელად. დიაგრამა აჩვენებს, თუ როგორ გამოჩნდება აპლიკაცია ან ვებ ინტერფეისი საბოლოო სახით. Visio-ში GUI-ს შემუშავება არც ისე რთულია და დიზაინის ექსპორტი შესაძლებელია PDF ფაილების სახით. მიჰყევით რამდენიმე სახელმძღვანელო მითითებას, რომ ისწავლოთ ვებსაიტისთვის ძირითადი GUI მავთულის ჩარჩოს მაკიაჟის შექმნა.
Ნაბიჯი 1
გახსენით Microsoft Visio. შექმენით ახალი ნახატი ცარიელ ნახაზის ხატულაზე დაწკაპუნებით. დააჭირეთ ღილაკს "შექმნა".
დღის ვიდეო
ნაბიჯი 2
დააჭირეთ Shapes ფანჯარას ეკრანის მარცხენა მხარეს. აირჩიეთ "მეტი ფორმები". აირჩიეთ "ძირითადი ფორმები აშშ ერთეულები". დააწკაპუნეთ "სწრაფი ფორმები".
ნაბიჯი 3
შექმენით სათაურის ველი მართკუთხედის ყუთის ფორმაზე დაწკაპუნებით მარჯვენა ღილაკით და გადაიტანეთ ფორმა ნახატის ზონაში. შეცვალეთ ყუთის ზომა ისე, რომ დაიფაროს ნახატის ზედა არეალის დაახლოებით 15 პროცენტი.
ნაბიჯი 4
შექმენით ნავიგაციის მენიუს ყუთი მართკუთხედის ველის მაუსის დაწკაპუნებით და ფორმის სათაურის ველის ქვემოთ გადატანით. შეცვალეთ ყუთის ზომა ისე, რომ ჰქონდეს სიმაღლე დაახლოებით ნახევარი დიუმი და იგივე სიგანე, როგორც სათაურის ყუთი.
ნაბიჯი 5
შექმენით დიდი ძირითადი ნაწილის ველი მართკუთხედის ყუთის ფორმაზე მაუსის მარჯვენა ღილაკით დაჭერით და ნავიგაციის მენიუს ქვევით გადატანით. შეცვალეთ ყუთის ზომა ისე, რომ ჰქონდეს იგივე სიგანე, როგორც სათაურის და ნავიგაციის მენიუს ველები და დაიფაროს ნახაზის არეალის ქვედა ნაწილი.
ნაბიჯი 6
შექმენით ორი მართკუთხედი ყუთი მართკუთხედის ყუთის ფორმაზე მარჯვენა ღილაკით დაწკაპუნებით და ორჯერ გადაიტანეთ ფორმა ნახატის ზონაში. შეცვალეთ თითოეული ყუთის ზომა ისე, რომ მოერგოს ძირითადი კორპუსის ყუთის ნახევარს. გადაიტანეთ თითოეული ყუთი, რათა მოთავსდეს ერთმანეთის მიმდებარედ, ძირითადი სხეულის ყუთში.
ნაბიჯი 7
შექმენით ტექსტური ველები, რომლებიც წარმოადგენენ ნავიგაციის ბმულებს ნავიგაციის ზოლის ზედა ნაწილში მდებარე ღილაკზე "A Text" დაწკაპუნებით. აირჩიეთ არე ნავიგაციის ველში, რათა შექმნათ მცირე ტექსტური ველი მაუსის მარცხენა ღილაკზე დაწკაპუნებით. აწიეთ მაუსი, რათა შეცვალოთ ველის ზომა სასურველ სიგრძეზე. ჩაწერეთ ტექსტი, რომ თქვით "მთავარი".
ნაბიჯი 8
შექმენით კიდევ ოთხი ტექსტის ველი მაუსის მარცხენა ღილაკის გამოყენებით. ჩაწერეთ "მენიუ ელემენტი" თითოეულ ველში. შეცვალეთ თითოეული ყუთის ზომა, რათა შეესაბამებოდეს "სახლის" ველის ზომას.
ნაბიჯი 9
აირჩიეთ ადგილი მთავარი სათაურის ველში და შექმენით ტექსტური ველი აღწერილობით "მთავარი სათაური".
ნაბიჯი 10
შექმენით ტექსტური ყუთი თითოეული ველის შიგნით, რომელიც მდებარეობს ნახატის ძირითადი შინაარსის ველის შიგნით. მიეცით თითოეულ ტექსტურ ველს აღწერა, როგორიცაა „შინაარსის არე“. შეცვალეთ თითოეული ტექსტური ველის ზომა, რომ იყოს იგივე ზომა. აირჩიეთ "Pointer" ღილაკი ზედა ნავიგაციის მენიუში.
ნაბიჯი 11
შეინახეთ ნახატი ზედა ნავიგაციის მენიუდან "ფაილზე" დაწკაპუნებით და "შენახვა როგორც" არჩევით.
რჩევა
მიუხედავად იმისა, რომ Visio-ს არ გააჩნია GUI პროტოტიპის სტენცილები ან ობიექტები, მესამე მხარის კომპანიები ასეთ ინსტრუმენტებს სთავაზობენ ჩამოტვირთვისთვის. თუ თქვენ აპირებთ Visio-ს გამოყენებას ერთობლივი დიზაინის შესაქმნელად, გაითვალისწინეთ, რომ Visio ნახაზის ფაილის ფორმატი არ არის თავსებადი ნახაზის პროგრამული პაკეტების უმეტესობასთან.
გაფრთხილება
ზედმეტად რთულმა ნახაზებმა შეიძლება გამოიწვიოს Visio-ს შენელება ნახატის განახლებაში ცვლილების განხორციელების შემდეგ.
