Grids, padronização de margens e paddings

26 de janeiro de 2009

Criar templates, sejam eles para Blogger, Sites estáticos, E-commerce, necesssitam de um método matemático para que o trabalho seja produtivo e de resultado agradável.
Cada Designer desenvolve de uma forma diferente. Alguns, calculam margens e paddings de cabeça. Outros (a maioria), nem calculam, vão na base do erro e acerto.
Existem vários métodos, mas, o metódo que eu uso e recomendo, é o uso de uma Grid.
Para alguns designer, isso pode ser uma declaração de arrepiar os cabelos. Alguns dirão, que a Grid limita o processo criativo, outros dirão que a Grid estabele muitas regras rígidas.
Na minha experiência, nenhuma, das duas opções citadas, acontecem. A grid simplesmente nos dá informações precisa de posicionamento, números para tamanhos e espaçamento.
Com o uso de uma Grid bem elaborada, o processo de desenvolvimento acelera em 50%, ou mais. Os blocos de informações em um site, são planejados para que a informação, seja atraente para o leitor.

Acima vemos um exemplo de Grid, feito com uma imagem. Em artigos futuros, iremos ensinar a criar sua própria Grid com tamanhos diversos.

Subscreva o CSS-Desvendado completo!
Subscreva CSS - Desvendado por Email

6 comentários:

Iara disse...

tá, mas e o que é grid??

Marcelo R. Souza disse...

@Iara minha linda...
Grid é uma rágua que te dá todas medidas exatas para margins e padding e tamanhos de sidebar entre outras coisas.

Iara disse...

Oba!! sou sua linda!!
ta muito geral, tem que ser mais especifico.

Marcelo R. Souza disse...

@Iara minha Deusa...

Como dizia Jack Estripador: "Vamos por partes".
Você soube agora o que é uma grid então no próximo post, aprende como usá-la.

disse...

Marcelo, olha que já tentei! Mas não me entendi bem com as grids.

Eu lembro que no trabalho uma vez tivemos algumas palestras e treinamentos pra sermos mais abertos e quebrar paradigmas. Eu até que não me considero fechada à mudanças, mas tem coisas que empaco! ahahahaha

Outra é o photoshop (e outros programas de desenho). Já tentei, mas sempre volto pro Fireworks.

Deve ser coisa da idade.. :(

Beijão, moço!

Marcelo R. Souza disse...

Rô, mestra...

As grids tem um função de auxílio matemático. Em vez de calcular, quanto vai ter de largura uma Sidebar, a grid já te dá o resultado. Adsense e outros elementos são configurados com maior facilidade. Também, ajuda a organizar o conteúdo. Verá que não é nem um bicho de 7 cabeças e que com o uso dela, nossa vida de desenvolvedor fica muito mais fácil.

Postar um comentário

Faça seu comentário ou sua pergunta. Quando for possível postarei a resposta.
Obrigado!
Para deixar o link da sua última postagem coloque este código:

<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu link do último post">Título do Post</a></em>

Ficará assim:
Marcelo publicou um post sobre.. Alguma coisa