Kako stvoriti GUI u Visiju
Microsoft Visio 2010 je alat za grafički dizajn koji se može koristiti za izradu dijagrama, elemenata sučelja, navigacijskih izbornika i drugih vizualnih objekata. Nudi širok raspon alata za izradu dizajna grafičkog korisničkog sučelja (GUI). Dijagram će pokazati kako će aplikacija ili web sučelje izgledati u konačnom obliku. Razvijanje GUI-ja u Visiju nije previše teško, a dizajni se mogu izvesti kao PDF datoteke. Slijedite nekoliko smjernica da biste naučili kako izraditi osnovni GUI žičani model za web mjesto.
1. korak
Otvorite Microsoft Visio. Napravite novi crtež klikom na ikonu praznog crteža. Pritisnite gumb "Stvori".
2. korak
Kliknite prozor Oblici na lijevoj strani ekrana. Odaberite "Više oblika". Odaberite "Osnovni oblici američkih jedinica." Kliknite "Brzi oblici."
3. korak
Stvorite okvir naslova desnim klikom na oblik pravokutnog okvira i povlačenjem oblika u područje za crtanje. Promijenite veličinu okvira tako da pokriva oko 15 posto gornjeg područja crteža.
4. korak
Napravite okvir navigacijskog izbornika desnim klikom na oblik pravokutnog okvira i povlačenjem oblika ispod okvira zaglavlja. Promijenite veličinu okvira tako da ima visinu od oko pola inča i istu širinu kao okvir zaglavlja.
Korak 5
Napravite veliki okvir glavnog tijela desnim klikom na oblik pravokutnog okvira i povlačenjem ispod okvira navigacijskog izbornika. Promijenite veličinu okvira tako da ima istu širinu kao okviri zaglavlja i navigacijskog izbornika te da pokriva dno područja za crtanje.
Korak 6
Napravite dva pravokutna okvira desnim klikom na oblik pravokutnog okvira i dvaput povlačenjem oblika u područje za crtanje. Promijenite veličinu svake kutije da stane u jednu polovicu glavne kutije. Premjestite svaku kutiju tako da stane jedna uz drugu u okvir glavnog tijela.
7. korak
Napravite tekstualna polja koja predstavljaju navigacijske veze klikom na gumb "Tekst" na vrhu navigacijske trake. Odaberite područje unutar navigacijskog okvira kako biste stvorili malo tekstualno polje klikom na lijevu tipku miša. Pomicanjem miša promijenite veličinu polja na željenu duljinu. Upišite tekst da biste rekli "Kuća."
Korak 8
Lijevom tipkom miša stvorite još četiri tekstualna polja. Upišite "Stavka izbornika" u svaki okvir. Promijenite veličinu svakog okvira da odgovara veličini okvira "Početna".
Korak 9
Odaberite područje unutar glavnog okvira zaglavlja i stvorite tekstualno polje s opisom "Glavno zaglavlje."
Korak 10
Stvorite tekstni okvir unutar svakog okvira koji se nalazi unutar područja okvira glavnog sadržaja crteža. Svakom tekstualnom okviru dajte opis, kao što je "Područje sadržaja". Promijenite veličinu svakog tekstualnog okvira da bude iste veličine. Odaberite gumb "Pokazivač" na gornjem navigacijskom izborniku.
Korak 11
Spremite crtež klikom na "Datoteka" na gornjem navigacijskom izborniku i odabirom "Spremi kao."
Savjet
Iako Visio ne dolazi s šablonama ili objektima GUI prototipa, tvrtke treće strane nude takve alate za preuzimanje. Ako namjeravate koristiti Visio za izradu kolaborativnog dizajna, imajte na umu da Visio format datoteke crteža nije kompatibilan s većinom softverskih paketa za crtanje.
Upozorenje
Pretjerano složeni crteži mogu uzrokovati usporavanje osvježavanja crteža u Visiu nakon izmjene.