Layout

É um esboço ou rascunho que mostra a estrutura física de uma página de jornal, revista ou página de website.
Ele engloba elementos como: textos, gráficos, imagens e formas que complete em determinado espaço.
Layout em português significa: espaço, arranjo, esquema, design ou projeto.

Grids

Grid é um sistema de regras estabelecidas de divisão de espaço, onde se trabalham: quadrados, duplos quadrados e a divisão área.
Ao determinar as melhores proporções de um grid, o designer pode depender inteiramente de sua intuição. Subdividem o layout.
Uma Grid de um designer, organiza um conteúdo específico em relação ao espaço que irá ocupar.
Ele permite que o designer crie diferentes layouts contendo uma variedade de elementos sem fugir da estrutura determinado.