Como criar uma GUI no Visio

O Microsoft Visio 2010 é uma ferramenta de design gráfico que pode ser usada para criar diagramas, elementos de interface, menus de navegação e outros objetos visuais. Este programa oferece uma ampla variedade de ferramentas para criar o design de uma interface gráfica do usuário (GUI). O diagrama mostrará como o aplicativo ou a interface da web aparecerá em sua forma final. O desenvolvimento de uma GUI no Visio não é tão difícil, e os designs podem ser exportados como arquivos PDF. Siga algumas diretrizes para aprender como criar um modelo esquemático básico para a GUI de um site.

Passo 1

Abra o Microsoft Visio. Crie um novo desenho clicando no ícone de desenho em branco. Pressione o botão “Criar”.

Etapa 2

Clique na janela “Shapes” no lado esquerdo da tela. Selecione “Mais formas”. Escolha “Formas básicas em unidades dos EUA”. Clique em “Formas rápidas”.

Etapa 3

Crie uma caixa de título clicando com o botão direito do mouse na forma da caixa retangular e arrastando a forma para a área de desenho. Altere o tamanho do quadro para cobrir aproximadamente 15% da área superior do desenho.

Etapa 4

Crie uma caixa de menu de navegação clicando com o botão direito do mouse na forma da caixa retangular e arrastando-a abaixo da caixa de título. Altere o tamanho do quadro para ter uma altura de aproximadamente meia polegada (1,27 cm) e a mesma largura que o quadro de título.

Etapa 5

Crie uma caixa grande para o corpo principal clicando com o botão direito do mouse na forma da caixa retangular e arrastando-a para baixo da caixa de menu de navegação. Altere o tamanho do quadro para que ele tenha a mesma largura das caixas de menu de título e navegação e para cobrir a parte inferior da área de desenho.

Etapa 6

Crie dois retângulos clicando com o botão direito do mouse na forma da caixa retangular e arrastando-a para a área de desenho duas vezes. Altere o tamanho de cada quadro para que ambos caibam em uma das metades do quadro principal do corpo. Mova cada quadro para acomodá-los adjacentes um ao outro dentro do corpo principal.

Etapa 7

Crie campos de texto para representar os links de navegação clicando no botão “Um texto” na parte superior da barra de navegação. Selecione uma área na caixa de navegação para criar um pequeno campo de texto clicando no botão esquerdo do mouse. Mova o mouse para alterar o tamanho do campo de acordo com o comprimento desejado. Escreva o texto para dizer “Página principal”.

Etapa 8

Crie outros quatro campos de texto usando o botão esquerdo do mouse. Escreva “Item de menu” em cada caixa. Altere seus tamanhos para caber no tamanho da caixa “Página principal”.

Etapa 9

Selecione uma área na caixa de título principal e crie um campo de texto com a descrição “Título principal”.

Etapa 10

Crie uma caixa de texto dentro de cada caixa localizada dentro da área de conteúdo principal do desenho. Dê uma descrição para cada caixa de texto, por exemplo “Área de conteúdo”. Altere o tamanho de cada caixa de texto para o mesmo tamanho. Selecione o botão “Ponteiro” na parte superior do menu de navegação.

Etapa 11

Salve o desenho clicando em “Arquivo” no menu de navegação superior e selecione “Salvar como”.

Referências

 

Você pode estar interessado:

Deixe um comentário