Criando um mock-up é um dos primeiros passos na construção de um website. O termo "brincar" é muitas vezes usado como sinônimo de "wireframe," mas eles não são exatamente o mesmo, embora ambos são importantes para o planejamento de seu site. Um mock-up é o design visual do site, enquanto que um wireframe se concentra em conteúdo e função do site.
Apesar de um mock-up é fundamental para o desenvolvimento do seu site, ele não precisa ser complicado ou demorado para criar uma. Contanto que você capturar a ideia para o site, não importa se você ir de alta tecnologia (software design gráfico) ou nenhuma tecnologia (papel e lápis).
Determinar o layout básico de seu site. Considerar tais coisas como o número ea colocação das colunas e os elementos-chave que você deseja que apareça acima da rolagem.
Quebrar a página em áreas designadas para a navegação, cabeçalho, conteúdo de texto e de vídeo ou conteúdo. Você pode achar que você reequilibrar as proporções do site através de alguns rascunhos de seu mock-up.
Seleccione imagens para elementos visuais principais que evocam o sentimento que você quer para o site. Estes não têm de ser selections- finais "comp" ou "FPO" (Para a colocação somente) as imagens são muito bem.
Selecionar fontes e tamanhos de fonte. Indique estilo para cabeçalhos, parágrafos padrão, listas e outros elementos de texto.
Identificar um esquema de cores e rotular elementos do seu site em conformidade.
dicas & avisos
- Mock-ups são um projecto do seu site, e provavelmente você vai passar por algumas versões antes de se decidir sobre o plano de projeto final para o site. O mock-up permite que você experimente com uma variedade de opções antes de começar a investir no desenvolvimento do site em si, portanto, fique flexível quanto o site evolui.
- Se você estiver usando software de design para criar seu mock-up, insira texto do espaço reservado para ver como os diferentes tamanhos e pesos de fluxo de texto na página.
- geradores esquema de cores on-line são uma ferramenta valiosa em qualquer fase do design do site. Você pode selecionar a partir de temas prontos, extrapolar-los de fotos ou imagens que você gosta ou criá-los.









Como construir um site em ilustrador
Como construir um site usando o Adobe Photoshop CS5
Como construir seu próprio site off-line
Como construir uma página web livre para um iniciante
Como conceber um protótipo página web
Como fazer boas páginas da web
Como fazer um site em adobe indesign
Como calcular o web site custo do projeto