Grid System Generator Download para Web Grátis
Atualizado em : 03/07/2009 Ewout Kozel
Esta versão do Grid System Generator não é compatível com seu sistema operacional, veja a versão compatível.
Melhore seu rendimento ao criar designs para a web através de grids com o Grid System Generator
Quem já passou horas olhando para a tela em branco do seu navegador tentando construir um website sabe a importância de se ter um ponto de partida. O Grid System Generator fornece de maneira simples e completa uma base para o desenvolvimento de layouts web.
Um grid (ou grade) é uma ferramenta visual para auxiliar na diagramação do site, e provavelmente existem tantos sistemas de grid diferentes quanto existem webdesigners. Através da divisão da área da tela em diversas colunas, e aplicando módulos a partir dessas divisões, os grids permitem ao designer criar padrões modulares para um site. Só que como tudo na web deve estar – idealmente – dentro dos famosos web standards, criar essa modulação não é algo tão simples, exigindo um conhecimento profundo de CSS. O Grid System Generator serve justamente para facilitar essa criação dentro dos web standards.
Preenchendo os formulários do site, você gera um layout básico de colunas dentro dos parâmetros definidos e apresenta um template da estrutura de colunas, permitindo a você baixar o CSS desse modelo.
Dentre os vários sistemas de grid já desenvolvidos, o Grid System Generator trabalha apenas com o 960.gs, para layouts com 960 pixel de largura, ou o Golden Grid, para layouts com 970 pixel de largura. Ambos os sistemas permitem a variação do número de colunas e das margens, apesar de apenas o 960.gs permitir medidas diferentes para as margens esquerda e direita.
O site também disponibiliza links para tutoriais e outros recursos sobre o design baseado em grids, e sobre os dois sistemas de modelagem utilizados no seu aplicativo.
Nossa Opinião sobre o Grid System Generator
Para quem já sabe utilizar um grid como base para a criação de layouts, principalmente em termos de framework CSS, o Grid System Generator é um recurso importante para acelerar o processo de desenvolvimento.
Ao fornecer a guia visual do template e os códigos CSS apropriados para aquela guia visual, basta ao desenvolvedor adaptar à sua necessidade o material padronizado oferecido pelo site. E isso é bem mais rápido de fazer do que começar a construir isso do zero. Além disso, o site também é um bom ponto de partida para quem quer entender melhor como trabalhar com grids de diagramação para a web.