Como conceber um protótipo página web

Abra um programa de software ou programa on-line para a criação de wireframes e protótipos. Um programa de edição de fotos vai trabalhar para criar seu protótipo a partir do zero, mas pode ser mais demorado.

Arrastar e soltar, quadrados e retângulos de cor clara de tamanho adequado para representar as diferentes secções da sua página web, como o logotipo, menus de navegação e o corpo principal. Use uma única cor em tons diferentes, tais como cinza, para ajudar a focar sobre o layout e não esquema de cores.

Repita o passo 2 para cada página da web em seu site. Incluir pontos para todos os elementos de navegação e menus.

Escrever o código HTML para todas as páginas do seu site usando um editor de HTML, baseando o design nos modelos que você criou nas etapas 1 a 3. Use software de web design, como o Adobe Dreamweaver, para criar suas páginas, se você não sabe HTML. Deixar de fora fundos e imagens. Substitua por cor cinza claro diferentes fundos ou caixas e rotular com tags como "Logotipo" ou "Cabeçalho" para mostrar o que deve ir para lá.

Escreva todo o texto relevante para as páginas. Optar por escrever uma frase ou parágrafo resumo indicando a finalidade da página para prototipagem rápida. Consulte esta declaração de propósito quando você precisa para determinar o quão bem funciona uma página no layout do site atual.

Visualize seu protótipo on-line e testar a navegação do sistema, links e menus. Faça anotações de seções para alterar ou páginas que não estão funcionando. Verifique se suas páginas usar a mesma navegação e esquema de layout todo.