Como criar um wireframe

UMA wireframe descreve a estrutura do seu site, sem ficar atolado em todos os detalhes de web design. Se você está construindo um site simples para iPhone ou iPad ou um altamente complexa, obra interativa, tomando o tempo para desenvolver um plano sólido desde o início poupa de muita dor de cabeça e desesperado, de última hora improvisação.

Um bom wireframe para o design do site é muito parecido com o conjunto de plantas para uma casa. Os planos de um edifício descrever sua estrutura subjacente, onde os fios elétricos correr, como o encanamento vai funcionar. É um plano para a construção da estrutura de uma casa. Os planos de um arquiteto não descrevem quais as cores para pintar as paredes, o que móveis para colocar dentro, ou que tipo de cereal para armazenar nas prateleiras da despensa.

Nesta figura, você verá uma estrutura de arame no lado direito e na página web concluída criado a partir dele, à esquerda. Wireframes são como esboços de um site - eles não são sempre planos perfeitos. Observe que os elementos do design final da página não são sempre exatamente onde eles estavam no wireframe.

image0.jpg

A maioria dos designers de sites que criam wireframes concorda que os elementos de design não deve ser adicionado nos estágios iniciais # 175- sem imagens, sem cor, sem fontes de fantasia. O wireframe é um documento estrutural concebido para ajudar o desenvolvedor (bem como clientes) foco em como um site funciona sem se distrair com detalhes do projeto.

Os detalhes não são necessariamente ruins # 175- Na verdade, ter uma imagem ou texto tratamento lindo pode fazer um projeto ruim parecer bom, e cegar um designer de ver que a página que tenha construído não funciona da maneira que deveria.

Não seja impaciente para começar a adicionar todo o conteúdo e elementos de design para seus wireframes. Como o processo de desenvolvimento evolui e a estrutura for aprovado, você pode adicionar mock-ups para mostrar como o site vai olhar.

menu