16/09/2013

1

Prof. José Wilker

1

Princípios da Gestalt proximidade, fechamento, continuidade e unificação

2

Assunto da aula passada:

• O que é a Gestalt

• Primeiros princípios

Semelhança

Unidade

Pregnância

Proximidade

Fechamento

Continuidade

Unificação

Repeteco – aula passada

Prof. José Wilker

3

Princípios da Gestalt proximidade, fechamento, continuidade e unificação

4

Proximidade - conceitos

Quando vários itens

estão próximos entre

si, eles se tornam uma

unidade visual e não

várias unidades

separadas. Assim

como na vida a

proximidade indica

uma relação. (ROBIN, 2009).

5

Proximidade – Exemplos e Aplicação

E-banner da Universidade do Oeste

6

Proximidade – Exemplos e Aplicação

Páginas do Google e Gmail

16/09/2013

2

7

Proximidade – Exemplos e Aplicação

Hierarquia da informação

8

Proximidade – Exemplos e Aplicação

Hierarquia da informação – site americanas

9

Proximidade – Exemplos e Aplicação

Hierarquia da informação – antigo e novo layot do portal uol 10

Proximidade – Exemplos e Aplicação

Hierarquia da informação – antigo e novo layot do portal uol

11

Proximidade – Exemplos e Aplicação

cartaz

12

Proximidade – Exemplos e Aplicação

Hierarquia da informação – portal UFBA

16/09/2013

3

13

Proximidade e Semelhança

14

Proximidade e Semelhança – Exemplos

Proximidade e semelhança

15

Hierarquia da informação – portal UFBA

Proximidade e Semelhança – Exemplos

16

Proximidade e Semelhança – Exemplos

Hierarquia da informação – portal UFBA

17

Proximidade e Semelhança – Exemplos

Marca Unilever

18

Fechamento

16/09/2013

4

19

Fechamento - conceitos

No Fechamento objetos agrupados juntos são

vistos como inteiros. Tendemos a ignorar

espaço vazios e completar contornos e linhas.

O Fechamento provoca em nosso cérebro a

necessidade de realizar a complementação da

imagem. Pode ser chamado de “Fechamento

Sensorial da forma”. (DENVIR, 2013).

20

Fechamento – Exemplos e Aplicação

Exemplo clássico de fechamento

21

Fechamento – Exemplos e Aplicação

Exemplo clássico de fechamento

22

Fechamento – Exemplos e Aplicação

Exemplo clássico de fechamento

23

Fechamento – Exemplos e Aplicação

Exemplo clássico de fechamento

24

Fechamento – Exemplos e Aplicação

Marca WWF

16/09/2013

5

25

Fechamento – Exemplos e Aplicação

Marca Johnnie Walker 26

Fechamento – Exemplos e Aplicação

Marca NBA

27

Fechamento – Exemplos e Aplicação

Marca IBM

28

Fechamento – Exemplos e Aplicação

Marca Quaker

29

Fechamento – Exemplos e Aplicação

Pavão escondido na marca NBC

30

Fechamento – Exemplos e Aplicação

Marca Formula 1

16/09/2013

6

31

Continuidade

32

Continuidade - conceitos

É a impressão visual de como as partes se

sucedem através da organização perceptiva da

forma de modo coerente, sem quebras ou

interrupções na sua trajetória ou na sua fluidez

visual. É também a tendência dos elementos de

acompanharem uns aos outros, de maneira tal

que permitam a boa continuidade de

elementos como: pontos, linhas, planos,

volumes, cores texturas, brilhos, degradês, e

outros. (GOMES FILHO, 2006, p.35)

33

Continuidade – Exemplos e Aplicação

Marca Eight – Continuidade e fechamento

34

Continuidade – Exemplos e Aplicação

Exemplos clássicos de continuidade

35

Continuidade – Exemplos e Aplicação

Exemplo clássico de continuidade

36

Continuidade – Exemplos e Aplicação

Exemplos clássicos de continuidade

16/09/2013

7

37

Continuidade – Exemplos e Aplicação

Quando vários elementos apontam para o mesmo canto, por exemplo, nossa mente

tende a acompanhar a direção para a qual a figura aponta.

38

Continuidade – Exemplos e Aplicação

Marca Eight – Continuidade e fechamento

39

Continuidade – Exemplos e Aplicação

Marca Banco do Brasil

40

Continuidade – Exemplos e Aplicação

Cartaz Coca-Cola

41

Continuidade – Exemplos e Aplicação

Exemplos diversos

42

Continuidade – Exemplos e Aplicação

16/09/2013

8

• DESIGN PARA QUEM NAO E DESIGNER

• Formato: Livro

• Autor: WILLIAMS, ROBIN

• Idioma: PORTUGUES

• Editora: CALLIS 2009

43