O modelo wireframe no Visio Professional e Visio (Plano 2) foi concebido para criar maquetes de fidelidade média de aplicações de software. O modelo pode ser utilizado para uma vasta gama de tipos de software, como aplicações para Windows, Internet e dispositivos móveis.
-
Comece por clicar no stencil Caixas de Diálogo e arrastar um formulário de Aplicação ou um Formulário de caixa de diálogo para a página. Adicione outras formas deste stencil para destacar a estrutura básica da IU.
-
Clique no stencil Barras de ferramentas para adicionar menus e outros ícones de aplicação.
-
Utilize as formas nos outros quatro stencils predefinidos (Controlos, Cursores, Ícones Comuns e Ícones web e multimédia) para preencher a IU e mostrar a funcionalidade da aplicação.
Algumas das formas de wireframe têm propriedades personalizáveis. Seguem-se algumas sugestões sobre como utilizar essas formas.
O que pretende fazer?
Criar caixas de diálogo
|
Forma |
Sugestões |
|---|---|
|
Formulário de aplicação |
Um contentor que fornece os limites de toda a aplicação. Um ponto de ligação no canto superior direito contém formas de botão do Windows no lugar. |
|
Formulário de caixa de diálogo |
Um contentor para conter ícones, controlos e texto para caixas de diálogo. Um ponto de ligação no canto superior direito contém formas de botão do Windows no lugar. |
|
Botão do Windows |
Selecione o botão que pretende representar com esta forma: Fechar, Maximizar, Minimizar ou Restaurar (os botões que normalmente se encontram no canto superior direito das aplicações e formulários de caixa de diálogo). Selecione o botão que pretende quando largar a forma no formulário e também pode clicar com o botão direito do rato na forma e clicar em Tipo de Botão para alterá-la mais tarde. Altere o sombreado do botão ao clicar com o botão direito do rato na forma e, em seguida, ao clicar em Mostrar Ativo. |
|
Barra de estado |
Um contentor para Itens, ícones e divisores da barra de estado. Os itens da barra de estado são barras de comprimento médio às quais pode adicionar texto ao fazer duplo clique. Também têm um ponto de ligação central para adicionar um ícone, barra de progresso, controlo de deslize ou outra forma. Os ícones da barra de estado são barras curtas com um ponto de ligação central no qual pode largar ícones de Ícones Comuns ou Ícones Da Web e de Multimédia . Pode largar divisores de barras de Estado entre outras formas para tornar divisões visíveis. |
|
Barra de deslocamento |
Clique com o botão direito do rato para designar como vertical ou horizontal e para definir o comprimento do controlo de deslize (comprimento do polegar). Utilize a alça de controlo amarela para mover o controlo de deslize ao longo do comprimento da barra de deslocamento. |
|
Redimensionar o grabber |
Só pode ser utilizado em Barras de deslocamento e barras de Estado. É apresentada uma caixa de diálogo para que possa definir o tipo depois de o largar na página. |
|
Barra de tabulação |
Um contentor para itens de separador. Depois de adicionar um item de separador Superior ou um item de separador Inferior, pode adicionar mais ao clicar com o botão direito do rato no item de separador ou ao clicar na seta azul Inserir que aparece com o realce laranja quando mantém o ponteiro sobre um canto do separador. Altere o sombreado de um separador ao clicar com o botão direito do rato na forma e, em seguida, ao clicar em Definir Separador Ativo. Quando a Barra de Tabulação estiver selecionada, pode utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo da Barra de Tabulação. |
Criar barras de ferramentas
|
Forma |
Sugestões |
|---|---|
|
Barra de menus |
Um contentor para itens de Barra de menus. Depois de adicionar um item de Barra de menus, clique com o botão direito do rato no item para definir o estado (como ativado ou selecionado), o tipo (normal ou pendente) e se pretende adicionar espaço para um ícone. Também pode utilizar o menu de atalho para adicionar mais itens da Barra de menus ou pode clicar na seta azul Inserir. |
|
Menu pendente |
Um contentor para itens de Menu. Depois de adicionar um Item de menu, clique com o botão direito do rato no item para definir o estado (como ativado ou selecionado), o tipo (como normal ou rádio) e se pretende defini-lo para a largura do menu. Também pode utilizar o menu de atalho para adicionar mais itens de Menu ou pode clicar na seta azul Inserir. Pode ligar um menu pendente a um item da Barra de menus para mostrar um menu aberto. Os itens da Barra de menus têm pontos de ligação no canto inferior que podem ser ligados ao canto superior de um menu pendente. |
Adicionar controlos a formulários
|
Forma |
Sugestões |
|---|---|
|
Hiperligação |
Quando larga uma forma hiperligação na página, a caixa de diálogo Hiperligações é apresentada para que possa definir o destino da ligação. |
|
Botão |
Clique com o botão direito do rato na forma Botão para definir o estado ou aspeto do Botão (por exemplo, ativado ou selecionado). |
|
Caixa de listagem |
Um contentor para itens da caixa Lista. Clique com o botão direito do rato na caixa Lista para definir a direção da lista (por exemplo, de cima para baixo ou da esquerda para a direita). Depois de adicionar um item da caixa Lista, clique com o botão direito do rato no item para definir o estado (como ativado ou selecionado) e para definir marcadores de posição se pretender adicionar espaço extra ao item, por exemplo, para adicionar um ícone. Também pode utilizar o menu de atalho para adicionar mais itens de Caixa de listagem ou pode clicar na seta azul Inserir. Quando a caixa Lista estiver selecionada, pode utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo da caixa Lista. |
|
Caixa de verificação |
Clique com o botão direito do rato na Caixa de Verificação para definir a opção Escolha (por exemplo, Selecionado ou Não Selecionado) e o Estado (como Ativado ou Ativado). |
|
Controlo de árvore |
Um contentor para itens de controlo de Árvore. Depois de adicionar um item de controlo Árvore, clique com o botão direito do rato no item para controlar o avanço e para definir as propriedades da árvore, como o estado expandido ou fechado e os espaços de marcador de posição. Também pode utilizar o menu de atalho para adicionar mais itens de controlo de Árvore ou pode clicar na seta azul Inserir. Quando o controlo Árvore estiver selecionado, pode utilizar o separador Formatar em Ferramentas de Contentor para alterar o estilo de controlo Árvore. |
|
Ícone do controlo de deslize do voice mail |
Clique com o botão direito do rato no Controlo de Deslize para definir propriedades, como o número e a posição das marcas de escala. Utilize a alça de controlo amarela para mover o controlo de deslize. |
|
Barra de progresso |
Utilize a alça de controlo amarela para mover o indicador de progresso. |
|
Calendário |
Quando larga um Calendário na página, é apresentada uma caixa de diálogo para que possa definir o mês e o ano. Para alterar a definição mais tarde, clique com o botão direito do rato na forma e, em seguida, clique em Configurar. |
