Planejamento Visual - Produção Gráfica - 2022

Planejamento Visual - Produção Gráfica - 2022

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

3. Os 4lugares onde as linhas
horizontaisse cruzam com as verticais,
são chamados Pontos de Ouro. Os
Pontos de Ouro representam as áreas
de maior interesseno design
paraoobservador.

6. #01 –LEIS COMPOSITIVAS
PLANEJAMENTO VISUAL

7. Leis que regem os impressos
segundo sua funcionalidade e
estética.
LEIS
COMPOSITIVAS

8. A unidade diz respeito a
harmonia das forças
tipológicas e ilustrativas
relacionadas à estática.
Analisamos a unidade
levando em conta a escolha
de caracteres, ilustrações,
formatos, etc.
UNIDADE

9. A unidade diz respeito a
harmonia das forças
tipológicas e ilustrativas
relacionadas à estática.
Analisamos a unidade
levando em conta a escolha
de caracteres, ilustrações,
formatos, etc.
RITMO

10. RITMO

11. RITMO

12. RITMO

13. RITMO

14. PLANEJAMENTO VISUAL
#02 –PROXIMIDADE

15. 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

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

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

18. 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

19. 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.

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

21. EXEMPLO

22. EXEMPLO

23. EXEMPLO

24. PLANEJAMENTO VISUAL
#02 –ALINHAMENTO

25. 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

26. 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.

27. 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.

28. 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.

29. 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

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

31. Este texto está
alinhado à
esquerda.

32. Este texto está
alinhado à
direita.

33. Este texto está
centralizado.

34. Este textoestá
justificado.
Algumaspessoaso
classificam como
blocado.

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

36. EXEMPLO

37. EXEMPLO

38. EXEMPLO

39. EXEMPLO

40. EXEMPLO

41. EXEMPLO

42. PLANEJAMENTO VISUAL
#03 –REPETIÇÃO

43. 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

44. O QUE REPETE?

45. O QUE REPETE?

46. O QUE REPETE?

47. 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.

48. PLANEJAMENTO VISUAL
#04 –CONTRASTE

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

50. 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

51. REGRA!
FUNDO ESCURO –LETRA
CLARA!
FUNDO CLARO –LETRA
ESCURA!

52. SEM CONTRASTE

53. COM CONTRASTE

54. SEM
CONTRASTE
COM CONTRASTE

55. EXEMPLO

56. EXEMPLO

57. EXEMPLO

58. EXEMPLO

59. 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.

60. PLANEJAMENTO VISUAL
PROD GRÁFICA I –RENATO MELO –2022