SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Anatomia da

             mensagem visual
Representação, Simbolismo, Abstração




                    Professor Gabriel Arroyo
Representação
A REALIDADE é a experiência visual
             básica e predominante.


 Todos nós somos a câmera original: todos podemos
  armazenar e recordar toda a gama de informações
               visuais que nos cerca.

  As diferenças entre a câmera e o cérebro humano
remetem à fidelidade da observação e à capacidade de
            reproduzir a informação visual.
Além de um modelo tridimensional realista,
a coisa mais próxima da visão concreta
      de algo, na experiência direta,
     seria uma foto cuidadosamente
            exposta e focada.


    A foto se equipara à habilidade do
 olho e do cérebro : EFEITO REALISTA.
É preciso notar, porém, que toda
experiência visual está fortemente
sujeita à interpretação individual.




                                       Da resposta

                  “Vejo um pássaro” a “Vejo o vôo”

       a mensagem está sempre aberta à modificação
                                       subjetiva.
Da câmara escura aos meios de comunicação de massa,
como o cinema e a fotografia impressa, a web, tem-se
verificado uma firme progressão de meios técnicos mais
aperfeiçoados de fixar e conservar a imagem, e de
mostrá-la a milhões de pessoas em todo o mundo.

O conceito de espaço foi modificado pela capacidade da
câmera de produzir imagens.

O conceito de tempo foi modificado pela imprensa.

Através da fotografia é possível, então, fixar algo no tempo
e no espaço.
Uma pintura ou um desenho de forte realismo podem
produzir um efeito semelhante ao da fotografia.

Os desenhos de John James Audubon, por exemplo,
eram usados como referência técnica (ilustração científica).
De certo modo, a fotografia poderia ser considerada
       mais semelhante ao modelo natural,
mas argumenta-se também que o trabalho do artista
    é mais limpo e claro, uma vez que ele pode
          ser controlado e manipulado.
Simbolismo
O simbolismo requer uma simplificação radical, ou seja,
a redução do detalhe visual a seu mínimo irredutível.



Para ser eficaz, um símbolo não deve apenas ser visto
e reconhecido; deve também ser lembrado,
e mesmo reproduzido.


Não pode, por definição, conter grande quantidade de
informação pormenorizada.
A mesma informação visual básica da forma do pássaro,
acrescida apenas de um ramo de oliveira, transformou-se no
          símbolo facilmente identificável da paz.




 Nesse caso, alguma educação por parte do público se faz necessária
  para que a mensagem seja clara. Porém, quanto mais abstrato for o
 símbolo, mais intensa deverá ser sua penetração na mente do público
                para educá-la quanto ao seu significado.
Todos os sistemas foram desenvolvidos para
    condensar a informação, de tal modo que ela
possa ser registrada e comunicada ao grande público.


         1 2 3 4 5 6 7 8 9 0
Abstração
Quanto mais representacional for a informação visual,
        mais específica será sua referência;
  quanto mais abstrata, mais geral e abrangente.




         Representacional = específica

                  Abstrata = abrangente
Em termos visuais, a abstração é uma simplificação que
         busca um significado mais intenso.


A abstração pode existir não apenas na pureza de uma
  manifestação visual reduzida à mínima informação
 representacional, mas também como abstração pura
         e desvinculada de qualquer relação
           com dados visuais conhecidos.
A escola de pintura abstrata está associada ao século XX,
 e dela faz parte a obra de Picasso, cujo estilo caminhou
               do semi-abstrato ao abstrato.
A abstração é extremamente útil no processo de exploração
           descompromissada de um problema
    e no desenvolvimento de opções e soluções visíveis.


A natureza da abstração libera o visualizador das exigências
   de representar a solução final e consumada, permitindo
   assim que apareçam os elementos visuais puros e que
           as técnicas sejam aplicadas através da
                   experimentação direta.
Representação, Simbolismo, Abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração

Weitere ähnliche Inhalte

Was ist angesagt?

Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
anamargarites
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
DESIGN DIGITAL UNIARA 2012
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
Caio Cæsar
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
DESIGN DIGITAL UNIARA 2012
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
Andrea Dalforno
 
Desenho
DesenhoDesenho
Desenho
CEF16
 
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
Andrea Dalforno
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visual
vivi_belon
 

