Click here to load reader

[cv - 2011.2] 12 - organizacao visual

  • View
    1.162

  • Download
    0

Embed Size (px)

Text of [cv - 2011.2] 12 - organizacao visual

  • 1. Princpios daorganizao visualProf. Aderson Sampaio Baseado no LivroDesign para quem no designer(Robin Williams)

2. Princpios daorganizao visualDesafio 3. Princpios daorganizao visualDesafio CONTEDO X FORMA 4. Proximidade Itens relacionados entre si devem ser agrupados visualmente AlinhamentoPrincpios da Nada deve ser colocadoorganizao visual arbitrariamente em uma pgina. Cada item deve ter uma conexo visual com algo na pginaPrincpios Contraste Se dois itens no pertencerem mesma categoria, diferencie-os completamente Repetio Algum aspecto do design deve repetir-se no material como um todo 5. Princpios daorganizao visualProximidade 6. Princpios daorganizao visualProximidade 7. Princpios daorganizao visualProximidade 8. Princpios daorganizao visualProximidade 9. A formao de grupos o principal item deste princpioPrincpios daorganizao visualProximidade 10. Princpios daorganizao visualProximidade 11. Princpios daorganizao visual 12. Princpios daorganizao visual 13. Princpios daorganizao visual 14. Princpios daorganizao visualProximidade 15. Princpios daorganizao visualProximidade 16. Princpios daorganizao visualProximidade 17. Princpios daorganizao visualProximidade 18. Princpios daorganizao visualProximidade 19. Princpios daorganizao visualProximidade 20. Princpios daorganizao visualProximidade 21. Princpios daorganizao visualAlinhamento Nada deve ser colocado arbitrariamente em uma pgina. Cada item deve ter uma conexo visual com algo na pgina. 22. Princpios daorganizao visualAlinhamento 23. Princpios daorganizao visualAlinhamento 24. Com um alinhamento bem definido, o material parece ser melhor organizado.Princpios daorganizao visualAlinhamento A linha invisvel que passa por aqui conectando o texto. 25. Princpios daorganizao visualAlinhamento 26. Princpios daorganizao visualAlinhamento 27. Princpios daorganizao visualAlinhamento 28. Princpios daorganizao visualAlinhamento 29. Princpios daorganizao visualAlinhamento 30. Princpios daorganizao visualAlinhamento 31. Princpios daorganizao visualAlinhamento 32. Princpios daorganizao visualAlinhamento 33. Princpios daorganizao visualAlinhamento 34. Princpios daorganizao visualContraste 35. Princpios daorganizao visualContraste 36. Princpios daorganizao visualContraste Nada parece atrair de imediato o olhar do leitor 37. Princpios daorganizao visualContraste Agora, o olhar mais facilmente direcionado que o modelo anterior 38. Princpios daorganizao visualContraste 39. Princpios daorganizao visualContraste 40. Princpios daorganizao visualContraste 41. Princpios daorganizao visualContraste 42. Princpios daorganizao visualContraste 43. Princpios daorganizao visualRepetio Algum aspecto do design deve repetir- se no material inteiro, reforando unidade visual e tornando o material mais coeso e forte 44. Princpios daorganizao visualRepetio 45. Princpios daorganizao visualRepetio 46. Princpios daorganizao visualRepetio 47. Princpios daorganizao visualRepetio 48. Princpios daorganizao visualRepetio 49. Princpios daorganizao visualRepetio 50. Princpios daorganizao visualRepetio 51. Princpios daorganizao visualRepetio 52. Princpios daorganizao visualRepetio 53. Princpios daorganizao visualRepetio Algum aspecto do design deve repetir- se no material inteiro, reforando unidade visual e tornando o material mais coeso e forte. 54. Erros e acertos em designde pginasPrincpios daorganizao visual Adaptado dos LivrosDesign para quem no designer | Web design para no designers Robin Williams 55. Erros1 Texto todo em maisculas.Princpios daorganizao visual 56. Erros 2 Botes que no so botes.Princpios daorganizao visual 57. Erros 3 Exagero no tamanho dos botes.Princpios daorganizao visual 58. Erros4 Uso de fundo que no permita um bomPrincpios dacontraste.organizao visual 59. Erros5 Formato da pgina que ultrapassaoPrincpios tamanho do monitor do seu cliente. daorganizao visual 60. Acertos1Clareza e limpeza.Princpios daorganizao visual 61. Acertos 2 Uso inteligente do espao em branco.Princpios daorganizao visual 62. Apresentao Visual de InformaesPrincpios daorganizao visual Adaptado dos LivrosDesign para quem no designer | Web design para no designers Robin Williams 63. WILLIAMS, Robin. Design para quem no designer: noes bsicas de planejamento visual. So Paulo: Callis, 1995.Princpios daorganizao visualBibliografia