O Microsoft Visio 2010 é ferramenta de design gráfico para criar diagramas, elementos de interface, menus de navegação e outros objetos visuais. Oferece ampla gama de ferramentas para criar design de interface gráfica do usuário (GUI). O diagrama mostra como a aplicação ou interface web aparecerá em sua forma final. Desenvolver GUI no Visio não é muito difícil, e designs podem ser exportados como PDF. Siga algumas diretrizes para aprender a criar wireframe básico de GUI para website.
Abra o Microsoft Visio. Crie novo desenho clicando no ícone de desenho em branco. Clique no botão "Criar".
Clique na janela Formas no lado esquerdo. Selecione "Mais Formas". Selecione "Formas Básicas Unidades US". Clique "Formas Rápidas".
Crie caixa de cabeçalho clicando com botão direito na forma retângulo e arrastando para área de desenho. Redimensione para cobrir cerca de 15% da área superior do desenho.
Crie caixa de menu de navegação clicando com botão direito na forma retângulo e arrastando abaixo da caixa de cabeçalho. Redimensione para altura de cerca de 1,27 cm e mesma largura da caixa de cabeçalho.
Crie caixa principal grande clicando com botão direito na forma retângulo e arrastando abaixo da caixa de navegação. Redimensione para mesma largura das caixas de cabeçalho e navegação e cubra a parte inferior da área de desenho.
Crie duas caixas retângulo clicando com botão direito na forma retângulo e arrastando para área de desenho duas vezes. Redimensione cada uma para ocupar metade da caixa principal. Mova cada caixa para ficar adjacente dentro da caixa principal.
Crie campos de texto representando links de navegação clicando no botão "Texto A" no topo da barra de navegação. Selecione área dentro da caixa de navegação para criar pequeno campo de texto clicando com botão esquerdo. Mova mouse para redimensionar campo ao comprimento desejado. Digite "Início".
Crie mais quatro campos de texto usando botão esquerdo. Digite "Item de Menu" em cada caixa. Redimensione cada caixa para igualar tamanho da caixa "Início".
Selecione área dentro da caixa de cabeçalho principal e crie campo de texto com descrição "Cabeçalho Principal".
Crie caixa de texto dentro de cada caixa na área de conteúdo principal do desenho. Dê a cada uma descrição como "Área de Conteúdo". Redimensione cada caixa de texto para mesmo tamanho. Selecione botão "Ponteiro" no menu de navegação superior.
Salve o desenho clicando em "Arquivo" no menu de navegação superior e selecionando "Salvar Como".
Embora Visio não venha com stencils ou objetos de protótipo GUI, empresas terceiras oferecem tais ferramentas para download. Se pretende usar Visio para design colaborativo, lembre que formato de arquivo Visio não é compatível com a maioria dos softwares de desenho.
Desenhos excessivamente complexos podem causar lentidão no Visio ao atualizar desenho após alteração.
Tecnologia Eletrônica © [www.351231.com]