Was ist angesagt? (20)

Linguagem visual para a organização e representação de recursos imagéticos
Linguagem visual para a organização e representação de recursos imagéticosLinguagem visual para a organização e representação de recursos imagéticos
Linguagem visual para a organização e representação de recursos imagéticos
 
Design Digital Técnicas Visuais
Design Digital Técnicas VisuaisDesign Digital Técnicas Visuais
Design Digital Técnicas Visuais
 
AULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visualAULA 2:Fundamentos composicao visual
AULA 2:Fundamentos composicao visual
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
 
Design Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visualDesign Digital I Percepção e comunicação visual
Design Digital I Percepção e comunicação visual
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
AULA 1: Psicologia da Forma
AULA 1: Psicologia da FormaAULA 1: Psicologia da Forma
AULA 1: Psicologia da Forma
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
 
Design Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x TensãoDesign Digital Fundamentos do Design Equilibrio x Tensão
Design Digital Fundamentos do Design Equilibrio x Tensão
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte I
 
Desenho
DesenhoDesenho
Desenho
 
Aula de alfabetismo visual INES
Aula de alfabetismo visual INESAula de alfabetismo visual INES
Aula de alfabetismo visual INES
 
Técnicas visuais
Técnicas visuaisTécnicas visuais
Técnicas visuais
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contraste
 
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ESTRATÉGIAS DE COMUNICAÇÃO VISUAL
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visual
 

Andere mochten auch

Sintaxe da linguagem visual
Sintaxe da linguagem visualSintaxe da linguagem visual
Sintaxe da linguagem visual
Bruno Marques
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
DESIGN DIGITAL UNIARA 2012
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
DESIGN DIGITAL UNIARA 2012
 

Andere mochten auch (20)

Design Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem VisualDesign Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem Visual
 
Sintaxe da linguagem visual
Sintaxe da linguagem visualSintaxe da linguagem visual
Sintaxe da linguagem visual
 
Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Comunicação visual Artes 8ª serie
Comunicação visual Artes  8ª serieComunicação visual Artes  8ª serie
Comunicação visual Artes 8ª serie
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Tempo da imagem
Tempo da imagemTempo da imagem
Tempo da imagem
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
WebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 BimestreWebMarketing Mídia Digital e Onlene 1 Bimestre
WebMarketing Mídia Digital e Onlene 1 Bimestre
 
Programacao para Web I 02 Internet
Programacao para Web I 02  InternetProgramacao para Web I 02  Internet
Programacao para Web I 02 Internet
 
Design Digital Tipografia II
Design Digital Tipografia IIDesign Digital Tipografia II
Design Digital Tipografia II
 
Programacao para Web I 01 a Historia
Programacao para Web I 01 a HistoriaProgramacao para Web I 01 a Historia
Programacao para Web I 01 a Historia
 
Processador 32 x 64bits
Processador 32 x 64bitsProcessador 32 x 64bits
Processador 32 x 64bits
 
ZL Vórtice - platform development
ZL Vórtice - platform developmentZL Vórtice - platform development
ZL Vórtice - platform development
 
Horario 2012
Horario 2012Horario 2012
Horario 2012
 
Tipografia ii
Tipografia iiTipografia ii
Tipografia ii
 
03 uso das_cores
03 uso das_cores03 uso das_cores
03 uso das_cores
 
07 tecnicas visual
07 tecnicas visual07 tecnicas visual
07 tecnicas visual
 
07 trabalho 7pontos
07 trabalho 7pontos07 trabalho 7pontos
07 trabalho 7pontos
 
Tipografia 01
Tipografia 01Tipografia 01
Tipografia 01
 
Programacao para Web I Projeto do site
Programacao para Web I Projeto do siteProgramacao para Web I Projeto do site
Programacao para Web I Projeto do site
 

Ähnlich wie Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração

Teoria Da Imagem
Teoria Da ImagemTeoria Da Imagem
Teoria Da Imagem
martha
 
Leitura de imagens
Leitura de imagensLeitura de imagens
Leitura de imagens
João Lima
 
Representação e planos
Representação e planosRepresentação e planos
Representação e planos
Marcio Duarte
 
Dondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visualDondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visual
Jaqueline Cruz
 
