Design Grid para Fireworks
on Dec 26 in Sites, Webdesign tagged by Célia Leocádio
Para quem utiliza o Fireworks para o Design de Weblayouts ( like I do <3 ) e utiliza ou quer passar ao utilizar grelha para colocar tudo bem alinhado e em harmonia, ( ou como diz o amigo João, com o feeling 2.0, que é como quem diz, faz-nos sentir bem olhar para o design 
) , encontrei no blog do Tom O’keefe dois ficheiros png já com 2 grid systems.
Até agora tinha uma trabalheira a fazer os meus ficheiros com grids para os trabalhos, e embora tivesse um ou dois como templates, não estavam lá muito bons, mas agora que encontrei estes dois, já não vou utilizar outra coisa, pese embora o facto do layout ser no mínimo de 975px e eu normalmente desenho no máximo para 940px wide. I’ll works this around!
Podem fazer download no blog do Tom, ou nestes dois links:
5 Comments
Trackbacks and Pingbacks
Leave a Comment
Subscribe
Torre do Tombo
Links
- A List Apart
- Browserd
- CSS Beauty
- Css manuais
- Css Vault
- David Seah
- Design View
- Freelance Switch
- Gi-Gi
- Hitdabreakz
- Isa
- Mário Muio Muio
- Menina Alice
- Photomathon
- Revolução
- Sofá da Lia
- Zen Habits
- Zone 41
- 9 Estão On-line
- 17 Max. Visitas
- 375196 Total de Visitas
960px é mais vantajoso para alinhamentos com formatos padrão do IAB. Tens aqui a explicação detalhada e grids também:
http://www.cameronmoll.com/archives/2006/12/gridding_the_960/
Esqueci-me deste site, que te permite usar uma framework CSS para ser mais fácil traduzir tudo para o layout final.
http://960.gs/
Só para reforçar o último comentário do Bruno.
No 960.gs, para além do framework css, que eu recomendo vivamente (já o utilizei em alguns projectos, com sucesso), também tens uma série de templates para diversas aplicações, como por exemplo o Fireworks ou o Omnigraffle.
Eu tenho alguma resistência a usar grids.
Caso vá fazer um layout onde apenas sei quais os elementos que deve conter e não tenho uma estrutura já definida a única coisa que defino inicialmente é a largura, o resto vou colocando com o devido cuidado das dimensões e alinhamentos.
Acho que usar uma grid ia influenciar demasiado a forma como faço um design e provavelmente o que ia acontecer é que ia ver uns 10 ou 20 trabalhos com uma estrutura igual.
Mas dá sempre jeito ter uma grid á mão
Obrigado Bruno e Hugo pelos links e pelas dicas. Já estão no delicious. O Artigo do Cameron Moll por acaso já tinha lá chegado pelo blog do Tom, mas ainda bem que reforçam isso e fica aqui registado no post.
Mário, esse argumento que usas, de seguir a grid fica tudo igual não é bem assim. Repara que há milhares de sites que seguem o grid system e olhas para eles e cada um tem uma singularidade única, e essa diferenciação é feita através de variações de alinhamento e pelo design dos elementos. O que a grid faz é harmonizar as proporções para que o site fique bem desenhado e alinhado, e isso resulta num site bem estruturado, dando mais ou menos peso a certos elementos, agrupando itens ou levar à navegação com os olhos, promovendo um certo comportamento do utilizador.
A maneira mais fácil de o fazer é usando a grelha. Trust me on this one!