O Grid é uma estrutura invisível que reúne todos os elementos de uma página web. Ele também determina as dimensões desses elementos inseridos no design como: as larguras de textos e de colunas, espaçamento entre palavras, a altura da linha, etc.
Seu principal objetivo é criar uma unidade no projeto, fazendo com que o conteúdo da página flua melhor e produzindo uma interface mais organizada e agradável ao usuário.
Muitos dizem que o grid restringe a criatividade, mas na verdade ele é essencial para manter uma diretriz no seu trabalho. Entretanto, um bom profissional saberá o momento oportuno para
“quebrar a regra”.
Seguem as dez ferramentas que poderão auxiliá-lo na aplicação desse conceito em seus próximos projetos de web design.
E lá vamos nós!
A Better Photoshop Grid for RWD
Columnal CSS Grid System
Golden Grid System
Gridpak
Responsive Calculator
Semantic Grid System
Simple Grid
Susy
960 Grid System
(Traduzido e adaptado por Danyllo Franco de http://designfestival.com)
Agata Yamashiro
Danyllo Franco
Nicolas Yamashiro
Bruna Dener
