SlideShare a Scribd company logo
1 of 12
Download to read offline
VIsual
Linguagem
Princípios da Gestalt
Fabio Silveira
IED Istituto Europeo di Design
© 2015 - SP
O trabalho Aulas_Linguagem Visual do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-
CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em fabio.designerbr@gmail.com.
Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e
tecnicas apresentadas em sala de aula.
Linguagem Visual 4 Professor Fabio Silveira
2história | Escola da Gestalt
A Escola de Psicologia Experimental da Gestalt 1
foi fundada por Von Ehrenfels 2
, com o intuito
de estudar princípios perceptivos da forma, figura,
estrutura e organização. Em 1910, Max Wertheiner,
Wolfgang Kohler e Kurt Koffka aprofundaram
estes estudos na universidade de Frankfurt
Estas pesquisas experimentais geravam
resultados sobre a análise da forma, percepção,
linguagem, inteligência visual, aprendizagem,
memória, motivação, conduta exploratória
e dinâmica de grupos sociais.
Com estes estudos foi possível estabelecer
parâmetros de avaliação objetiva para julgar
aspectos subjetivos como a beleza de um
determinado objeto ou forma. 3
“gosto ou não gosto”
A Gestalt avalia que a sensação perceptiva no cérebro
não é identica a sensação da retina. A excitação
cerebral não se dá em pontos isolados mas sim por
extensão é a necessidade de entender o todo.
Visão global
Linguagem Visual 4 Professor Fabio Silveira
3história | Escola da Gestalt
O Que você vê na
figura ao lado?
O círculo preto está no centro da moldura?
A experiência visual é dinâmica. Não percebemos
o arranjo de objetos, cores e formas mas sim uma
interação de tensões dirigidas.
O quadrado ao lado está vazio?
Linguagem Visual 4 Professor Fabio Silveira
4história | Escola da Gestalt
O Que você vê na
figura ao lado?
O círculo preto está no centro da moldura?
A experiência visual é dinâmica. Não percebemos
o arranjo de objetos, cores e formas mas sim uma
interação de tensões dirigidas.
O quadrado ao lado está vazio?
Linguagem Visual 4 Professor Fabio Silveira
5história | Escola da Gestalt
A experiência visual é dinâmica.
Não percebemos o arranjo de
objetos, cores e formas mas sim
uma interação de tensões dirigidas.
O Que você vê na
figura ao lado?
O círculo preto está no centro da moldura?
O quadrado ao lado está vazio?
Linguagem Visual 4 Professor Fabio Silveira
6história | Escola da Gestalt
Em qualquer relação espacial entre objetos dispostos
num campo sempre haverá uma distância “correta”
que os olhos estabelecem intuitivamente causando
um conforto visual. O desequilíbrio destas forças no
campo causa um efeito desagradável pois os olhos
não conseguem decidir qual força está atuando
naquele momento.
1. Chrinstiam von Ehrenfels [1859-1932; filósofo Vienense]
2. Doutrina relativa a fenômenos psicológicos e biológicos, que veio a alcançar domínio filosófico, considera esses fenômenos
não mais como soma de elementos por isolar, analisar e dissecar, mas como conjuntos que constituem unidades autônomas,
manifestando uma solidariedade interna e possuindo leis próprias, donde resulta que o modo de ser de cada elemento depende
da estrutura do conjunto e das leis que o regem, não podendo nenhum dos elementos preexistir ao conjunto; teoria da forma; [Al.,
‘forma’, ‘figura’, ‘configuração’.] [fonte Aurélio XXI]
3. FRACCAROLI, Caetano. A percepção da forma e sua relação com o fenômeno artístico - O problema visto através da Gestalt. [Aula
30] São Paulo, Edusp. 1952. p.1
4. http://www.ritsumei.ac.jp/~akitaoka/index-e.html
4 >
ˇ
Linguagem Visual 4 Professor Fabio Silveira
7equilíbrio | Gestalt
Duas forças de igual intensidade
que “puxam” para direções diferentes.
O equilíbrio visual é o estado de distribuição no qual
toda a ação chega a uma pausa.
Isso não quer dizer necessariamente que teremos
uma composição simétrica
5 >
6 >>
7 >
< 8
Linguagem Visual 4 Professor Fabio Silveira
8peso | Gestalt
intensidade da força gravitacional
que atrai os objetos para baixo.
Nas composições visuais o peso de um
elemento pode ser atráido para outras direções.
O peso sofre influência da localização
e da profundidade espacial
O tamanho dos elementos também infuencia
no seu peso visual. Numa composição o maior
objeto em relação aos demais sempre parecerá
mais pesado
5. Man Ray, Le Violon d’Ingres. 1924
6. Piet Mondrian, Composition with Large Blue Plane, Red, Black, Yellow, and Gray. 1921
7. Espreguiçadeira de balanço. Oscar Niemeyer. 1977
8. Henri Matisse, La Danse (I). 1909
9. Edward Weston. Woodlawn Planation, Lousiana. 1941
9 >
Linguagem Visual 4 Professor Fabio Silveira
9direção | Gestalt
Alto: sobrejulgar a resistência, vitória, positvismo
Baixo: descer, cair, submissão, passivo, depressivo
Horizontal: passividade, bucolismo, estabilidade
Vertical: Vitória, positivismo, imponência
Direita e Esquerda:
A assimetria lateral se manifesta numa distribuição
desigual de peso e num vetor dinâmico que vai da
esquerda para a direita do campo visual. Qualquer
objeto pictórico parace mais pesado do lado direito
do quadro. Quando dois objetos iguais são
apresentados nas metades esquerda direita
do campo visual, o da direita parecerá maior. Para
que tenham semelhança o objeto da esquerda precisa
ser aumentado de tamanho.
Sentido ocidental de leitura da esquerda
para a direita de cima para baixo.
Linguagem Visual 4 Professor Fabio Silveira
10Gestalt | Forças internas de organização
Nos experimentos feitos pela Escola da Gestalt 1
foram determinadas certas constantes nas forças
internas devido sua maneira de estruturação e
ordenação. São estas forças que explicam porque
vemos um arranjo de elementos no espaço de
determinada maneira e de outra não. Estas forças são
basicamente as forças de unificação e segregação.
1. FRACCAROLI, Caetano. A percepção da forma e sua relação com o fenômeno artístico - O problema visto através da Gestalt. [Aula
30] São Paulo, Edusp. 1952. p.1
Unificação
A unificação consiste na igualdade ou semelhança
dos elementos [estímulos] em um determinado
campo. Qualquer aspecto da percepção pode causar
agrupamento por semelhança: forma, claridade, cor,
localização espacial, movimento, etc…
» As quatro estações de Giuseppe Arcimboldo
	 Obra de Alfredo Volpi [1950],
	 Proun G7 [1923] El Lissitzky;
