O documento discute quatro princípios fundamentais do planejamento visual: contraste, repetição, alinhamento e proximidade. O contraste enfatiza elementos-chave atraindo a atenção do observador. A repetição cria consistência ao repetir certos elementos visualmente. O alinhamento orienta o processo de leitura do observador. E a proximidade agrupa elementos relacionados para melhor organização das informações.

1. PLANEJAMENTO VISUAL
PROD GRÁFICA I – RENATO MELO – 2020

3. Os 4 lugares onde as linhas
horizontais se cruzam com as verticais,
são chamados Pontos de Ouro. Os
Pontos de Ouro representam as áreas
de maior interesse no design
para o observador.

6. PLANEJAMENTO VISUAL
#01 – PROXIMIDADE

7. Quando tivermos vários itens
relacionados entre si, eles
devem ser agrupados para
que se tornem uma unidade
visual.
Isso ajuda a organizar as
informações e reduz a
desordem para a
visualização.
PROXIMIDADE

8. Iniciantes costumam ter palavras e frases
espalhadas preenchendo todo layout, de
maneira que não sobre espaço livre.
MEDO DO
ESPAÇO VAZIO

9. Escola Superior de Administração,
Marketing e Comunicação Santos-SP
Rua Egydio Martins, 188 Fone: (13) 3231-0614

10. Escola Superior de Administração,
Marketing e Comunicação Santos-SP
Rua Egydio Martins, 188 Fone: (13) 3231-0614
Quantas vezes seu olho parou?
E por onde você começou a leitura?

11. Quando vários itens estão
próximos entre si, eles se
tornam uma unidade visual.
O layout precisa estar
organizado. É preciso saber
por onde começar a leitura e
por onde terminá-la.
PROXIMIDADE

12. A distância desempenha um papel-chave na determinação da
percepção de elementos. Coisas que são próximas entre si
são percebidos como mais relacionadas do que coisas que
estão espalhadas distante.

13. Escola Superior de Administração,
Marketing e Comunicação
Rua Egydio Martins, 188 - Fone: (13) 3231-0614
Santos-SP
AGRUPANDO

14. Na criação de um
anúncio, folheto,
jornal, ou qualquer
material, expresse as
informações
AGRUPANDO-AS.

15. EXEMPLO

16. EXEMPLO

17. EXEMPLO

18. PLANEJAMENTO VISUAL
#02 – ALINHAMENTO

19. Nada deve ser colocado
arbitrariamente em um
layout.
Cada item deve ter uma
conexão visual com algo no
layout.
Não se pode simplesmente
jogar as coisas no layout, nos
lugares onde houver espaço!
ALINHAMENTO

20. Escola Superior de Administração,
Marketing e Comunicação Santos-SP
Rua Egydio Martins, 188 Fone: (13) 3231-0614
Nenhum elemento deste cartão
tem conexão com outro. Parece
que foram jogados no layout.

21. Escola Superior de Administração,
Marketing e Comunicação
Rua Egydio Martins, 188 - Fone: (13) 3231-0614
Santos-SP
Movendo todos os elementos
para a direita, as informações
ficam mais organizadas.

22. Escola Superior de Administração,
Marketing e Comunicação
Rua Egydio Martins, 188 - Fone: (13) 3231-0614
Santos-SP
É como se uma linha invisível
passasse por aqui.

23. Escola Superior de Administração,
Marketing e Comunicação
Rua Egydio Martins, 188 - Fone: (13) 3231-0614
Santos-SP
Aqui, por exemplo, tudo está
alinhado ao centro

24. Lembre-se:
é importante usar apenas um tipo
de alinhamento por página.

25. Este texto está
alinhado à
esquerda.

26. Este texto está
alinhado à
direita.

27. Este texto está
centralizado.

28. Este texto está
justificado.
Algumas pessoas o
classificam como
blocado.

29. Encontre sempre algo na
página para fazer o
alinhamento.
Evite usar mais de um
alinhamento por página.

30. EXEMPLO

31. EXEMPLO

32. EXEMPLO

33. EXEMPLO

34. EXEMPLO

35. EXEMPLO

36. PLANEJAMENTO VISUAL
#03 – REPETIÇÃO

37. Quando utilizamos algum
elemento que se repete no
material todo:
• um elemento de design,
• um fio
• uma fonte bold
• algum formato específico
REPETIÇÃO

38. O QUE REPETE?

39. O QUE REPETE?

40. O QUE REPETE?

41. O QUE REPETE?

42. O propósito básico da repetição é
unificar e acrescentar interesse visual.
Quando há interesse visual, a leitura fica mais
agradável e interessante!
Evite repetir demais um elemento para
que não se torne excessivo.

43. PLANEJAMENTO VISUAL
#04 – CONTRASTE

44. É uma das maneiras mais
eficazes de acrescentar algum
atrativo visual a um layout.
O contraste deve ser forte.
Não seja TÍMIDO!!!
CONTRASTE

45. COMPARE

46. O propósito básico do
contraste é criar interesse
sobre um layout e organizar
as informações.
Evite contrastar cores
parecidas como o preto e o
marrom, linhas finas com
linhas mais grossas.
CONTRASTE

47. EXEMPLO

48. EXEMPLO

49. EXEMPLO

50. EXEMPLO

51. EXEMPLO

52. Resumo:
Contraste: dê destaque ao que deve chamar a
atenção.
Repetição: crie consistência repetindo alguns
elementos.
Alinhamento: defina o processo de leitura do
observador.
Proximidade: faça grupos com elementos que
se relacionam.