Microsoft Visio se lahko uporablja za ustvarjanje številnih vrst načrtov GUI.
Microsoft Visio 2010 je orodje za grafično oblikovanje, ki ga lahko uporabite za ustvarjanje diagramov, elementov vmesnika, navigacijskih menijev in drugih vizualnih objektov. Ponuja široko paleto orodij za ustvarjanje zasnove grafičnega uporabniškega vmesnika (GUI). Diagram bo prikazal, kako bo aplikacija ali spletni vmesnik videti v končni obliki. Razvijanje GUI v Visiu ni pretežko, načrte pa je mogoče izvoziti kot datoteke PDF. Sledite nekaj smernicam, da se naučite, kako zgraditi osnovni model žičnega okvirja GUI za spletno mesto.
Korak 1
Odprite Microsoft Visio. Ustvarite novo risbo s klikom na ikono prazne risbe. Kliknite gumb "Ustvari".
Video dneva
2. korak
Kliknite okno Oblike na levi strani zaslona. Izberite »Več oblik«. Izberite "Osnovne oblike ameriških enot." Kliknite "Hitre oblike".
3. korak
Ustvarite polje z naslovom tako, da z desno tipko miške kliknete obliko pravokotnega polja in povlečete obliko na območje za risanje. Spremenite velikost polja, da pokrije približno 15 odstotkov zgornjega območja risbe.
4. korak
Ustvarite okno navigacijskega menija tako, da z desno tipko miške kliknete obliko pravokotnega polja in povlečete obliko pod polje z glavo. Spremenite velikost polja tako, da bo višina približno pol palca in enaka širina kot polje z glavo.
5. korak
Ustvarite veliko glavno polje tako, da z desno tipko miške kliknete obliko pravokotnega polja in ga povlečete pod polje navigacijskega menija. Spremenite velikost polja, da bo imela enako širino kot okna glave in navigacijskega menija ter da bo pokrila dno območja za risanje.
6. korak
Ustvarite dva pravokotna polja tako, da z desno tipko miške kliknete obliko pravokotnega polja in obliko dvakrat povlečete na območje za risanje. Spremenite velikost vsakega polja, da bo ustrezala eni polovici glavne škatle. Vsako škatlo premaknite tako, da se prilega drug drugemu znotraj glavne škatle.
7. korak
Ustvarite besedilna polja, ki predstavljajo navigacijske povezave, tako da kliknete gumb "Besedilo" na vrhu navigacijske vrstice. Izberite območje znotraj navigacijskega polja, da ustvarite majhno besedilno polje s klikom na levi gumb miške. Premaknite miško, da spremenite velikost polja na želeno dolžino. Vnesite besedilo, da rečete »Domov«.
8. korak
Z levim gumbom miške ustvarite še štiri besedilna polja. V vsako polje vnesite "Element menija". Spremenite velikost vsakega polja, da bo ustrezala velikosti polja »Domov«.
9. korak
Izberite območje znotraj glavnega polja glave in ustvarite besedilno polje z opisom »Glavna glava«.
10. korak
Ustvarite besedilno polje znotraj vsakega polja, ki se nahaja v območju glavnega polja vsebine risbe. Vsakemu besedilnemu polju dajte opis, na primer »Območje vsebine«. Spremenite velikost vsakega besedilnega polja, da bo enake velikosti. V zgornjem navigacijskem meniju izberite gumb "Kazalec".
11. korak
Risbo shranite tako, da v zgornjem navigacijskem meniju kliknete »Datoteka« in izberete »Shrani kot«.
Nasvet
Medtem ko Visio ne prihaja s šablonami ali predmeti GUI prototipov, podjetja tretjih oseb ponujajo takšna orodja za prenos. Če nameravate Visio uporabiti za ustvarjanje skupne zasnove, ne pozabite, da format datoteke za risanje Visio ni združljiv z večino programskih paketov za risanje.
Opozorilo
Preveč zapletene risbe lahko povzročijo, da se Visio upočasni pri osveževanju risbe po spremembi.
