Como fazer um rápido e fácil web site mock up

Criando um mock-up é o primeiro passo para planejar o seu design do site.

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.
De esta maneira? Compartilhar em redes sociais:

LiveInternet