A Microsoft Visio segítségével sokféle grafikus felhasználói felület hozható létre.
A Microsoft Visio 2010 egy grafikus tervezőeszköz, amely diagramok, felületelemek, navigációs menük és egyéb vizuális objektumok létrehozására használható. Eszközök széles skáláját kínálja a grafikus felhasználói felület (GUI) kialakításához. A diagram megmutatja, hogyan fog megjelenni az alkalmazás vagy a webes felület végső formájában. A grafikus felhasználói felület fejlesztése a Visio programban nem túl nehéz, és a tervek PDF-fájlként exportálhatók. Kövesse néhány útmutatást, hogy megtanulja, hogyan készítsen alapvető grafikus felhasználói felület drótvázas makett egy webhely számára.
1. lépés
Nyissa meg a Microsoft Visio-t. Hozzon létre egy új rajzot az üres rajz ikonra kattintva. Kattintson a "Létrehozás" gombra.
A nap videója
2. lépés
Kattintson az Alakzatok ablakra a képernyő bal oldalán. Válassza a "További alakzatok" lehetőséget. Válassza a „Basic Shapes US units” lehetőséget. Kattintson a "Gyors alakzatok" elemre.
3. lépés
Hozzon létre egy fejlécdobozt a jobb gombbal a téglalap alakú doboz alakjára kattintva, és az alakzatot a rajzterületre húzza. Méretezze át a dobozt úgy, hogy a rajz felső részének körülbelül 15 százaléka lefedje.
4. lépés
Hozzon létre egy navigációs menüdobozt a jobb gombbal a téglalap alakú doboz alakjára kattintva, és az alakzatot a fejléc alá húzva. Méretezze át a dobozt úgy, hogy körülbelül fél hüvelyk magas legyen, és ugyanolyan széles legyen, mint a fejléc dobozé.
5. lépés
Hozzon létre egy nagy törzsdobozt úgy, hogy a jobb gombbal a téglalap alakú doboz alakjára kattint, és a navigációs menüdoboz alá húzza. Méretezze át a dobozt, hogy a fejléc és a navigációs menü dobozával megegyező szélességű legyen, és hogy lefedje a rajzterület alját.
6. lépés
Hozzon létre két téglalapdobozt úgy, hogy jobb gombbal kattintson a téglalap doboz alakjára, és kétszer húzza át az alakzatot a rajzterületre. Méretezze át az egyes dobozokat, hogy illeszkedjen a fő doboz egyik feléhez. Mozgassa az egyes dobozokat, hogy egymás mellett illeszkedjenek a fő dobozban.
7. lépés
Hozzon létre szövegmezőket, amelyek a navigációs hivatkozásokat reprezentálják a navigációs sáv tetején található "A szöveg" gombra kattintva. Válasszon ki egy területet a navigációs mezőn belül egy kis szövegmező létrehozásához a bal egérgombbal. Mozgassa az egeret a mező átméretezéséhez a kívánt hosszúságra. Írja be a szöveget, hogy azt mondja: „Otthon”.
8. lépés
Hozzon létre további négy szövegmezőt a bal egérgombbal. Minden mezőbe írja be a "menüpontot". Méretezze át az egyes mezőket, hogy megfeleljen a "Kezdőlap" mező méretének.
9. lépés
Válasszon ki egy területet a fő fejlécmezőn belül, és hozzon létre egy szövegmezőt a „Fő fejléc” leírással.
10. lépés
Hozzon létre egy szövegdobozt minden egyes mezőben, amely a rajz fő tartalomdoboz területén belül található. Minden szövegmezőnek adjon leírást, például „Tartalomterület”. Méretezze át az egyes szövegmezőket azonos méretűre. Válassza a "Mutató" gombot a felső navigációs menüben.
11. lépés
Mentse el a rajzot a felső navigációs menü "Fájl" elemére kattintva, és válassza a "Mentés másként" lehetőséget.
Tipp
Míg a Visio nem tartalmaz GUI prototípus sablonokat vagy objektumokat, a harmadik féltől származó cégek kínálnak ilyen eszközöket letöltésre. Ha a Visio alkalmazást kívánja használni együttműködési terv létrehozásához, ne feledje, hogy a Visio rajzfájl formátuma nem kompatibilis a legtöbb rajzszoftver-csomaggal.
Figyelem
A túl bonyolult rajzok miatt a Visio lelassulhat a rajz frissítése során a módosítás után.
