SlideShare une entreprise Scribd logo
1  sur  12
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visualArtedoiscmb Cmb
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignCíntia Dal Bello
 
AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualW.COM
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Dhione Oliveira
 
Fundamentos da Linguagem Visual
Fundamentos da Linguagem Visual Fundamentos da Linguagem Visual
Fundamentos da Linguagem Visual Tauana Parreiras
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosDhione Oliveira
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)Mauricio Mallet Duprat
 
Teoria das cores aplicada ao design
Teoria das cores aplicada ao designTeoria das cores aplicada ao design
Teoria das cores aplicada ao designAntonio Alves
 
Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Cíntia Dal Bello
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuaisKeyla Dias
 

Tendances (20)

02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
 
AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visual
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Fundamentos da Linguagem Visual
Fundamentos da Linguagem Visual Fundamentos da Linguagem Visual
Fundamentos da Linguagem Visual
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)Teoria de Desenho (Textura / Iluminação / Signos)
Teoria de Desenho (Textura / Iluminação / Signos)
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Teoria das cores aplicada ao design
Teoria das cores aplicada ao designTeoria das cores aplicada ao design
Teoria das cores aplicada ao design
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 

En vedette

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
 
Marketing de Conteúdo na Web
Marketing de Conteúdo na WebMarketing de Conteúdo na Web
Marketing de Conteúdo na WebElva Vieira
 

En vedette (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
 
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
 
Marketing de Conteúdo na Web
Marketing de Conteúdo na WebMarketing de Conteúdo na Web
Marketing de Conteúdo na Web
 

Similaire à Aula gestalt 01

introdução gestalt
introdução gestaltintrodução gestalt
introdução gestaltcarol brandao
 
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
 

Similaire à Aula gestalt 01 (20)

introdução gestalt
introdução gestaltintrodução gestalt
introdução gestalt
 
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
 
Aula 03 linguagem visual
Aula 03   linguagem visualAula 03   linguagem visual
Aula 03 linguagem visual
 
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
 

Plus de Fabio Silveira: Designer | Professor

Plus de 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
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
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
 

Dernier

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Dernier (9)

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

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