Il modello a reticolo in Visio Professional e Visio piano 2 è progettato per la creazione di mock-up di applicazioni software a media fedeltà. Il modello può essere usato per un'ampia gamma di tipi di software, ad esempio applicazioni per Windows, Internet e dispositivi mobili.
-
Per iniziare, fare clic sullo stencil Finestre di dialogo e trascinare una maschera applicazione o una maschera finestra di dialogo nella pagina. Aggiungere altre forme da questo stencil per delineare la struttura di base dell'interfaccia utente.
-
Fare clic sullo stencil Barre degli strumenti per aggiungere menu e altre icone di applicazioni.
-
Usare le forme negli altri quattro stencil predefiniti (Controlli, Cursori, Icone comuni e Icone Web ed elementi multimediali) per compilare l'interfaccia utente e mostrare le funzionalità dell'applicazione.
Alcune forme reticolo hanno proprietà personalizzabili. Ecco alcuni suggerimenti sull'uso di queste forme.
Per saperne di più
Creare finestre di dialogo
|
Forma |
Suggerimenti |
|---|---|
|
Modulo dell'applicazione |
Contenitore che fornisce i limiti dell'intera applicazione. Un punto di connessione nell'angolo in alto a destra contiene le forme dei pulsanti di Windows. |
|
Maschera finestra di dialogo |
Contenitore per contenere icone, controlli e testo per le finestre di dialogo. Un punto di connessione nell'angolo in alto a destra contiene le forme dei pulsanti di Windows. |
|
Pulsante Windows |
Selezionare il pulsante che si vuole rappresentare usando questa forma: Chiudi, Ingrandisci, Riduci a icona o Ripristina (i pulsanti che in genere si trovano nell'angolo in alto a destra delle applicazioni e dei moduli di dialogo). È possibile selezionare il pulsante desiderato quando si rilascia la forma nella maschera ed è anche possibile fare clic con il pulsante destro del mouse sulla forma e scegliere Tipo di pulsante per modificarla in un secondo momento. Per modificare l'ombreggiatura del pulsante, fare clic con il pulsante destro del mouse sulla forma e quindi scegliere Mostra attivo. |
|
barra di stato |
Contenitore per elementi della barra di stato, icone e splitter. Gli elementi della barra di stato sono barre di lunghezza media a cui è possibile aggiungere testo facendo doppio clic. Hanno anche un punto di connessione centrale per aggiungere un'icona, un indicatore di stato, un dispositivo di scorrimento o un'altra forma. Le icone della barra di stato sono barre brevi con un punto di connessione centrale su cui è possibile rilasciare icone da Icone comuni o Icone Web ed elementi multimediali . È possibile eliminare gli splitter delle barre di stato tra altre forme per rendere visibili le divisioni. |
|
Barra di scorrimento |
Fai clic con il pulsante destro del mouse per specificare un valore verticale o orizzontale e per impostare la lunghezza del dispositivo di scorrimento (lunghezza pollice). Usare il punto di controllo giallo per spostare il dispositivo di scorrimento lungo la lunghezza della barra di scorrimento. |
|
Ridimensionare grabber |
Può essere usato solo nelle barre di scorrimento e nelle barre di stato. Viene visualizzata una finestra di dialogo che consente di impostare il tipo dopo averlo rilasciato nella pagina. |
|
Barra delle schede |
Contenitore per gli elementi della scheda. Dopo aver aggiunto un elemento della scheda Superiore o un elemento della scheda Inferiore, è possibile aggiungerne altri facendo clic con il pulsante destro del mouse sull'elemento della scheda o facendo clic sulla freccia blu Inserisci visualizzata con l'evidenziazione arancione quando si posiziona il puntatore su un angolo della scheda. Per modificare l'ombreggiatura di una scheda, fare clic con il pulsante destro del mouse sulla forma e quindi scegliere Imposta scheda attiva. Quando la barra delle schede è selezionata, è possibile usare la scheda Formato in Strumenti contenitore per modificare lo stile della barra delle schede. |
Creare barre degli strumenti
|
Forma |
Suggerimenti |
|---|---|
|
Barra dei menu |
Contenitore per le voci della barra dei menu. Dopo aver aggiunto una voce della barra dei menu, fare clic con il pulsante destro del mouse sull'elemento per impostare lo stato (ad esempio abilitato o selezionato), il tipo (normale o a discesa) e se aggiungere spazio per un'icona. È anche possibile usare il menu di scelta rapida per aggiungere altre voci della barra dei menu oppure fare clic sulla freccia blu Inserisci. |
|
Menu a discesa |
Contenitore per le voci di menu. Dopo aver aggiunto una voce di menu, fare clic con il pulsante destro del mouse sull'elemento per impostare lo stato (ad esempio abilitato o selezionato), il tipo (ad esempio normale o radio) e se impostarlo sulla larghezza del menu. È anche possibile usare il menu di scelta rapida per aggiungere altre voci di menu oppure fare clic sulla freccia blu Inserisci. È possibile connettere un menu a discesa a una voce della barra dei menu per visualizzare un menu aperto. Le voci della barra dei menu hanno punti di connessione nell'angolo inferiore che possono essere collegati all'angolo superiore di un menu a discesa. |
Aggiungere controlli ai moduli
|
Forma |
Suggerimenti |
|---|---|
|
Collegamento ipertestuale |
Quando si rilascia una forma Collegamento ipertestuale nella pagina, viene visualizzata la finestra di dialogo Collegamenti ipertestuali che consente di impostare la destinazione del collegamento. |
|
Icona del pulsante |
Fare clic con il pulsante destro del mouse sulla forma Pulsante per impostare lo stato o l'aspetto del pulsante, ad esempio abilitato o selezionato. |
|
Casella di riepilogo |
Contenitore per gli elementi della casella di riepilogo. Fare clic con il pulsante destro del mouse sulla casella Elenco per impostare la direzione dell'elenco, ad esempio dall'alto in basso o da sinistra a destra. Dopo aver aggiunto una voce della casella di riepilogo, fare clic con il pulsante destro del mouse sull'elemento per impostare lo stato (ad esempio abilitato o selezionato) e per impostare i segnaposto se si vuole aggiungere altro spazio all'elemento, ad esempio per aggiungere un'icona. È anche possibile usare il menu di scelta rapida per aggiungere altre voci della casella di riepilogo oppure fare clic sulla freccia blu Inserisci. Quando la casella Elenco è selezionata, è possibile usare la scheda Formato in Strumenti contenitore per modificare lo stile della casella di riepilogo. |
|
Casella di controllo |
Fare clic con il pulsante destro del mouse sulla casella di controllo per impostare la scelta , ad esempio Selezionato o Non selezionato, e lo stato (ad esempio Abilitato o Al passaggio del mouse). |
|
Controllo albero |
Contenitore per gli elementi di controllo Albero. Dopo aver aggiunto un elemento di controllo Albero, fare clic con il pulsante destro del mouse sull'elemento per controllare il rientro e impostare le proprietà dell'albero, ad esempio lo stato espanso o compresso e gli spazi segnaposto. È anche possibile usare il menu di scelta rapida per aggiungere altre voci di controllo albero oppure fare clic sulla freccia blu Inserisci. Quando il controllo Albero è selezionato, è possibile usare la scheda Formato in Strumenti contenitore per modificare lo stile del controllo Albero. |
|
Icona del dispositivo di scorrimento della segreteria telefonica |
Fare clic con il pulsante destro del mouse sul dispositivo di scorrimento per impostare proprietà come il numero e la posizione dei segni di graduazione. Usa il punto di controllo giallo per spostare il dispositivo di scorrimento. |
|
Barra di stato |
Usare il punto di controllo giallo per spostare l'indicatore di stato. |
|
Calendario |
Quando si rilascia un Calendario nella pagina, viene visualizzata una finestra di dialogo che consente di impostare il mese e l'anno. Per modificare l'impostazione in un secondo momento, fare clic con il pulsante destro del mouse sulla forma e quindi scegliere Configura. |
