[cv - 2011.2] 12 - organizacao visual

Princípios da organização visual

Baseado no Livro Design para quem

não é designer (Robin Williams)


Prof. Aderson Sampaio


Desafio


Desafio

CONTEÚDO FORMA X


§  Proximidade

§  Itens relacionados entre si devem ser agrupados visualmente

§  Alinhamento

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

§  Contraste

§  Se dois itens não pertencerem à mesma categoria, diferencie-os completamente

§  Repetição

§  Algum aspecto do design deve repetir-se no material como um todo

Princípios


Proximidade


Proximidade


Proximidade


Proximidade


Proximidade

A formação de grupos é o principal item deste princípio


Proximidade





Proximidade


Proximidade


Proximidade


Proximidade


Proximidade


Proximidade


Proximidade


Alinhamento

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


Alinhamento


Alinhamento


Alinhamento

Com um alinhamento bem definido, o material parece ser melhor organizado.

A linha invisível que passa por aqui conectando o texto.


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Alinhamento


Contraste


Contraste


Contraste

Nada parece atrair de imediato o olhar do leitor


Contraste

Agora, o olhar é mais facilmente direcionado que o modelo anterior


Contraste


Contraste


Contraste


Contraste


Contraste


Repetição

Algum aspecto do design deve repetir-se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte


Repetição


Repetição


Repetição


Repetição


Repetição


Repetição


Repetição


Repetição


Repetição


Repetição

Algum aspecto do design deve repetir-se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte.


Erros e acertos em design de páginas

Adaptado dos Livros Design para quem não é designer | Web design para não designers

Robin Williams


Erros

1 Texto todo em maiúsculas.


Erros

2 “Botões” que não são botões.


Erros

3 Exagero no tamanho dos botões.


Erros

4 Uso de fundo que não permita um bom contraste.


Erros

5 Formato da página que ultrapassa o tamanho do monitor do seu cliente.


Acertos

1 Clareza e limpeza.


Acertos

2 Uso inteligente do espaço em branco.


Apresentação Visual de Informações

Adaptado dos Livros Design para quem não é designer | Web design para não designers

Robin Williams


WILLIAMS, Robin. Design para quem não é designer: noções básicas de planejamento visual. São Paulo: Callis, 1995.

Bibliografia