10 Ferramentas para trabalhar com Grid

Posted on

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)

Leave a Reply

Your email address will not be published.

You May Also Like

10 Sites com Header Criativo

Fala galera do Des1gn’ON! Meu nome é Danyllo Franco. Publicarei na categoria Web Design compartilhando dicas, referências de sites e ferramentas, inspirações (importantíssimas quando bate aquele “branco criativo”) e o…
View Post

40 super texturas para download

Uma boa textura é uma ótima ajuda para realizar alguns trabalhos do nosso dia-a-dia de designers. São 40 texturas de papéis, que variam do simples ao mais aprimorado, do amassado…
View Post