Microsoft Visio var izmantot, lai izveidotu daudzu veidu GUI dizainus.
Microsoft Visio 2010 ir grafiskā dizaina rīks, ko var izmantot, lai izveidotu diagrammas, interfeisa elementus, navigācijas izvēlnes un citus vizuālos objektus. Tas piedāvā plašu rīku klāstu, lai izveidotu grafiskā lietotāja interfeisa (GUI) dizainu. Diagramma parādīs, kā lietojumprogramma vai tīmekļa saskarne parādīsies tās galīgajā formā. GUI izstrāde programmā Visio nav pārāk sarežģīta, un dizainus var eksportēt kā PDF failus. Izpildiet dažas vadlīnijas, lai uzzinātu, kā tīmekļa vietnei izveidot pamata GUI karkasa maketu.
1. darbība
Atveriet Microsoft Visio. Izveidojiet jaunu zīmējumu, noklikšķinot uz tukšas zīmējuma ikonas. Noklikšķiniet uz pogas "Izveidot".
Dienas video
2. darbība
Noklikšķiniet uz loga Formas ekrāna kreisajā pusē. Izvēlieties "Citas formas". Atlasiet "Basic Shapes US units". Noklikšķiniet uz "Ātrās formas".
3. darbība
Izveidojiet virsraksta lodziņu, ar peles labo pogu noklikšķinot uz taisnstūra lodziņa formas un velkot formu uz zīmēšanas apgabalu. Mainiet lodziņa izmēru, lai tas aptvertu apmēram 15 procentus no zīmējuma augšējās zonas.
4. darbība
Izveidojiet navigācijas izvēlnes lodziņu, ar peles labo pogu noklikšķinot uz taisnstūra lodziņa formas un velkot formu zem galvenes lodziņa. Mainiet lodziņa izmēru, lai tā augstums būtu aptuveni puse collas un tāds pats platums kā galvenes lodziņš.
5. darbība
Izveidojiet lielu pamatteksta lodziņu, ar peles labo pogu noklikšķinot uz taisnstūra lodziņa formas un velkot to zem navigācijas izvēlnes lodziņa. Mainiet lodziņa izmēru, lai tā platums būtu vienāds ar galvenes un navigācijas izvēlnes lodziņu platumu un aptvertu zīmēšanas apgabala apakšdaļu.
6. darbība
Izveidojiet divus taisnstūra lodziņus, ar peles labo pogu noklikšķinot uz taisnstūra lodziņa formas un divreiz velkot formu uz zīmēšanas apgabalu. Mainiet katras kastes izmēru, lai tā atbilstu vienai pusei no galvenās kastes. Pārvietojiet katru lodziņu, lai tās ietilptu blakus viena otrai galvenā korpusa kastē.
7. darbība
Izveidojiet teksta laukus, kas attēlo navigācijas saites, navigācijas joslas augšdaļā noklikšķinot uz pogas "Teksts". Izvēlieties apgabalu navigācijas lodziņā, lai izveidotu nelielu teksta lauku, noklikšķinot uz peles kreisās pogas. Pārvietojiet peli, lai mainītu lauka izmēru līdz vajadzīgajam garumam. Ievadiet tekstu, lai teiktu "Home".
8. darbība
Izveidojiet vēl četrus teksta laukus, izmantojot peles kreiso pogu. Katrā lodziņā ierakstiet "Izvēlnes vienums". Mainiet katra lodziņa izmēru, lai tas atbilstu lodziņa "Sākums" izmēram.
9. darbība
Atlasiet apgabalu galvenajā galvenes lodziņā un izveidojiet teksta lauku ar aprakstu "Galvenā galvene".
10. darbība
Izveidojiet tekstlodziņu katrā lodziņā, kas atrodas zīmējuma galvenā satura lodziņa apgabalā. Katram tekstlodziņam piešķiriet aprakstu, piemēram, "Satura apgabals". Mainiet katra tekstlodziņa izmēru, lai tas būtu vienāds. Augšējā navigācijas izvēlnē atlasiet pogu "Rādītājs".
11. darbība
Saglabājiet zīmējumu, augšējā navigācijas izvēlnē noklikšķinot uz "Fails" un atlasot "Saglabāt kā".
Padoms
Lai gan Visio komplektācijā nav iekļauti GUI prototipu trafareti vai objekti, trešo pušu uzņēmumi šādus rīkus piedāvā lejupielādei. Ja plānojat izmantot Visio, lai izveidotu sadarbības dizainu, ņemiet vērā, ka Visio zīmējumu faila formāts nav saderīgs ar lielāko daļu zīmēšanas programmatūras pakotņu.
Brīdinājums
Pārāk sarežģīti zīmējumi var izraisīt Visio palēnināšanos zīmējuma atsvaidzināšanā pēc izmaiņu veikšanas.
