Microsoft Visio 2010 è uno strumento di progettazione grafica che può essere utilizzato per creare diagrammi , elementi di interfaccia , i menu di navigazione e altri oggetti visivi. Offre una vasta gamma di strumenti per creare il design di una interfaccia utente grafica ( GUI ) . Il diagramma mostra come l' interfaccia di applicazione o Web apparirà nella sua forma definitiva . Lo sviluppo di una interfaccia grafica di Visio non è troppo difficile , e disegni possono essere esportati come file PDF. Seguire alcune linee guida per imparare a costruire una GUI wire-frame mockup di base per un sito web . Cose che ti serviranno
Microsoft Visio 2010
Mostra più istruzioni
1

Aprire Microsoft Visio . Creare un nuovo disegno facendo clic sull'icona vuota disegno. Fare clic sul pulsante "Crea" .
2

Clicca finestra Forme sul lato sinistro dello schermo . Selezionare " Altre forme ". Selezionare " Oggetti di Base unità statunitensi . " Fare clic su " forme rapide ".
3

Creare una voce di dialogo facendo clic destro sulla finestra di forma rettangolare e trascinando la forma per l'area di disegno . Ridimensionare la casella di coprire circa il 15 per cento della superficie superiore del disegno .
4

creare una casella di menu di navigazione facendo clic destro sulla finestra di forma rettangolare e si trascina la forma sotto la casella di intestazione . Ridimensionare la casella per avere un'altezza di circa un centimetro e la stessa larghezza della casella di intestazione .
5

Creare una grande scatola corpo principale facendo clic destro sulla finestra di forma rettangolare e trascinandolo sotto la casella del menu di navigazione. Ridimensionare la casella per avere la stessa larghezza della testata e boxes menu di navigazione e per coprire la parte inferiore dell'area di disegno .
6

creare due caselle rettangolo facendo clic destro sulla finestra di forma rettangolare e trascinando la figura verso l'area di disegno due volte. Ridimensionare ogni scatola per misura una metà del corpo scatola principale. Spostare ogni casella per adattarsi adiacenti all'interno della scatola del corpo principale.
7

creare campi di testo che rappresentano collegamenti di spostamento facendo clic sul pulsante " A Testo " nella parte superiore della barra di navigazione . Selezionare un'area all'interno della casella di navigazione per creare un piccolo campo di testo facendo clic sul pulsante sinistro del mouse . Muovi il mouse per ridimensionare il campo ad una lunghezza desiderata . Digitare il testo per dire " casa ".
8

creare più quattro campi di testo utilizzando il pulsante sinistro del mouse . Tipo " passo" in ogni casella. Ridimensionare ogni casella per abbinare la dimensione della casella "Home" .
9

Selezionare un'area all'interno della casella di intestazione principale e creare un campo di testo con la descrizione " Intestazione principale ".
< Br > 10

Creare una casella di testo all'interno di ogni casella di posta all'interno del contenuto principale area di dialogo del disegno . Dare ad ogni casella di testo una descrizione, ad esempio " zona contenuto . " Ridimensionare ogni casella di testo per avere la stessa dimensione . Selezionare il pulsante " puntatore " nel menu di navigazione in alto .
11

salvare il disegno facendo clic su "File " dal menu di navigazione superiore e seleziona " Salva con nome ".