Linguagem Visual 4 Professor Fabio Silveira
11Gestalt | Forças internas de organização
segregação
É a capacidade perceptiva de separar, identificar e
destacar as unidades formais.
O fechamento é um importante fator de unificação
de uma unidade. As forças se organizam
espontaneamente para uma ordenação espacial
unindo os intervalos e estabelecendo ligações
Fatores de
agrupamento
	 – número
	 – posição
	 – proximidade
	 – semelhança
	 – intervalo
	 – sobreposição
	 – direção
	 – justaposição
	 – fechamento
	 – continuidade
Linguagem Visual 4 Professor Fabio Silveira
12proposta 1 | Gestalt
Estabelecer um campo visual
com a dimensão de 20x20cm.
Elaborar uma composição bidimensional levando
em consideração os princípios compositivos vistos
até o momento. [peso, direção, tamanho, equilíbrio]
Os elementos disponíveis para estas composições
devem ser quadrados com três tamanhos diferentes.
Comp. I : Simétrica utilizando 5 elementos
Comp. II : Assimétrica utilizando 7 elementos
Comp. III : Simétrica com 9 elementos
Comp. IV: Assimétrica com 12 elementos
20
20
CAMPO
ELEMENTOS

More Related Content

What's hot

AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualW.COM
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalKadu Sp
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visualguest1c7f7f
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.Renata_Vasconcelos
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltDanilo Aroeira
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoDébora Cseri
 
Elementos visuais da forma
Elementos visuais da forma Elementos visuais da forma
Elementos visuais da forma Márcia Siqueira
 
Aula 03 design gráfico na publicidade simetria e assimetria
Aula 03   design gráfico na publicidade simetria e assimetriaAula 03   design gráfico na publicidade simetria e assimetria
Aula 03 design gráfico na publicidade simetria e assimetriaElizeu Nascimento Silva
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualWilliam Marques
 

What's hot (20)

AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visual
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Leis Visuais Gestalt
Leis Visuais GestaltLeis Visuais Gestalt
Leis Visuais Gestalt
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Aula 01 desenho de observação
Aula 01 desenho de observaçãoAula 01 desenho de observação
Aula 01 desenho de observação
 
