Já vi muita gente discutindo se vale ou não a pena usar grids (grades) em projetos de design. Quem diz que “não gosta” justifica que o grid “prende o designer” e dificulta a criação. Sou do outro grupo, que acredita que o grid é mais um aliado na hora de projetar, seja um um site, uma revista, um livro, um catálogo. O livro Grid – Construção e desconstrução, de Timothy Samara (pela Cosac Naify e que originalmente chama “Making and Breaking the Grid: A Graphic Design Layout Workshop”) é para os dois grupos: Quem gosta vai ganhar diversas dicas e quem não concorda vai ter chance de mudar de ideia!

Construção e desconstrução

Além de uma boa introdução no sistema de grid com história e os motivos de seu uso, o livro é basicamente dividido em duas partes: construção, onde o autor mostra como grids foram construídos e os projetos que resultaram; e a parte de desconstrução, que a partir do projeto pronto deduz como seria seu grid. Os grids são categorizados e cada página, seja ela de construção ou desconstrução, mostra quais outros grids do livro todo tem a ver com ele. São mais de 60 páginas construindo e mais de outras 60 desconstruindo.
Alguns exemplos:

Minha relação com o grid é muito boa, sempre foi. Já fiz diversos projetos sem usar essa técnica, mas depois que aprendi, nunca mais larguei. Além de possibilitar que tudo fique mais organizado, acredito que ajuda muito na hora de definir uma identidade ao projeto, pelo menos pela disposição de alguns elementos e a repetição estratégica de outros. E pra mim não adianta a justificativa que o designer tem que ficar totalmente solto pra criar tudo. É preciso organizar, tecer relações visuais e amarrar a identidade do projeto. Não ter essa ordem significa, pra mim, correr o risco de trabalhar (muito)  mais. É como ter ou não ter templates num site. O site que tem 40 templates não tem template, certo?

Exemplo de grid no site de VEJA São Paulo

Para desenvolver o novo site de VEJA São Paulo (que estreou em dezembro do ano passado), me juntei ao meu chapa Mau (twitter.com/maudubem) e “grideamos” o espaço para desenvolver a home e posteriormente as internas do site. Para algumas internas fizemos outro grid, pois tínhamos uma colunagem diferente e ficaria muito bagunçado para criar em cima. O legal é que com dois grids nós desenvolvemos todo o restante do site. Quando necessário, para delimitar os espaçamentos e manter tudo alinhadinho, inserimos mais linhas-guia horizontais e verticais. A grande base desse grid é a colunagem e as delimitações de espaço no topo. Como alguns conteúdos são dinâmicos, boa parte das guias horizontais entraram para, no layout, dar mais chances para os alinhamentos e tamanhos dos elementos, tanto na home (acima) como nas internas.

Intriga Internacional – Alfred Hitchcock: Brincadeira com grid na abertura do filme

Muito interessante ver a abertura desse filme de 1959 do Hitchcock quando eles brincam com um grid para mostrar o staff. Ainda mais curioso é que a personagem coadjuvante é “desenhista industrial”. Achei legal o designer migrar o grid, então comum em mídia impressa, para a telona do cinema.