[cv - 2011.2] 12 - organizacao visual

1,307 views
1,250 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,307
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
58
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

[cv - 2011.2] 12 - organizacao visual

  1. 1. Princípios daorganização visualProf. Aderson Sampaio Baseado no Livro Design para quem não é designer (Robin Williams)
  2. 2. Princípios daorganização visualDesafio
  3. 3. Princípios daorganização visualDesafio CONTEÚDO X FORMA
  4. 4. §  Proximidade §  Itens relacionados entre si devem ser agrupados visualmente §  AlinhamentoPrincípios da §  Nada deve ser colocadoorganização visual arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na páginaPrincípios §  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
  5. 5. Princípios daorganização visualProximidade
  6. 6. Princípios daorganização visualProximidade
  7. 7. Princípios daorganização visualProximidade
  8. 8. Princípios daorganização visualProximidade
  9. 9. A formação de grupos é o principal item deste princípioPrincípios daorganização visualProximidade
  10. 10. Princípios daorganização visualProximidade
  11. 11. Princípios daorganização visual
  12. 12. Princípios daorganização visual
  13. 13. Princípios daorganização visual
  14. 14. Princípios daorganização visualProximidade
  15. 15. Princípios daorganização visualProximidade
  16. 16. Princípios daorganização visualProximidade
  17. 17. Princípios daorganização visualProximidade
  18. 18. Princípios daorganização visualProximidade
  19. 19. Princípios daorganização visualProximidade
  20. 20. Princípios daorganização visualProximidade
  21. 21. Princípios daorganização visualAlinhamento Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.
  22. 22. Princípios daorganização visualAlinhamento
  23. 23. Princípios daorganização visualAlinhamento
  24. 24. Com um alinhamento bem definido, o material parece ser melhor organizado.Princípios daorganização visualAlinhamento A linha invisível que passa por aqui conectando o texto.
  25. 25. Princípios daorganização visualAlinhamento
  26. 26. Princípios daorganização visualAlinhamento
  27. 27. Princípios daorganização visualAlinhamento
  28. 28. Princípios daorganização visualAlinhamento
  29. 29. Princípios daorganização visualAlinhamento
  30. 30. Princípios daorganização visualAlinhamento
  31. 31. Princípios daorganização visualAlinhamento
  32. 32. Princípios daorganização visualAlinhamento
  33. 33. Princípios daorganização visualAlinhamento
  34. 34. Princípios daorganização visualContraste
  35. 35. Princípios daorganização visualContraste
  36. 36. Princípios daorganização visualContraste Nada parece atrair de imediato o olhar do leitor
  37. 37. Princípios daorganização visualContraste Agora, o olhar é mais facilmente direcionado que o modelo anterior
  38. 38. Princípios daorganização visualContraste
  39. 39. Princípios daorganização visualContraste
  40. 40. Princípios daorganização visualContraste
  41. 41. Princípios daorganização visualContraste
  42. 42. Princípios daorganização visualContraste
  43. 43. Princípios daorganização visualRepetição Algum aspecto do design deve repetir- se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte
  44. 44. Princípios daorganização visualRepetição
  45. 45. Princípios daorganização visualRepetição
  46. 46. Princípios daorganização visualRepetição
  47. 47. Princípios daorganização visualRepetição
  48. 48. Princípios daorganização visualRepetição
  49. 49. Princípios daorganização visualRepetição
  50. 50. Princípios daorganização visualRepetição
  51. 51. Princípios daorganização visualRepetição
  52. 52. Princípios daorganização visualRepetição
  53. 53. Princípios daorganização visualRepetição Algum aspecto do design deve repetir- se no material inteiro, reforçando unidade visual e tornando o material mais coeso e forte.
  54. 54. Erros e acertos em design de páginasPrincípios daorganização visual Adaptado dos Livros Design para quem não é designer | Web design para não designers Robin Williams
  55. 55. Erros 1 Texto todo em maiúsculas.Princípios daorganização visual
  56. 56. Erros 2 “Botões” que não são botões.Princípios daorganização visual
  57. 57. Erros 3 Exagero no tamanho dos botões.Princípios daorganização visual
  58. 58. Erros 4 Uso de fundo que não permita um bomPrincípios da contraste.organização visual
  59. 59. Erros 5 Formato da página que ultrapassa oPrincípios tamanho do monitor do seu cliente. daorganização visual
  60. 60. Acertos 1 Clareza e limpeza.Princípios daorganização visual
  61. 61. Acertos 2 Uso inteligente do espaço em branco.Princípios daorganização visual
  62. 62. Apresentação Visual de InformaçõesPrincípios daorganização visual Adaptado dos Livros Design para quem não é designer | Web design para não designers Robin Williams
  63. 63. WILLIAMS, Robin. Design para quem não é designer: noções básicas de planejamento visual. São Paulo: Callis, 1995.Princípios daorganização visualBibliografia

×