Pensando dentro do Grid

Por RamonPage

CALMA! NÃO É nenhuma contraposição à Molly E. Holzschlag em seu artigo Thinking Outside the Grid no A List Apart. É apenas uma dica muito interessante para desenhar layouts com mais facilidade visualizando o resultado direto no browser.

Primeiro foi Greg Storey com sua inteligente idéia de criar uma régua para ser usada de background para dispor melhor os componentes do layout.

O conceito é simples. É só pegar a imagem e colocar como background para o body da página a ser desenhada.

Régua para alinhamento de layouts
Régua de Greg Storey

Depois, criativamente, Christian Watson adicionou o conceito de régua em forma de grid ao estudo de Greg Storey.

Régua em formato de grid
Régua de Christian Watson

Os dois recursos são muito úteis, mas, sem dúvida, o de Christian Watson é mais usual por demarcar toda a área da tela. Ele se assemelha muito ao layout grid usado por Khoi Vinh em seu site. Com a régua em grid há ainda a possibilidade, para os mais detalhistas, de dividir o grid em quadrados menores, tendo assim a possibilidade de inserir componentes em qualquer área do browser sem perder o alinhamento com algum outro qualquer.

O interessante destes recursos é que não importa se o layout é dentro ou fora do grid. Eles auxiliam seja qual for a alternativa.

Onde encontrar

Marcado em:

Os comentários estão desabilitados para este artigo.
Deixe-me saber sua opinião via Twitter

* * *