Designing for the Web – Capítulo 23: Sistemas de Grade (“Grid”)

Um sistema de grade é uma ferramenta para organizar elementos gráficos de texto e imagens que, baseando-se em proporções matemáticas, proporciona estrutura ao design. Ao criar uma grade, é preciso separar forma e função.

Como Construir uma Grade:

  1. Compreenda o Meio: Seja para impressos ou web, adapte a grade ao ambiente.
  2. Briefing Claro: O tamanho da mídia, seja um livro ou site, define a grade. No web design, atender a uma resolução base, como 1024px, é sensato, alcançando a maioria dos usuários.

Ferramentas Úteis

  • CSS Frameworks: Facilitam a construção da grade e garantem a consistência, especialmente em navegadores desafiadores.
  • Blueprint: Uma estrutura CSS que fornece reset de comportamento padrão do navegador, estilos tipográficos sensatos e uma grade flexível.

Dica Prática

É importante manter a simplicidade, fazendo com que a grade seja abrangente, mas fácil de usar. Grades bem desenhadas não limitam a criatividade; pelo contrário, fornecem uma base para composições visualmente equilibradas.

Ao criar uma grade, pense em matemática como aliada, guiando seu design para além da estética, rumo à funcionalidade.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *