Como montar um Wireframe de uma Página

Wireframe é um esqueleto, um protótipo ou uma versão bastante esquemática de uma página web.

Um Wireframe consiste na representação da diagramação e das estruturas e organização do documento, ou seja, a página web é representada por meio de formas geométricas e linhas como pensamos a divisão da interface em seções.

Segundo a Wikipédia:

Um wireframe é um protótipo usado em design de interface para sugerir a estrutura de um sítio web e relacionamentos entre suas páginas. Um wireframe web é uma ilustração semelhante do layout de elementos fundamentais na interface. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido, tendo como principal objetivo a navegação e disposição do conteúdo, assim como demonstrar as preferências de um cliente quanto aos requisitos funcionais de um sistema.

Wikipédia

Para facilitar o entendimento gravei uma aula explicando os wireframes e montei um para que você possa entender e usar em seus projetos.

Download “Kit de Modelos de Wireframes PDF” sketchize-all.zip – Baixado 18 vezes –


Veja também:


A maioria dos designers desenvolve wireframes para seus projetos, de uma forma ou de outra, mesmo que sejam apenas esboços rápidos na parte de trás de alguns papéis de rascunho. Wireframe é uma parte importante do processo de desenvolvimento web.

Por que fazer wireframes

Wireframes realmente são úteis quando você está se comunicando com clientes, pois lhes permite visualizar suas ideias mais facilmente do que quando você apenas as descreve verbalmente. Para casos em que o “cliente” é a próprio empresa em que se trabalha ou para quando se tratam de projetos pessoais, a afirmativa também é verdadeira.

Como montar um Wireframe de uma Página

Então, que esteja claro: desenvolver wireframes é realmente um passo necessário no processo de design! Mesmo se o site que se está projetando seja incrivelmente minimalista e simples, fazer o wireframe ajuda a esclarecer exatamente o que precisa ser feito nos diferentes tipos de página do projeto.

Um grande abraço!

Deixe uma resposta

Fechar Menu