Arlindo Machado - A fotografia como expressão do conceito
Arlindo Machado - A fotografia como expressão do conceitoArlindo Machado - A fotografia como expressão do conceito
Arlindo Machado - A fotografia como expressão do conceito
Fantoches de Luz
 
Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
melzynhabessa
 

Ähnlich wie Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração (20)

Teoria Da Imagem
Teoria Da ImagemTeoria Da Imagem
Teoria Da Imagem
 
Leitura de imagens
Leitura de imagensLeitura de imagens
Leitura de imagens
 
Espaço plástico
Espaço plásticoEspaço plástico
Espaço plástico
 
Mensagens Visuais.pptx
Mensagens Visuais.pptxMensagens Visuais.pptx
Mensagens Visuais.pptx
 
Dondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visualDondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visual
 
Percepcao visual
Percepcao visualPercepcao visual
Percepcao visual
 
FOTOGRAFIA E TRANSFORMAÇÃO DO OLHAR .
FOTOGRAFIA E TRANSFORMAÇÃO DO OLHAR .FOTOGRAFIA E TRANSFORMAÇÃO DO OLHAR .
FOTOGRAFIA E TRANSFORMAÇÃO DO OLHAR .
 
Representação e planos
Representação e planosRepresentação e planos
Representação e planos
 
Dimensoes da imagem_leci
Dimensoes da imagem_leciDimensoes da imagem_leci
Dimensoes da imagem_leci
 
Seminário Olhares Janaira Franca
Seminário Olhares Janaira FrancaSeminário Olhares Janaira Franca
Seminário Olhares Janaira Franca
 
A linguagem visual aplicada a anúncios publicitários
A linguagem visual aplicada a anúncios publicitáriosA linguagem visual aplicada a anúncios publicitários
A linguagem visual aplicada a anúncios publicitários
 
Dondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visualDondis sintaxe da_linguagem_visual
Dondis sintaxe da_linguagem_visual
 
Renata aguiar rodrigues
Renata aguiar rodriguesRenata aguiar rodrigues
Renata aguiar rodrigues
 
Arlindo Machado - A fotografia como expressão do conceito
Arlindo Machado - A fotografia como expressão do conceitoArlindo Machado - A fotografia como expressão do conceito
Arlindo Machado - A fotografia como expressão do conceito
 
Projeto EU||EU
Projeto EU||EUProjeto EU||EU
Projeto EU||EU
 
Construtivismo
ConstrutivismoConstrutivismo
Construtivismo
 
Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
 
Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
 
Desenho e Percepção Visual modulo 2 cgav
Desenho e Percepção Visual modulo 2 cgavDesenho e Percepção Visual modulo 2 cgav
Desenho e Percepção Visual modulo 2 cgav
 
Leitura de Imagens - Maria de Lourdes Riobom
Leitura de Imagens - Maria de Lourdes RiobomLeitura de Imagens - Maria de Lourdes Riobom
Leitura de Imagens - Maria de Lourdes Riobom
 

Mehr von DESIGN DIGITAL UNIARA 2012 (12)

Programação para Web I Calendario 2012
Programação para Web I Calendario 2012Programação para Web I Calendario 2012
Programação para Web I Calendario 2012
 
Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012Planos de Ensinos de Design Digital 2012
Planos de Ensinos de Design Digital 2012
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
 
Design digital i_exercicio_tipografia
Design digital i_exercicio_tipografiaDesign digital i_exercicio_tipografia
Design digital i_exercicio_tipografia
 
Percepcao e comunicacao_visual
Percepcao e comunicacao_visualPercepcao e comunicacao_visual
Percepcao e comunicacao_visual
 
Design digital i_fundamentos
Design digital i_fundamentosDesign digital i_fundamentos
Design digital i_fundamentos
 
Design Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação VisuaçDesign Digital Percepção e Comunicação Visuaç
Design Digital Percepção e Comunicação Visuaç
 
Design Digital I Psicologia das Cores
Design Digital I Psicologia das CoresDesign Digital I Psicologia das Cores
Design Digital I Psicologia das Cores
 
Design Digital I Teoria das Cores Utilização das Cores
Design Digital I Teoria das Cores Utilização das CoresDesign Digital I Teoria das Cores Utilização das Cores
Design Digital I Teoria das Cores Utilização das Cores
 
