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
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
Marcelo R. Souza
6 comentários:
tá, mas e o que é grid??
@Iara minha linda...
Grid é uma rágua que te dá todas medidas exatas para margins e padding e tamanhos de sidebar entre outras coisas.
Oba!! sou sua linda!!
ta muito geral, tem que ser mais especifico.
@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.
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!
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