1. COMPOSIÇÃO E DIAGRAMAÇÃO
Prof. Eduardo Rocha

2. PRINCÍPIOS DO DESIGN
 Proximidade
 Repetição
 Alinhamento
 Contraste

3. PRINCÍPIOS DO DESIGN
Diagramação Leiga

4. PRINCÍPIOS DO DESIGN - PROXIMIDADE
PROXIMIDADE
agrupamento de
valores que são
próximos, criando
identidade visual

5. PRINCÍPIOS DO DESIGN - ALINHAMENTO
ALINHAMENTO
o alinhamento tende a
criar uma estética
moderna e sofisticada

6. PRINCÍPIOS DO DESIGN - REPETIÇÃO
REPETIÇÃO
a repetição ajuda na
criação da identidade
visual e na identificação
do itens importantes
dentro da diagramação

7. PRINCÍPIOS DO DESIGN - CONTRASTE
CONTRASTE
o contraste ajuda na
valorização da forma e
quebra a monotonia da
leitura

8. PRINCÍPIO DA COR

9. PRINCÍPIO DA COR

10. PRINCÍPIO DA COR

11. PRINCÍPIO DA COR

12. PRINCÍPIO DA COR

13. PRINCÍPIO DA COR

14. PRINCÍPIO DA COR

15. COMPOSIÇÃO
 SIMÉTRICA
 ASSIMÉTRICA

16. COMPOSIÇÃO SIMÉTRICA
Mantém a colunagem e
a imagem em harmonia

17. COMPOSIÇÃO ASSIMÉTRICA
O ritmo é quebrado
pela modulagem de
textos quebrando
propositadamente a
harmonia da página.
Além disso, outros
elementos da página
contribuem para
quebrar a lineariedade
da leitura

18. TIPOS DE DIAGRAMAÇÃO
 Horizontal
 Vertical
 Modular

19. DIAGRAMAÇÃO HORIZONTAL
A colunagem de texto
acompanha de maneira
horizontal a disposição
dos elementos na
página

20. DIAGRAMAÇÃO VERTICAL
A disposição dos
elementos na página
são verticalizados. O
mesmo pode ocorrer
com fotos, ilustrações e
outros elementos
gráficos

21. DIAGRAMAÇÃO MODULAR
É a mais utilizada no
meio industrial de
jornais e revistas, por
ser composta de
módulos de texto de
tamanho previamente
estabelecido.
É a mais utilizada
porque permite o
encaixe de módulos de
texto e anúncios com
maior facilidade.
Por outro lado, é a
modalidade que
permite menos
criatividade do
diagramador

22. TÉCNICAS DE DIAGRAMAÇÃO
 Técnica do L
 Técnica do U
 Técnica doT
 Técnica do H
 Técnica do I
 Técnica do Suporte

23. DIAGRAMAÇÃO – TÉCNICA DO L

24. DIAGRAMAÇÃO – TÉCNICA DO L

25. DIAGRAMAÇÃO – TÉCNICA DO L

26. DIAGRAMAÇÃO – TÉCNICA DO L

27. DIAGRAMAÇÃO – TÉCNICA DO U

28. DIAGRAMAÇÃO – TÉCNICA DO U

29. DIAGRAMAÇÃO – TÉCNICA DO U

30. DIAGRAMAÇÃO – TÉCNICA DO T

31. DIAGRAMAÇÃO – TÉCNICA DO T

32. DIAGRAMAÇÃO – TÉCNICA DO T

33. DIAGRAMAÇÃO – TÉCNICA DO H

34. DIAGRAMAÇÃO – TÉCNICA DO 4

35. DIAGRAMAÇÃO – TÉCNICA DO 4

36. DIAGRAMAÇÃO – TÉCNICA DO I

37. DIAGRAMAÇÃO – TÉCNICA DO I

38. DIAGRAMAÇÃO – TÉCNICA DO I

39. DIAGRAMAÇÃO – TÉCNICA DO I

40. DIAGRAMAÇÃO – TÉCNICA DO SUPORTE

41. DIAGRAMAÇÃO – TÉCNICA DO SUPORTE

42. DIAGRAMAÇÃO – TÉCNICA DO SUPORTE

43. DIAGRAMAÇÃO – RITMO DE LEITURA
O que não fazer

44. DIAGRAMAÇÃO – RITMO DE LEITURA
O que não fazer

45. DIAGRAMAÇÃO – ÁREAS DE RESPIRO
Valorizando os
espaços em
branco

46. DIAGRAMAÇÃO – ÁREAS DE RESPIRO
Valorizando os
espaços em
branco

47. CRIAÇÃO COM A TIPOLOGIA
Escrita normal
(sem tratamento
tipográfico)
 Um paraíso chamadoCancun

48. CRIAÇÃO COM A TIPOLOGIA
TRABALHANDO O
TAMANHO UM PARAÍSO
CHAMADO CANCÚN

49. CRIAÇÃO COM A TIPOLOGIA
TRABALHANDOA
FONTE

50. CRIAÇÃO COM A TIPOLOGIA
FONTE +TAMANHO

51. CRIAÇÃO COM A TIPOLOGIA
TRABALHANDO O
CONTRASTE
(de tamanho)

52. CRIAÇÃO COM A TIPOLOGIA
TRABALHANDO O
CONTRASTE
(tamanho+cor)

53. CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho + cor + fonte)
CANCÚN

54. CRIAÇÃO COM A TIPOLOGIA
CONTRASTE
(tamanho + cor +
fonte+peso)
CANCÚN

55. CRIAÇÃO COM A TIPOLOGIA
COR
CANCÚN

56. CRIAÇÃO COM A TIPOLOGIA
COR
CANCÚN

57. CRIAÇÃO COM A TIPOLOGIA
COR
CANCÚN

58. CRIAÇÃO COM A TIPOLOGIA
COR
CANCÚN

59. CRIAÇÃO COM A TIPOLOGIA