Layouts a partir de wireframes
Fazer layouts a partir de wireframes parece não ser muito confortável, mas é mais fácil do que aparenta e com o tempo torna-se um vício, pois se tem muito mais informação para trabalhar.
Em geral para o designer, o wireframe serve para três coisas, posicionamento, peso e comportamento.
O posicionamento relativo dos elementos não pode ser alterado, um elemento que está à esquerda deve se manter assim o tempo todo, o que vai variar é o quanto à esquerda ele vai ficar.
Já o peso dos elementos é o que dá mais liberdade ao designer, a forma de traduzir as prioridades do wireframe graficamente é o que faz a diferença do bom para o mau layout.
O comportamento demonstra a ação que será tomada, com essa informação é possível testar se os layouts das páginas estão coerentes, se o esquema de cores e peso funciona bem na navegação e se aquela imagem ou animação do topo deve manter o mesmo tamanho nas páginas internas.
O ideal é que o designer participe de cada etapa, principalmente as de AI e construção do wireframe, quanto mais informação se tirar dessas etapas, mais fácil será a construção do layout quando chegar a hora.
Segue um exemplo de um layout montado a partir do wireframe:
Wireframe
Layout
Postado por Victor Costa em 14/01/2009 - 14:01
Comentários
Legal saber que o projeto deu
Legal saber que o projeto deu certo! Creio que a gente trabalhou bem dessa forma que você descreveu.
O Arquiteto de Informação não deve em momento nenhum influenciar na criação do layout ( talvez um pouco na diagramação e olhe lá! ), mas essa dupla Designer + AI é a mais importante pra se elaborar um projeto de comunicação web eficaz!
Mandou bem no post, Victor! ;)
Ótimo post! Embora seja a
Ótimo post! Embora seja a parte mais "AI" de todas o wireframe deve ser feito por todas as mãos possíveis.
"O ideal é que o designer participe de cada etapa" - não se esqueçam dos desenvolvedores! Um conselho bem dado nessa etapa pode ser decisivo para o desenvolvimento do todo.
Abração!
Comentar