Aula 1 de Direção de Arte - Uninove - 5o. Semestre

1. Direção de Arte
Prof. Lelo Brito
- 5º semestre -

2. Proporção Áurea

3. Fibonacci

4. Quatro Princípios
Básicos do Design
• PROXIMIDADE
• ALINHAMENTO
• REPETIÇÃO
• CONTRASTE

5. PROXIMIDADE
Itens relacionados entre si devem ser
agrupados. Quando vários itens estão
próximos, tornam-se uma identidade
visual, e não várias unidades
individualizadas. Isso ajuda a organizar as
informações e reduz a desordem.

6. PROXIMIDADE
EXEMPLO
Lelo Brito
Diretor Executivo +55 11 2366 9036
lelo.brito@side3.com.br

7. PROXIMIDADE
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br

8. PROXIMIDADE
OUTROS EXEMPLOS

9. PROXIMIDADE
OUTROS EXEMPLOS

10. ALINHAMENTO
Nada deve ser colocado arbitrariamente
em uma página. Cada elemento deve ter
uma ligação visual com outro elemento da
página. Isso cria uma aparência limpa,
sofisticada e suave.

11. ALINHAMENTO
EXEMPLO
Lelo Brito
Diretor Executivo +55 11 2366 9036
lelo.brito@side3.com.br

12. ALINHAMENTO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br

13. ALINHAMENTOS
DOS TEXTOS PODEM SER:
À esquerda
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Centralizados
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
À direita
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in
reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
Justificados
Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.

14. ALINHAMENTOS
ALGUMAS DICAS
A biografia
não autorizada
A trajetória
de um dos maiores
escritores brasileiros.
Rubem Fonseca

15. ALINHAMENTOS
ALGUMAS DICAS
Rubem Fonseca
A biografia
não autorizada
A trajetória
de um dos maiores
escritores brasileiros.

16. ALINHAMENTOS
OUTROS EXEMPLOS

17. ALINHAMENTOS
OUTROS EXEMPLOS

18. ALINHAMENTOS
OUTROS EXEMPLOS

19. REPETIÇÃO
Repita os elementos visuais do design e
espalhe-os pelo material.Você pode
repetir a cor, a forma, a textura e as
relações espaciais, como a espessura, os
tamanhos etc. Isso ajuda a criar uma
organização e fortalece a unidade.

20. REPETIÇÃO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br

21. REPETIÇÃO
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br

22. REPETIÇÃO
OUTROS EXEMPLOS
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Dobradinha
Mitos e fatos
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident.
Modo de fazer
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum dol
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
Antídotos comuns
Ut ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis
aute irure dolor roident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
Dobradinha
Mitos e fatos
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum
dolore eu fugiat nulla pariatur.
Excepteur sint occaecat
cupidatat non proident.
Modo de fazer
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris
nisi ut aliquip ex ea commodo
consequat. Duis aute irure
dolor in reprehenderit in
voluptate velit esse cillum dol
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.
Antídotos comuns
Ut ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut aliquip ex ea
commodo consequat. Duis
aute irure dolor roident, sunt
in culpa qui officia deserunt
mollit anim id est laborum.
X

23. REPETIÇÃO
OUTROS EXEMPLOS

24. REPETIÇÃO
OUTROS EXEMPLOS

25. REPETIÇÃO
OUTROS EXEMPLOS

26. REPETIÇÃO
OUTROS EXEMPLOS

27. CONTRASTE
O objetivo do contraste é evitar elementos
meramente similares em uma página. Se os
elementos (cor, tipo, tamanho, espessura da
linha, forma, espaço etc.) não forem os mesmos,
diferencie-os completamente. O
contraste costuma ser a mais importante
atração visual de uma página.

28. CONTRASTE
EXEMPLO
Lelo Brito
Diretor Executivo
+55 11 2366 9036
lelo.brito@side3.com.br

29. CONTRASTE
OUTROS EXEMPLOS

30. CONTRASTE
OUTROS EXEMPLOS

31. CONTRASTE
OUTROS EXEMPLOS

32. DICA

33. Exercício 1
Escolha 4 anúncios impressos, de qualquer revista. Podem ser de
página única ou página dupla.
Em uma folha à parte, identifique e comente os princípios de
design presentes em cada um deles.
Anexe as anotações aos respectivos anúncios, faça uma capa com
nome e turma e entregue na próxima aula, dia 21/8.
O exercício tem valor de 0 a 10 e não será aceito após o prazo
determinado.
(Sugestão de leitura: páginas 15 a 62 do livro Design para quem não é design, de Robin Williams)

34. Fonte
WILLIAMS, Robin. Design para quem não é designer. São
Paulo: Callis, 1995