O Cartaz
O CartazO Cartaz
O Cartaz
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e Plano
 
Aula 03 linguagem visual
Aula 03   linguagem visualAula 03   linguagem visual
Aula 03 linguagem visual
 
Elementos visuais da forma
Elementos visuais da forma Elementos visuais da forma
Elementos visuais da forma
 
Aula 03 design gráfico na publicidade simetria e assimetria
Aula 03   design gráfico na publicidade simetria e assimetriaAula 03   design gráfico na publicidade simetria e assimetria
Aula 03 design gráfico na publicidade simetria e assimetria
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Elementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visualElementos fundamentais da linguagem visual
Elementos fundamentais da linguagem visual
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 

Viewers also liked

Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignClaudia Bordin Rodrigues
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas WebModeradora
 
Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leisFelipe Fernandes
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 
Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Rildo (@rildosan) Santos
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDra. Camila Hamdan
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websitesIntrus
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 

Viewers also liked (20)

Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 
Haccp
HaccpHaccp
Haccp
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
 
Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leis
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]Business Analysis Canvas [Canvas para Análise de Negócio]
Business Analysis Canvas [Canvas para Análise de Negócio]
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websites
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Elementos visuais I
Elementos visuais IElementos visuais I
Elementos visuais I
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
 

Similar to Aula gestalt 01

introdução gestalt
introdução gestaltintrodução gestalt
introdução gestaltcarol brandao
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Denise Lima
 
Conceituaçao da forma gestalt02
Conceituaçao da forma gestalt02Conceituaçao da forma gestalt02
Conceituaçao da forma gestalt02Antenor Lago
 
7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 okbrandermarlonxavier
 
Gestalt Ligia Fascioni - Percepção da Forma - Leis da Gestalt
Gestalt Ligia Fascioni - Percepção da Forma - Leis da GestaltGestalt Ligia Fascioni - Percepção da Forma - Leis da Gestalt
Gestalt Ligia Fascioni - Percepção da Forma - Leis da GestaltLuiza Amaral
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumoRafo Barbosa
 
Representações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisRepresentações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisGracieli Henicka
 
Trabalhando Ciências Humanas nos Anos Iniciais III
Trabalhando Ciências Humanas nos Anos Iniciais IIITrabalhando Ciências Humanas nos Anos Iniciais III
Trabalhando Ciências Humanas nos Anos Iniciais IIIluciany-nascimento
 
ApresentaçãO Módulo 2 CGA
ApresentaçãO Módulo 2 CGAApresentaçãO Módulo 2 CGA
ApresentaçãO Módulo 2 CGAElisabete Silva
 
Representação social e Generalização do Particular
Representação social e Generalização do ParticularRepresentação social e Generalização do Particular
Representação social e Generalização do ParticularHenriqueZimer
 

Similar to Aula gestalt 01 (20)

introdução gestalt
introdução gestaltintrodução gestalt
introdução gestalt
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
Teoria da Gestalt
Teoria da GestaltTeoria da Gestalt
Teoria da Gestalt
 
Conceituaçao da forma gestalt02
Conceituaçao da forma gestalt02Conceituaçao da forma gestalt02
Conceituaçao da forma gestalt02
 
Percepção visual
Percepção visualPercepção visual
Percepção visual
 
Gestalt do objeto
Gestalt do objetoGestalt do objeto
Gestalt do objeto
 
7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok7 ges-teoria-palestra-outubro-06 ok
7 ges-teoria-palestra-outubro-06 ok
 
Aula3 designgrafico
Aula3 designgraficoAula3 designgrafico
Aula3 designgrafico
 
Teoria da forma
Teoria da formaTeoria da forma
Teoria da forma
 
Teoria da forma
Teoria da formaTeoria da forma
Teoria da forma
 
Gestalt Ligia Fascioni - Percepção da Forma - Leis da Gestalt
Gestalt Ligia Fascioni - Percepção da Forma - Leis da GestaltGestalt Ligia Fascioni - Percepção da Forma - Leis da Gestalt
Gestalt Ligia Fascioni - Percepção da Forma - Leis da Gestalt
 
Interface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da GestaltInterface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da Gestalt
 
Gestalt poligrafo
Gestalt poligrafoGestalt poligrafo
Gestalt poligrafo
 
Design Gráfico: Um resumo
Design Gráfico: Um resumoDesign Gráfico: Um resumo
Design Gráfico: Um resumo
 
