Princípios de DesignA execução de um design consistente envolve —

mesmo que seja instintivamente — conceitos estéticos consagrados como função e estrutura.

Todos esses fatores são meras variações do mesmo tema de sempre, o bom senso.

Luli Radfahrer

Proximidade

Segundo o princípio da proximidade, itens relacionados entre si devem ser agrupados e aproximados uns dos outros, para que sejam vistos como um conjunto coeso e não como um emaranhado de partes sem ligação.

Quando as partes que compõem uma página são espalhadas, esta página assume uma aparência desorganizada e é possível que as informações não fiquem imediatamente acessíveis ao leitor.

Quando os itens estão agrupados de maneira coerente, o documento fica mais organizado, é possível direcionar a leitura fazendo com que tenha início e fim e os elementos ganham uma identificação mais clara.

Alinhamento

Além de agrupados, os elementos devem estar alinhados, e esse alinhamento deve ser consistente: é bom repeti-lo em todas as páginas, sempre que o assunto ou a hierarquia de elementos (texto, botão, foto, barra de conexão) forem os mesmos.

Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.

Quando os itens são alinhados na página, há uma unidade coesa, mais forte. Mesmo que os elementos estejam separados fisicamente uns dos outros, se estiverem alinhados, haverá uma linha invisível conectando-os.

Alinhamento

O GRID dá apoio à legibilidade, reconhecimento, alinhamento e compreensão da mensagem. Se ele for bem feito vai garantir a repetição (os elementos ficam sempre nos locais esperados), composição (facilita o equilíbrio dos elementos na interface) e comunicação (sua estrutura previsível facilita a compreensão das diversas telas de uma interface). Seu principal uso é a unificação do campo visual em uma mensagem consistente e harmoniosa.

Acima de tudo, um grid deve se encaixar como uma luva ao layout e servir exclusivamente para ele e para nenhum outro. Só assim teremos certeza de que ele está adequado. Grids muito genéricos são como folhas em branco, só que com umas linhas para atrapalhar. Grids muito detalhados são como folhas de papel quadriculado, igualmente inúteis.

Alinhamento

Repetição / Ritmo

Repetição de elementos do design, é um termo normalmente usado na mídia impressa, mas que é importante para a web também. A repetição permite que você crie consistência e uma lógica visual.

A repetição unifica e fortalece o material.

Repetição / Ritmo

Repetição / Ritmo

Contraste

A designer americana Robin Williams divide a relação entre os elementos de um layout nessas três categorias: concordante, conflitante e contrastante.

O contraste é uma das maneiras mais eficazes de acrescentar algum atrativo visual a uma página, criando uma hierarquia organizacional entre diferentes elementos. Um dica importante que deve ser lembrada é a de que para o contraste ser realmente eficaz, ele deve ser forte. Cria-se o contraste quando dois elementos são diferentes. Se dois itens não forem exatamente os mesmos, diferencie-os completamente.

Contraste

Contraste

Contraste