„Microsoft Visio“ gali būti naudojamas kuriant daugelio tipų GUI dizainą.
Microsoft Visio 2010 yra grafinio dizaino įrankis, kurį galima naudoti kuriant diagramas, sąsajos elementus, naršymo meniu ir kitus vaizdinius objektus. Ji siūlo platų įrankių spektrą grafinės vartotojo sąsajos (GUI) dizainui sukurti. Diagrama parodys, kaip programa arba žiniatinklio sąsaja pasirodys galutine forma. Sukurti GUI programoje Visio nėra labai sunku, o dizainus galima eksportuoti kaip PDF failus. Vadovaukitės keliomis gairėmis, kad sužinotumėte, kaip sukurti pagrindinį svetainės GUI vielinio rėmo maketą.
1 žingsnis
Atidarykite „Microsoft Visio“. Sukurkite naują piešinį spustelėdami tuščią piešinio piktogramą. Spustelėkite mygtuką „Sukurti“.
Dienos vaizdo įrašas
2 žingsnis
Kairėje ekrano pusėje spustelėkite langą Formos. Pasirinkite „Daugiau formų“. Pasirinkite „Pagrindinės formos JAV vienetai“. Spustelėkite „Greitos formos“.
3 veiksmas
Sukurkite antraštės laukelį dešiniuoju pelės mygtuku spustelėdami stačiakampio laukelio formą ir vilkdami figūrą į piešimo sritį. Pakeiskite dėžutės dydį, kad ji padengtų apie 15 procentų viršutinės piešinio srities.
4 veiksmas
Sukurkite naršymo meniu laukelį dešiniuoju pelės mygtuku spustelėdami stačiakampio laukelio formą ir vilkdami formą po antraštės laukeliu. Pakeiskite langelio dydį, kad jis būtų maždaug pusės colio aukščio ir tokio pat pločio kaip antraštės langelis.
5 veiksmas
Sukurkite didelį pagrindinį laukelį dešiniuoju pelės mygtuku spustelėdami stačiakampio langelio formą ir nuvilkdami ją po naršymo meniu laukeliu. Pakeiskite langelio dydį, kad jis būtų tokio pat pločio kaip antraštės ir naršymo meniu laukeliai ir kad uždengtų piešimo srities apačią.
6 veiksmas
Sukurkite du stačiakampius langelius dešiniuoju pelės mygtuku spustelėdami stačiakampio langelio formą ir du kartus vilkdami formą į piešimo sritį. Pakeiskite kiekvienos dėžutės dydį, kad tilptų viena pagrindinės korpuso dėžutės pusė. Perkelkite kiekvieną dėžutę, kad jos tilptų viena šalia kitos pagrindinės korpuso dėžutės viduje.
7 veiksmas
Sukurkite teksto laukus, vaizduojančius naršymo nuorodas, naršymo juostos viršuje spustelėję mygtuką „A Tekstas“. Pasirinkite sritį naršymo laukelyje, kad sukurtumėte nedidelį teksto lauką spustelėdami kairįjį pelės mygtuką. Perkelkite pelę, kad pakeistumėte lauko dydį iki norimo ilgio. Įveskite tekstą, kad pasakytumėte „Pagrindinis“.
8 veiksmas
Sukurkite dar keturis teksto laukus naudodami kairįjį pelės mygtuką. Kiekviename laukelyje įveskite „Meniu elementas“. Pakeiskite kiekvieno langelio dydį, kad jis atitiktų laukelio „Pagrindinis“ dydį.
9 veiksmas
Pasirinkite sritį pagrindinio antraštės laukelyje ir sukurkite teksto lauką su aprašymu „Pagrindinė antraštė“.
10 veiksmas
Kiekviename langelyje, esančiame pagrindinėje piešinio turinio laukelio srityje, sukurkite teksto laukelį. Kiekvienam teksto laukeliui pateikite aprašymą, pvz., „Turinio sritis“. Pakeiskite kiekvieno teksto laukelio dydį, kad jis būtų tokio paties dydžio. Viršutiniame naršymo meniu pasirinkite mygtuką „Žymiklis“.
11 veiksmas
Išsaugokite piešinį viršutiniame naršymo meniu spustelėdami „Failas“ ir pasirinkę „Išsaugoti kaip“.
Patarimas
Nors „Visio“ nėra su GUI prototipų trafaretais ar objektais, trečiųjų šalių įmonės siūlo tokius įrankius atsisiųsti. Jei ketinate naudoti Visio bendram dizainui kurti, atminkite, kad Visio piešimo failo formatas nesuderinamas su dauguma piešimo programinės įrangos paketų.
Įspėjimas
Dėl pernelyg sudėtingų brėžinių „Visio“ gali sulėtinti brėžinio atnaujinimą po pakeitimo.
