You are currently browsing the category archive for the 'tableless' category.
Muito bacana o artigo escrito pelo Ben Henick para o A List Apart e traduzido pelo Luciano Rodrigues para o A List Apart Brasil.
12 Lições para aqueles com medo do CSS e dos padrões
a list apart, css webstandardsTags: a list apart, css, webstandards
Wireframes são uma parte fundamental na construção de qualquer site. Eles dão ao designer a dimensão do site, a hierarquia de importância de seus elementos e dizem o que acontece em cada situação. Além disso, dão ao cliente uma boa noção de como ficará o site depois de pronto. Ou seja, além de auxiliar a designers e clientes, o wire resguarda a ambos.
Pois bem… há várias formas de se fazer um wireframe. Sem querer entrar no certo ou errado, vou falar do jeito de que mais gosto.
Um wireframe deve, além de apresentar as telas, dar uma boa idéia da interatividade e da experiência que o usuário terá ao usar o site. Por isso, gosto dos interativos em vez de slides ou PDFs. De preferência em HTML e sem tabelas (tableless), de forma que, uma vez aprovado, o designer possa trabalhar em cima do wire, mexendo apenas no CSS pra layoutar o site.
Juntamente com os arquivos HTML, gosto de ter a árvore do site à mão pra ver o todo e poder me situar. Essa árvore pode ser, simplesmente um TXT com indicações de todos os níveis de navegação.
Outra coisa que ajuda muito é usar conteúdo real ao invés do famoso Lorem Ipsum. Conteúdo fictício é conveniente na hora do lay-out porque cada coisa “cabe” exatamente onde o designer quer. Claro. Ele é quem está decidindo o tamanho de tudo. O problema é que quase sempre, na hora de produzir o site, são necessárias mudanças e adaptações.
Essa é apenas a forma como eu vejo a coisa, mas trabalhar assim, pelo menos pra mim, é bem simples e ajuda pacas.
Tags: Sem tags desta vez
