Composição

Com base no tamanho da área de trabalho escolha o número de colunas mais adequado para a composição. Geralmente em formatos mais horizontais um grid de 12 ou 6 colunas colunas funciona melhor. Em formatos quadrados e verticais opte por 4 ou 3 colunas.

Depois que as colunas foram criadas, divida a largura de uma coluna em 2 partes. Essa será a medida de margem do layout.

Aplique essa margem para todos os lados do layout. Em seguida ajuste as medidas das colunas considerando essas margens.

Depois que as margens foram criadas, divida a largura de uma coluna em 4 partes. Essa será a medida dos separadores de coluna (gutter).

Distribuia os separadores ao longo do layout. E pronto, esse será o grid de composição para você criar o material.

Escolha uma das possibilidades de composição e distribua os elementos.