Design Digital I Teoria das Cores
Design Digital I Teoria das CoresDesign Digital I Teoria das Cores
Design Digital I Teoria das Cores
 
01 percepcao comunicacao_visual
01 percepcao comunicacao_visual01 percepcao comunicacao_visual
01 percepcao comunicacao_visual
 
01 cores
01 cores01 cores
01 cores
 

Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abstração

  • 1. Anatomia da mensagem visual Representação, Simbolismo, Abstração Professor Gabriel Arroyo
  • 3. A REALIDADE é a experiência visual básica e predominante. Todos nós somos a câmera original: todos podemos armazenar e recordar toda a gama de informações visuais que nos cerca. As diferenças entre a câmera e o cérebro humano remetem à fidelidade da observação e à capacidade de reproduzir a informação visual.
  • 4. Além de um modelo tridimensional realista, a coisa mais próxima da visão concreta de algo, na experiência direta, seria uma foto cuidadosamente exposta e focada. A foto se equipara à habilidade do olho e do cérebro : EFEITO REALISTA.
  • 5. É preciso notar, porém, que toda experiência visual está fortemente sujeita à interpretação individual. Da resposta “Vejo um pássaro” a “Vejo o vôo” a mensagem está sempre aberta à modificação subjetiva.
  • 6. Da câmara escura aos meios de comunicação de massa, como o cinema e a fotografia impressa, a web, tem-se verificado uma firme progressão de meios técnicos mais aperfeiçoados de fixar e conservar a imagem, e de mostrá-la a milhões de pessoas em todo o mundo. O conceito de espaço foi modificado pela capacidade da câmera de produzir imagens. O conceito de tempo foi modificado pela imprensa. Através da fotografia é possível, então, fixar algo no tempo e no espaço.
  • 7. Uma pintura ou um desenho de forte realismo podem produzir um efeito semelhante ao da fotografia. Os desenhos de John James Audubon, por exemplo, eram usados como referência técnica (ilustração científica).
  • 8.
  • 9.
  • 10.
  • 11. De certo modo, a fotografia poderia ser considerada mais semelhante ao modelo natural, mas argumenta-se também que o trabalho do artista é mais limpo e claro, uma vez que ele pode ser controlado e manipulado.
  • 13. O simbolismo requer uma simplificação radical, ou seja, a redução do detalhe visual a seu mínimo irredutível. Para ser eficaz, um símbolo não deve apenas ser visto e reconhecido; deve também ser lembrado, e mesmo reproduzido. Não pode, por definição, conter grande quantidade de informação pormenorizada.
  • 14.
  • 15. A mesma informação visual básica da forma do pássaro, acrescida apenas de um ramo de oliveira, transformou-se no símbolo facilmente identificável da paz. Nesse caso, alguma educação por parte do público se faz necessária para que a mensagem seja clara. Porém, quanto mais abstrato for o símbolo, mais intensa deverá ser sua penetração na mente do público para educá-la quanto ao seu significado.
  • 16.
  • 17.
  • 18. Todos os sistemas foram desenvolvidos para condensar a informação, de tal modo que ela possa ser registrada e comunicada ao grande público. 1 2 3 4 5 6 7 8 9 0
  • 20. Quanto mais representacional for a informação visual, mais específica será sua referência; quanto mais abstrata, mais geral e abrangente. Representacional = específica Abstrata = abrangente
  • 21. Em termos visuais, a abstração é uma simplificação que busca um significado mais intenso. A abstração pode existir não apenas na pureza de uma manifestação visual reduzida à mínima informação representacional, mas também como abstração pura e desvinculada de qualquer relação com dados visuais conhecidos.
  • 22. A escola de pintura abstrata está associada ao século XX, e dela faz parte a obra de Picasso, cujo estilo caminhou do semi-abstrato ao abstrato.
  • 23. A abstração é extremamente útil no processo de exploração descompromissada de um problema e no desenvolvimento de opções e soluções visíveis. A natureza da abstração libera o visualizador das exigências de representar a solução final e consumada, permitindo assim que apareçam os elementos visuais puros e que as técnicas sejam aplicadas através da experimentação direta.
  • 24.
  • 25.
  • 26.