Microsoft Visio poate fi folosit pentru a crea multe tipuri de modele GUI.
Microsoft Visio 2010 este un instrument de design grafic care poate fi folosit pentru a crea diagrame, elemente de interfață, meniuri de navigare și alte obiecte vizuale. Oferă o gamă largă de instrumente pentru a crea designul unei interfețe grafice cu utilizatorul (GUI). Diagrama va arăta cum va apărea aplicația sau interfața Web în forma sa finală. Dezvoltarea unei GUI în Visio nu este prea dificilă, iar modelele pot fi exportate ca fișiere PDF. Urmați câteva instrucțiuni pentru a afla cum să construiți o machetă de bază cu cadru fir GUI pentru un site web.
Pasul 1
Deschideți Microsoft Visio. Creați un nou desen făcând clic pe pictograma desen goală. Faceți clic pe butonul „Creați”.
Videoclipul zilei
Pasul 2
Faceți clic pe fereastra Forme din partea stângă a ecranului. Selectați „Mai multe forme”. Selectați „Forme de bază unități SUA”. Faceți clic pe „Forme rapide”.
Pasul 3
Creați o casetă de antet făcând clic dreapta pe forma casetei dreptunghiulare și trăgând forma în zona de desen. Redimensionați caseta pentru a acoperi aproximativ 15% din zona superioară a desenului.
Pasul 4
Creați o casetă de meniu de navigare făcând clic dreapta pe forma casetei dreptunghiulare și trăgând forma sub caseta antetului. Redimensionați caseta pentru a avea o înălțime de aproximativ jumătate de inch și aceeași lățime ca și caseta de antet.
Pasul 5
Creați o casetă principală mare făcând clic dreapta pe forma casetei dreptunghiulare și trăgând-o sub caseta meniului de navigare. Redimensionați caseta pentru a avea aceeași lățime ca antetul și casetele meniului de navigare și pentru a acoperi partea de jos a zonei de desen.
Pasul 6
Creați două casete dreptunghiulare făcând clic dreapta pe forma casetei dreptunghiulare și trăgând forma de două ori în zona de desen. Redimensionați fiecare cutie pentru a se potrivi cu o jumătate din cutia corpului principal. Mutați fiecare cutie pentru a se potrivi una lângă alta în interiorul cutiei corpului principal.
Pasul 7
Creați câmpuri de text reprezentând linkuri de navigare făcând clic pe butonul „A Text” din partea de sus a barei de navigare. Selectați o zonă din interiorul casetei de navigare pentru a crea un mic câmp de text făcând clic pe butonul stâng al mouse-ului. Mutați mouse-ul pentru a redimensiona câmpul la lungimea dorită. Introdu text pentru a spune „Acasă”.
Pasul 8
Creați încă patru câmpuri de text utilizând butonul stâng al mouse-ului. Tastați „Element de meniu” în fiecare casetă. Redimensionați fiecare casetă pentru a se potrivi cu dimensiunea casetei „Acasă”.
Pasul 9
Selectați o zonă din interiorul casetei antetului principal și creați un câmp de text cu descrierea „Antet principal”.
Pasul 10
Creați o casetă de text în interiorul fiecărei casete situată în interiorul zonei principale a casetei de conținut a desenului. Dați fiecărei casete de text o descriere, cum ar fi „Zona de conținut”. Redimensionați fiecare casetă de text pentru a avea aceeași dimensiune. Selectați butonul „Pointer” din meniul de navigare de sus.
Pasul 11
Salvați desenul făcând clic pe „Fișier” din meniul de navigare de sus și selectând „Salvare ca”.
Bacsis
Deși Visio nu vine cu modele sau obiecte prototip GUI, companiile terțe oferă astfel de instrumente pentru descărcare. Dacă intenționați să utilizați Visio pentru a crea un design colaborativ, rețineți că formatul de fișier de desen Visio nu este compatibil cu majoritatea pachetelor de software de desen.
Avertizare
Desenele prea complexe pot determina Visio să încetinească reîmprospătarea unui desen după efectuarea unei modificări.
