LAYOUT É TUDO
ALINHAMENTO E GRADE
Um simples alinhamento pode fazer a diferença entre design ou um trabalho amador e bagunçado. Sempre tente manter um mesmo estilo de alinhamento para cada página.
Se dividirmos uma página em colunas de mesma largura, temos uma grade. Assim podemos alinhar os elementos entre essas colunas para criar uma página balanceada e estruturada.
Tudo bem sair fora da grade. Mas a intenção deve ser clara e o resultado melhor. Caso a sua intenção não seja clara, melhor se manter dentro da grade.
Reutilize os mesmo valores através de todos os seus designs. Se você utilizou por exemplo 30px de intervalo entre as colunas, utilize 30px para outros espaços verticais.
HIERARQUIA VISUAL
Hierarquia visual é ajudar o público a digerir a informação facilmente. Só podemos nos focar em uma coisa de cada vez. Quando tudo é de igual importância, não sabemos onde olhar primeiro. Ficamos tontos com um caos de informações. Mas um bom design ajuda a guiar o olhar do público para o que é mais importante.
Estabelecer a hierarquia visual é bem simples: maior é mais visível e, portanto, está mais alto na hierarquia. Menor é menos visível e estará mais abaixo na hierarquia. Sempre comece com o objeto visual mais importante.
PROXIMIDADE
O bom design gosta de agrupar elementos que tenham algo em comum.
Este é um conceito de design chamado de Proximidade.
A ideia básica da proximidadde é:
- Coisas relacionada devem ficar próximas
- Coisas não relacionadas devem ficar afastadas
