INF 533 - Programação para a Web Noções de Planejamento Visual Prof. Célio Guimarães     IC - Unicamp

Atualizado em 24-Maio-2007

Hints extraídos de Design para quem não é Designer, Robin Williams, 1995

Os quatro princípios básicos

• Proximidade
  Itens relacionados entre si devem ser agrupados,
  e vistos como um conjunto coeso (elemento);
  itens não relacionados e próximos tornam-se um emaranhado de partes sem ligação.

• Alinhamento
  Cada elemento deve ter uma ligação visual com outros elementos;
  nada deve ser colocado arbitrariamente numa página;
  elementos separados ficarão conectados por uma linha invisível, formando uma unidade coesa.

• Contraste
  Elementos meramente similares devem ser diferenciados;
  o contraste permite criar uma hierarquia organizacional entre eles;
  pode ser a mais importante atração visual de uma página

• Repetição
  Repita os elementos visuais: cor, forma, textura, tamanhos, fonts, etc, de forma consistente,
  tornando a repetição um elemento-chave visual que unifica o material.

Conselhos adicionais de Jakob Nielsen: como usuários lêm na Web

• Pessoas fazem leitura dinâmica na Web, aos saltos, à procura de palavras ou sentenças chaves.
• Enfatize palavras chaves (links também têm efeito de enfatização)
• Coloque cabeçalhos com significado claro
• Use uma idéia por parágrafo: é o mesmo conceito de elemento acima
• Concisão: use metade das palavras (ou menos) de um texto convencional impresso
• Use o estilo da pirâmide invertida, começando pela conclusão
• Transmita credibilidade via boa escrita, alta qualidade dos gráficos/texto, links externos.
• Evite estilo promocional exagerado, como: é o produto mais quente do mercado.