Representações sociais mentais e proposicionais
Representações sociais mentais e proposicionaisRepresentações sociais mentais e proposicionais
Representações sociais mentais e proposicionais
 
Gestalt2
Gestalt2Gestalt2
Gestalt2
 
Trabalhando Ciências Humanas nos Anos Iniciais III
Trabalhando Ciências Humanas nos Anos Iniciais IIITrabalhando Ciências Humanas nos Anos Iniciais III
Trabalhando Ciências Humanas nos Anos Iniciais III
 
ApresentaçãO Módulo 2 CGA
ApresentaçãO Módulo 2 CGAApresentaçãO Módulo 2 CGA
ApresentaçãO Módulo 2 CGA
 
Representação social e Generalização do Particular
Representação social e Generalização do ParticularRepresentação social e Generalização do Particular
Representação social e Generalização do Particular
 
PERCEPÇÃO VISUAL
PERCEPÇÃO VISUALPERCEPÇÃO VISUAL
PERCEPÇÃO VISUAL
 

More from Fabio Silveira: Designer | Professor

More from Fabio Silveira: Designer | Professor (20)

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
 
Projeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SPProjeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SP
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Design Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São PauloDesign Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São Paulo
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Palestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BRPalestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BR
 
Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
 
Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3
 
Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2
 

Aula gestalt 01

  • 1. VIsual Linguagem Princípios da Gestalt Fabio Silveira IED Istituto Europeo di Design © 2015 - SP O trabalho Aulas_Linguagem Visual do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição-NãoComercial- CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
  • 2. Linguagem Visual 4 Professor Fabio Silveira 2história | Escola da Gestalt A Escola de Psicologia Experimental da Gestalt 1 foi fundada por Von Ehrenfels 2 , com o intuito de estudar princípios perceptivos da forma, figura, estrutura e organização. Em 1910, Max Wertheiner, Wolfgang Kohler e Kurt Koffka aprofundaram estes estudos na universidade de Frankfurt Estas pesquisas experimentais geravam resultados sobre a análise da forma, percepção, linguagem, inteligência visual, aprendizagem, memória, motivação, conduta exploratória e dinâmica de grupos sociais. Com estes estudos foi possível estabelecer parâmetros de avaliação objetiva para julgar aspectos subjetivos como a beleza de um determinado objeto ou forma. 3 “gosto ou não gosto” A Gestalt avalia que a sensação perceptiva no cérebro não é identica a sensação da retina. A excitação cerebral não se dá em pontos isolados mas sim por extensão é a necessidade de entender o todo. Visão global
  • 3. Linguagem Visual 4 Professor Fabio Silveira 3história | Escola da Gestalt O Que você vê na figura ao lado? O círculo preto está no centro da moldura? A experiência visual é dinâmica. Não percebemos o arranjo de objetos, cores e formas mas sim uma interação de tensões dirigidas. O quadrado ao lado está vazio?
  • 4. Linguagem Visual 4 Professor Fabio Silveira 4história | Escola da Gestalt O Que você vê na figura ao lado? O círculo preto está no centro da moldura? A experiência visual é dinâmica. Não percebemos o arranjo de objetos, cores e formas mas sim uma interação de tensões dirigidas. O quadrado ao lado está vazio?
  • 5. Linguagem Visual 4 Professor Fabio Silveira 5história | Escola da Gestalt A experiência visual é dinâmica. Não percebemos o arranjo de objetos, cores e formas mas sim uma interação de tensões dirigidas. O Que você vê na figura ao lado? O círculo preto está no centro da moldura? O quadrado ao lado está vazio?
  • 6. Linguagem Visual 4 Professor Fabio Silveira 6história | Escola da Gestalt Em qualquer relação espacial entre objetos dispostos num campo sempre haverá uma distância “correta” que os olhos estabelecem intuitivamente causando um conforto visual. O desequilíbrio destas forças no campo causa um efeito desagradável pois os olhos não conseguem decidir qual força está atuando naquele momento. 1. Chrinstiam von Ehrenfels [1859-1932; filósofo Vienense] 2. Doutrina relativa a fenômenos psicológicos e biológicos, que veio a alcançar domínio filosófico, considera esses fenômenos não mais como soma de elementos por isolar, analisar e dissecar, mas como conjuntos que constituem unidades autônomas, manifestando uma solidariedade interna e possuindo leis próprias, donde resulta que o modo de ser de cada elemento depende da estrutura do conjunto e das leis que o regem, não podendo nenhum dos elementos preexistir ao conjunto; teoria da forma; [Al., ‘forma’, ‘figura’, ‘configuração’.] [fonte Aurélio XXI] 3. FRACCAROLI, Caetano. A percepção da forma e sua relação com o fenômeno artístico - O problema visto através da Gestalt. [Aula 30] São Paulo, Edusp. 1952. p.1 4. http://www.ritsumei.ac.jp/~akitaoka/index-e.html 4 > ˇ
  • 7. Linguagem Visual 4 Professor Fabio Silveira 7equilíbrio | Gestalt Duas forças de igual intensidade que “puxam” para direções diferentes. O equilíbrio visual é o estado de distribuição no qual toda a ação chega a uma pausa. Isso não quer dizer necessariamente que teremos uma composição simétrica 5 > 6 >> 7 > < 8
  • 8. Linguagem Visual 4 Professor Fabio Silveira 8peso | Gestalt intensidade da força gravitacional que atrai os objetos para baixo. Nas composições visuais o peso de um elemento pode ser atráido para outras direções. O peso sofre influência da localização e da profundidade espacial O tamanho dos elementos também infuencia no seu peso visual. Numa composição o maior objeto em relação aos demais sempre parecerá mais pesado 5. Man Ray, Le Violon d’Ingres. 1924 6. Piet Mondrian, Composition with Large Blue Plane, Red, Black, Yellow, and Gray. 1921 7. Espreguiçadeira de balanço. Oscar Niemeyer. 1977 8. Henri Matisse, La Danse (I). 1909 9. Edward Weston. Woodlawn Planation, Lousiana. 1941 9 >
  • 9. Linguagem Visual 4 Professor Fabio Silveira 9direção | Gestalt Alto: sobrejulgar a resistência, vitória, positvismo Baixo: descer, cair, submissão, passivo, depressivo Horizontal: passividade, bucolismo, estabilidade Vertical: Vitória, positivismo, imponência Direita e Esquerda: A assimetria lateral se manifesta numa distribuição desigual de peso e num vetor dinâmico que vai da esquerda para a direita do campo visual. Qualquer objeto pictórico parace mais pesado do lado direito do quadro. Quando dois objetos iguais são apresentados nas metades esquerda direita do campo visual, o da direita parecerá maior. Para que tenham semelhança o objeto da esquerda precisa ser aumentado de tamanho. Sentido ocidental de leitura da esquerda para a direita de cima para baixo.
  • 10. Linguagem Visual 4 Professor Fabio Silveira 10Gestalt | Forças internas de organização Nos experimentos feitos pela Escola da Gestalt 1 foram determinadas certas constantes nas forças internas devido sua maneira de estruturação e ordenação. São estas forças que explicam porque vemos um arranjo de elementos no espaço de determinada maneira e de outra não. Estas forças são basicamente as forças de unificação e segregação. 1. FRACCAROLI, Caetano. A percepção da forma e sua relação com o fenômeno artístico - O problema visto através da Gestalt. [Aula 30] São Paulo, Edusp. 1952. p.1 Unificação A unificação consiste na igualdade ou semelhança dos elementos [estímulos] em um determinado campo. Qualquer aspecto da percepção pode causar agrupamento por semelhança: forma, claridade, cor, localização espacial, movimento, etc… » As quatro estações de Giuseppe Arcimboldo Obra de Alfredo Volpi [1950], Proun G7 [1923] El Lissitzky;
  • 11. Linguagem Visual 4 Professor Fabio Silveira 11Gestalt | Forças internas de organização segregação É a capacidade perceptiva de separar, identificar e destacar as unidades formais. O fechamento é um importante fator de unificação de uma unidade. As forças se organizam espontaneamente para uma ordenação espacial unindo os intervalos e estabelecendo ligações Fatores de agrupamento – número – posição – proximidade – semelhança – intervalo – sobreposição – direção – justaposição – fechamento – continuidade
  • 12. Linguagem Visual 4 Professor Fabio Silveira 12proposta 1 | Gestalt Estabelecer um campo visual com a dimensão de 20x20cm. Elaborar uma composição bidimensional levando em consideração os princípios compositivos vistos até o momento. [peso, direção, tamanho, equilíbrio] Os elementos disponíveis para estas composições devem ser quadrados com três tamanhos diferentes. Comp. I : Simétrica utilizando 5 elementos Comp. II : Assimétrica utilizando 7 elementos Comp. III : Simétrica com 9 elementos Comp. IV: Assimétrica com 12 elementos 20 20 CAMPO ELEMENTOS