Kako ustvariti GUI v Visiu
Microsoft Visio 2010 je orodje za grafično oblikovanje, ki ga lahko uporabite za ustvarjanje diagramov, elementov vmesnika, navigacijskih menijev in drugih vizualnih predmetov. Ponuja široko paleto orodij za ustvarjanje zasnove grafičnega uporabniškega vmesnika (GUI). Diagram bo pokazal, kako bo aplikacija ali spletni vmesnik videti v končni obliki. Razvijanje grafičnega uporabniškega vmesnika v Visiu ni pretežko, načrte pa je mogoče izvoziti kot datoteke PDF. Upoštevajte nekaj smernic, če želite izvedeti, kako zgraditi osnovni model GUI z žičnim okvirjem za spletno mesto.
1. korak
Odprite Microsoft Visio. Ustvarite novo risbo s klikom na ikono prazne risbe. Kliknite gumb "Ustvari".
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 v območje za risanje. Spremenite velikost okvirja, da pokriva približno 15 odstotkov zgornjega dela risbe.
4. korak
Ustvarite polje navigacijskega menija tako, da z desno miškino tipko kliknete obliko pravokotnega polja in povlečete obliko pod polje z glavo. Spremenite velikost polja, da bo visoko približno pol palca in enako široko kot polje z glavo.
5. korak
Ustvarite veliko polje glavnega telesa tako, da z desno miškino tipko kliknete obliko pravokotnega polja in ga povlečete pod polje navigacijskega menija. Spremenite velikost polja, da bo enako široko kot polja glave in navigacijskega menija ter da pokriva dno območja za risanje.
6. korak
Ustvarite dve pravokotni polji tako, da z desno miškino tipko kliknete obliko pravokotnega polja in dvakrat povlečete obliko na območje za risanje. Spremenite velikost vsake škatle, da se bo prilegala polovici glavne škatle. Vsako polje premaknite tako, da se prilega eno ob drugemu znotraj glavnega polja.
7. korak
Ustvarite besedilna polja, ki predstavljajo navigacijske povezave, tako da kliknete gumb "Besedilo" na vrhu navigacijske vrstice. Izberite območje v navigacijskem polju, 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 izgovorite »Domov«.
8. korak
Z levim gumbom miške ustvarite še štiri besedilna polja. V vsako polje vnesite "Element menija". Spremenite velikost vsakega polja, da se ujema z velikostjo polja »Domov«.
9. korak
Izberite območje znotraj polja z glavno glavo in ustvarite besedilno polje z opisom "Glavna glava."
10. korak
Ustvarite polje z besedilom znotraj vsakega polja, ki se nahaja znotraj območja polja glavne vsebine risbe. Vsakemu besedilnemu polju dajte opis, na primer »Območje vsebine«. Spremenite velikost vsakega besedilnega polja, da bo enake velikosti. Izberite gumb "Kazalec" v zgornjem navigacijskem meniju.
11. korak
Shranite risbo tako, da v zgornjem navigacijskem meniju kliknete »Datoteka« in izberete »Shrani kot«.
Nasvet
Medtem ko Visio ne vsebuje prototipnih šablon ali predmetov grafičnega uporabniškega vmesnika, podjetja tretjih oseb ponujajo takšna orodja za prenos. Če nameravate Visio uporabiti za ustvarjanje skupnega dizajna, ne pozabite, da oblika datoteke za risanje Visio ni združljiva z večino programskih paketov za risanje.
Opozorilo
Preveč zapletene risbe lahko povzročijo, da Visio upočasni osveževanje risbe po spremembi.