Logo Design Responsivo

Design Responsivo

Grids

Grids

Grids são elementos fundamentass usados no design. Eles são utilizados para auxiliar na construção de peças impressas e digitais. Contribuem para projetar qualquer tipo de site e não seria diferente em se tratando de sites que trabalham com design responsivo.

O Grid é composto por um conjunto de linhas auxiliares na horizontal e vertical, ou de retângulos usados para estruturar a construção de peças de comunicação visual. Com o grid podemos ordernar, distribuir, alinhar e redimensionar os elementos gráficos dentro de sua estrutura organizando assim as informações.

Quando projetamos páginas com design responsivo utilizando a estrutura de um grid o número de colunas auxilia para determinar como os elemento serão dimensionados para determinados dispositivos de tela.

Você pode ter um layout projetado para desktop utilizando-se, por exemplo, um grid com 8 colunas. Logicamente para visualizar o mesmo layout da melhor forma em um dispositivo menor, como um celular, a redução do número de colunas do mesmo grid proporcionará um melhor resultado. Veja nas imagens a seguir:

Layout com 4 colunas:

Grids

Layout com 8 colunas:

Grids

Layout com 12 colunas:

Grids

Você entenderá melhor o conceito de Grids aplicado ao Design Responsivo assistindo o vídeo a seguir.

7 / 14