O layout organiza o texto e as imagens numa página ou ecrã. Define onde os elementos ficam e quanto espaço ocupam. Um layout pode ser denso ou arejado. Pode ser simétrico ou assimétrico. Pode seguir uma grade ou romper com ela. O layout determina a forma como o espectador experiencia o conteúdo. Um layout confuso sobrecarrega. Um layout esparso parece vazio. O equilíbrio ideal depende da mensagem e do meio de comunicação.

Os princípios de layout foram sendo refinados ao longo dos séculos. O design gráfico impresso estabeleceu as regras. As margens dão espaço para o conteúdo respirar. As colunas organizam o texto de forma a facilitar a leitura. O espaço em branco separa os elementos e guia o olhar. A hierarquia mostra o que é mais importante. O design digital adaptou estes princípios aos ecrãs. Os layouts responsivos ajustam-se a diferentes tamanhos de ecrã. Um layout de três colunas para desktop torna-se uma única coluna em dispositivos móveis. O conteúdo reorganiza-se. A hierarquia persiste. O layout também afeta a usabilidade. Um botão posicionado onde os utilizadores esperam que seja clicado. É utilizado um menu de navegação no local padrão. Um formulário com etiquetas claras e agrupamento lógico é preenchido. O layout não é apenas estético. É funcional. Ele molda o comportamento. O designer utiliza o layout para orientar, informar e persuadir. Cada posicionamento é uma decisão. Cada decisão tem consequências.

Princípios de layout

• Margens — espaço em redor do conteúdo
• Colunas — divisões verticais para texto
• Espaço em branco — áreas vazias que separam elementos
• Hierarquia — ordem de importância visual
• Alinhamento — os elementos alinham-se ao longo de arestas comuns.
• Proximidade — os elementos relacionados são agrupados.

Layout é a disposição das peças. As peças importam. Assim como o espaço entre elas.