[cv - 2011.2] 12 - organizacao visual
TRANSCRIPT
Princípios da organização visual
Baseado no Livro Design para quem
não é designer (Robin Williams)
Princípios da organização visual
Prof. Aderson Sampaio
Princípios da organização visual
Desafio
Princípios da organização visual
Desafio
CONTEÚDO FORMA X
Princípios da organização visual
§ 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
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
A formação de grupos é o principal item deste princípio
Princípios da organização visual
Proximidade
Princípios da organização visual
Princípios da organização visual
Princípios da organização visual
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Proximidade
Princípios da organização visual
Alinhamento
Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Com um alinhamento bem definido, o material parece ser melhor organizado.
A linha invisível que passa por aqui conectando o texto.
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Alinhamento
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Nada parece atrair de imediato o olhar do leitor
Princípios da organização visual
Contraste
Agora, o olhar é mais facilmente direcionado que o modelo anterior
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Princípios da organização visual
Contraste
Princípios da organização visual
Repetição
Algum aspecto do design deve repetir-se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Princípios da organização visual
Repetição
Algum aspecto do design deve repetir-se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte.
Princípios da organização visual
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
Princípios da organização visual
Erros
1 Texto todo em maiúsculas.
Princípios da organização visual
Erros
2 “Botões” que não são botões.
Princípios da organização visual
Erros
3 Exagero no tamanho dos botões.
Princípios da organização visual
Erros
4 Uso de fundo que não permita um bom contraste.
Princípios da organização visual
Erros
5 Formato da página que ultrapassa o tamanho do monitor do seu cliente.
Princípios da organização visual
Acertos
1 Clareza e limpeza.
Princípios da organização visual
Acertos
2 Uso inteligente do espaço em branco.
Princípios da organização visual
Apresentação Visual de Informações
Adaptado dos Livros Design para quem não é designer | Web design para não designers
Robin Williams
Princípios da organização visual
WILLIAMS, Robin. Design para quem não é designer: noções básicas de planejamento visual. São Paulo: Callis, 1995.
Bibliografia