Microsoft Visio abil saab luua mitut tüüpi GUI kujundusi.
Microsoft Visio 2010 on graafilise disaini tööriist, mida saab kasutada diagrammide, liidese elementide, navigeerimismenüüde ja muude visuaalsete objektide loomiseks. See pakub laia valikut tööriistu graafilise kasutajaliidese (GUI) kujunduse loomiseks. Diagramm näitab, kuidas rakendus või veebiliides oma lõplikul kujul kuvatakse. GUI arendamine Visios ei ole liiga keeruline ja kujundusi saab eksportida PDF-failidena. Järgige mõningaid juhiseid, et õppida, kuidas luua veebisaidi jaoks põhilise GUI traatraami maketi.
Samm 1
Avage Microsoft Visio. Looge uus joonis, klõpsates tühja joonise ikooni. Klõpsake nuppu "Loo".
Päeva video
2. samm
Klõpsake ekraani vasakus servas akent Kujundid. Valige "Veel kujundeid". Valige "Põhikujud USA ühikud". Klõpsake "Kiired kujundid".
3. samm
Looge pealkirjakast, paremklõpsates ristküliku kasti kujundil ja lohistades kujundi joonistusalale. Muutke kasti suurust nii, et see kataks umbes 15 protsenti joonise ülemisest alast.
4. samm
Looge navigeerimismenüü kast, paremklõpsates ristkülikukasti kujundil ja lohistades kujundi päisekasti alla. Muutke kasti suurust nii, et selle kõrgus oleks umbes pool tolli ja sama laius kui päisekastil.
5. samm
Looge suur põhiosa kast, paremklõpsates ristkülikukasti kujundil ja lohistades selle navigeerimismenüü kasti alla. Muutke kasti suurust nii, et see oleks sama laiusega kui päise ja navigeerimismenüü kastidel ning kataks joonistusala põhja.
6. samm
Looge kaks ristkülikukasti, paremklõpsates ristkülikukasti kujundil ja lohistades kujundi kaks korda joonistusalale. Muutke iga kasti suurust, et see mahuks põhikorpuse ühe poolega. Liigutage iga kast nii, et see mahuks põhikorpuse kasti kõrvuti.
7. samm
Looge navigeerimislinke tähistavad tekstiväljad, klõpsates navigeerimisriba ülaosas nuppu "Tekst". Valige navigeerimiskasti sees ala, et luua väike tekstiväli, klõpsates hiire vasakut nuppu. Liigutage hiirt, et muuta välja soovitud pikkuseks. Sisestage tekst, et öelda "Kodu".
8. samm
Looge hiire vasaku nupuga veel neli tekstivälja. Sisestage igasse kasti "Menüüelement". Muutke iga kasti suurust, et see vastaks kasti "Kodu" suurusele.
9. samm
Valige peamise päise kasti sees ala ja looge tekstiväli kirjeldusega "Peamine päis".
10. samm
Looge tekstikast iga joonise sisukasti ala sees asuvasse kasti. Andke igale tekstiväljale kirjeldus, näiteks "Sisuala". Muutke iga tekstikasti suurust sama suureks. Valige ülemisest navigeerimismenüüst nupp "Osutaja".
11. samm
Salvestage joonis, klõpsates ülemisest navigeerimismenüüst "Fail" ja valides "Salvesta kui".
Näpunäide
Kuigi Visio ei sisalda GUI prototüüpide šabloone ega objekte, pakuvad kolmandate osapoolte ettevõtted selliseid tööriistu allalaadimiseks. Kui kavatsete ühiskujunduse loomiseks kasutada Visiot, pidage meeles, et Visio joonise failivorming ei ühildu enamiku joonistamise tarkvarapakettidega.
Hoiatus
Liiga keerulised joonised võivad Visio pärast muudatuste tegemist joonise värskendamist aeglustada.
