Gridulator

Gridulator é uma ferramenta para criação de grids. Com ela, você consegue calcular com exatidão as grades que serão utilizadas na criação da página web. Dessa maneira, é possível simplificar o processo de design do layout e criar blocos de texto legíveis com praticidade.

Normalmente, para calcular a quantidade de grids e inserir o conteúdo de forma correta é necessária uma série de aplicativos diferentes, sendo que, alguns deles, nem ao menos fornecem um valor inteiro para as linhas e colunas. Entretanto, com esse aplicativo web tudo é feito em questão de segundos.

Cálculo moleza

Para utilizar a ferramenta, basta informar a largura total de sua página e a quantidade de colunas em que o conteúdo deve ser dividido. Feito isso, ela vai gerar automaticamente uma lista com todas as opções de colunas e valetas disponíveis. Clique em “Preview” para conferir como será o resultado final do grid.

Caso você queira, também é possível gerar um PNG e salvá-lo para futura referência. Dessa maneira, quando você for criar um layout com as mesmas proporções, basta utilizar o mesmo molde pré-concebido. O serviço também conta com alguns atalhos do teclado para facilitar a tarefa:

• W: Permite alterar a largura do layout;

• C: Seleciona a coluna;

• Seta para cima e para baixo: ajustam os valores;

• Esc: remove alertas;

• P: mostra/esconde todas as pré-visualizações.

Criar projetos baseados em grid é uma boa maneira para conseguir harmonia em layouts e projetos gráficos. Entretanto, atingir a quantidade de colunas e espaços em branco corretos não é uma tarefa muito fácil. Grande parte das ferramentas desktop para cálculo de grid utilizam valores quebrados, algo pouco proveitosos para web designers.

No Gridulator o processo é simplificado. Uma vez que a ferramenta faz todos os cálculos sozinha, tudo o que você precisa fazer é informar a largura do layout e a quantidade de colunas que devem ser aplicadas. Feito isso, a aplicação vai mostrar quais são as possíveis combinações que ficariam perfeitas em projeto.

Como o site também conta com opções para pré-visualização, você não precisa fazer nenhuma alteração no layout final ou usar ferramentas de edição, antes de chegar a uma conclusão definitiva. Usando os atalhos do teclado fica ainda mais fácil utilizar o aplicativo.