SlideShare uma empresa Scribd logo
1 de 47
4 síntese visual
     |   teoria da comunicação
     |   semiótica
     |   ícone
     |   símbolo
     |   índice
     |   exercícios
    4 Professor Fabio Silveira
    	 Projeto de Programação Visual




     O trabalho Aulas_Projeto Editorial de 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 âmbi-
     to 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.
síntese visual | pictogramas                                                                      2
teoria da comunicação
Os componentes da teoria da comunicação são :



emissor: quem envia a mensagem
mensagem: informação
um contexto de referência
um código: fala, escrita, imagens
recePtor: quem recebe a mensagem.

                                                Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                                       3
modelo de comunicação na visão
de antonio vicente Pietroforte
do livro Semiótica Visual, o Percurso do Olhar


                                   código


     emissor                    mensagem         recePtor


                                referência


                                     meio        Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                                     4




semiótica
(do grego semeion = signo)   {   É a teoria geral dos signos.
                                 Ela estuda o modo pelo qual
                                 se dá a construção dos sentido.




                                                Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                             5




                    {
                        Algo que representa alguma coisa


≥
                        para alguém em determinado
        signo           contexto. Os signos se organizam
                        em códigos, constituindo sistemas
                        de linguagem.




                                       Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                                              6
relações semióticas Pierce
Charles Sanders Pierce

                                           é um segundo signo, equivalente a si
                           interPretante   mesmo ou, eventualmente, um signo mais
                                           desenvolvido, criado na mente do receptor.




     signo                                        objeto
      é aquilo, que,                              o elemento
      sob certo aspecto,                          representado
      representa
      alguma coisa
      para alguém
                                                        Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                            7




                    {
                        é um signo que tem alguma
                        semelhança com o objeto


≥
                        representado. Exemplos de signo
        ícone           icônico: a escultura de uma
                        mulher, uma fotografia de
                        um carro, e mais genericamente,
                        um diagrama, um esquema



                                      Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                     8



                          W
                        abcdegh�
                        ijklmno
                        pqrstu�
                        vwxyz  Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                             9




                    {
                        é um signo que se refere ao objeto
                        denotado em virtude de uma


≥
                        associação de idéias produzidas
  símbolo               por uma convenção. Exemplo:
                        qualquer das palavras de
                        uma língua, a cor verde como
                        símbolo de esperança, amor,
                        idéia,Cristianismo, etc


                                       Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                10




                               Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                       11

≥ Pictograma
 {   Desenho ou signo de
     uma escrita pictográfica.
     Desenho esquemático
     normalizado, destinado
     a significar, especialmente,
     em locais públicos, certas
     indicações simples

                                    Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                    12
                       O primeiro sistema de
                       representação pictórica
                       internacional foi desenvolvida pelo
                       movimento isotYPe, em 1920,
                       por Otto Neurath, em Viena.



                               ≥      em 1976, o american institute
                                      of graphic arts criou, para o
                                      departamento de transporte
                                      norte americano, um sistema
                                      de sinalização pictográfico que
                                      se tornou o padrão internacional
                                      no uso de pictogramas.
síntese visual | referência   13


máxima
informação
com o menor esforço
de identificação
e compreensão
                              r
síntese visual | pictogramas                                                 14




                               Projeto de Programação Visual 4 Professor Fabio Silveira
síntese visual | pictogramas   15
síntese visual | referência                           16


                        Otl

≥
                        Aicher
                         Em 1972, o designer alemão criou
                         os pictogramas dos olimpíadas da
                         alemanha de 1972, que também
                         tiveram um impacto na forma
                         estética da sinalização pública.
síntese visual | pictogramas                                                 17




                               Projeto de Programação Visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                 18




                               Projeto de Programação Visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                 19




                               Projeto de Programação Visual 4 Professor Fabio Silveira
síntese visual | pictogramas   20
síntese visual | referência              21

     Portanto:
,    chama a atenção? É legível?
     É compreendido?

,    as pessoas sabem como agir, de acordo
     com a mensagem que ele transmite?


,    têm força suficiente para influenciar o
     comportamento dos utilizadores?
síntese visual | pictogramas                                                22




                               Projeto de Programação Visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                          23



≥ Painel semântico
        Ou mood board
  QuADRO COm REFERêNCiAS ViSuAiS QuE SERVE PARA
  DEtERmiNAR um AliNhAmENtO ENtRE O CONCEituAl
  E AS SOluçõES ViSuAiS DE um PROjEtO.



                                         Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                 24




                               EmOçõES
                                Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                25




CAtEgORizAR
                               Projeto de Programação visual 4 Professor Fabio Silveira
iNSPiRAçãO
síntese visual | pictogramas                                                26




                CAtEgORizAR
                               Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | pictogramas                                                27




               filme
               words

                               Projeto de Programação visual 4 Professor Fabio Silveira
síntese visual | referência                                        28
9,$ Dicas
          bibliográficas
          , sinais e símbolos,
            Adrian Frutiger. martins Fontes. 1999.
          , teoria da comunicação. conceitos básicos,
            Rodrigo Vilalba. Série Princípios. 2006.
          , signofobia,
            Chico homem de melo. Edirora Rosari.
          , arte e percepção visual.
            Rudolf Arnhein. 5 Ed. Pioneira.
          , sintaxe da linguagem visual.
            Donis A. Dondis. martins Fontes
          , Psicodinâmica das cores em comunicação.
            modesto Farina. São Paulo: Edgard Blucher ldta,1982.
          , sistemas de identidade visual.
            maria luiza Peon. São Paulo: Senac, 2000.
síntese visual | pictogramas




        4             é isso.
                               4 Professor Fabio Silveira
                                 Projeto de Programação Visual

Mais conteúdo relacionado

Mais procurados

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
 
Livro Design Thinking, Inovação em Negócios
Livro Design Thinking, Inovação em NegóciosLivro Design Thinking, Inovação em Negócios
Livro Design Thinking, Inovação em NegóciosBeto Lima Branding
 
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
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade VisualRenato Melo
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
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
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Coresmartha
 
Aula 11 design gráfico na publicidade rough e layout
Aula 11   design gráfico na publicidade rough e layoutAula 11   design gráfico na publicidade rough e layout
Aula 11 design gráfico na publicidade rough e layoutElizeu Nascimento Silva
 

Mais procurados (20)

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
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Livro Design Thinking, Inovação em Negócios
Livro Design Thinking, Inovação em NegóciosLivro Design Thinking, Inovação em Negócios
Livro Design Thinking, Inovação em Negócios
 
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
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade Visual
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
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
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Tipografia
TipografiaTipografia
Tipografia
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
 
Aula 11 design gráfico na publicidade rough e layout
Aula 11   design gráfico na publicidade rough e layoutAula 11   design gráfico na publicidade rough e layout
Aula 11 design gráfico na publicidade rough e layout
 
Briefing
BriefingBriefing
Briefing
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
 

Destaque

Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentosdualpixel
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisDaniel Soto
 
Prosumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades VirtuaisProsumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades VirtuaisFrederico Amorim
 
Produção gráfica - Aula 03 Tipos De Impressao I
Produção gráfica - Aula 03 Tipos De Impressao IProdução gráfica - Aula 03 Tipos De Impressao I
Produção gráfica - Aula 03 Tipos De Impressao IDaniel Castro
 
E commerce espm 2011
E commerce  espm 2011E commerce  espm 2011
E commerce espm 2011Sandra Turchi
 
A Criação de uma Fantástica Experiência de Compras
A Criação de uma Fantástica Experiência de ComprasA Criação de uma Fantástica Experiência de Compras
A Criação de uma Fantástica Experiência de ComprasRakuten Brasil
 
Aula Modelo de negócios
Aula Modelo de negóciosAula Modelo de negócios
Aula Modelo de negóciosVítor Andrade
 
Aula 2 - Informacao para Negocios
Aula 2 - Informacao para NegociosAula 2 - Informacao para Negocios
Aula 2 - Informacao para NegociosKenneth Corrêa
 
Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2neodo
 
Planejamento estratégico Natura
Planejamento estratégico NaturaPlanejamento estratégico Natura
Planejamento estratégico NaturaVanessa Maciel
 

Destaque (18)

Tipos de papel cores
Tipos de papel coresTipos de papel cores
Tipos de papel cores
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - Papéis
 
(Online) Branding
(Online) Branding(Online) Branding
(Online) Branding
 
Prosumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades VirtuaisProsumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades Virtuais
 
Produção gráfica - Aula 03 Tipos De Impressao I
Produção gráfica - Aula 03 Tipos De Impressao IProdução gráfica - Aula 03 Tipos De Impressao I
Produção gráfica - Aula 03 Tipos De Impressao I
 
E commerce espm 2011
E commerce  espm 2011E commerce  espm 2011
E commerce espm 2011
 
A Criação de uma Fantástica Experiência de Compras
A Criação de uma Fantástica Experiência de ComprasA Criação de uma Fantástica Experiência de Compras
A Criação de uma Fantástica Experiência de Compras
 
Aula Modelo de negócios
Aula Modelo de negóciosAula Modelo de negócios
Aula Modelo de negócios
 
Planejamento Estratégico da Inovação
Planejamento Estratégico da InovaçãoPlanejamento Estratégico da Inovação
Planejamento Estratégico da Inovação
 
Planejamento
PlanejamentoPlanejamento
Planejamento
 
Influire.. Visão Sobre Estratégia
Influire..  Visão Sobre EstratégiaInfluire..  Visão Sobre Estratégia
Influire.. Visão Sobre Estratégia
 
Aula 2 - Informacao para Negocios
Aula 2 - Informacao para NegociosAula 2 - Informacao para Negocios
Aula 2 - Informacao para Negocios
 
Balanced Scorecard Slide
Balanced Scorecard SlideBalanced Scorecard Slide
Balanced Scorecard Slide
 
Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2
 
Fundamentos Community Marketing
Fundamentos Community MarketingFundamentos Community Marketing
Fundamentos Community Marketing
 
Planejamento estratégico Natura
Planejamento estratégico NaturaPlanejamento estratégico Natura
Planejamento estratégico Natura
 
Planejamento Estrátegico
Planejamento EstrátegicoPlanejamento Estrátegico
Planejamento Estrátegico
 

Semelhante a Síntese visual: teoria e aplicação de pictogramas

Semelhante a Síntese visual: teoria e aplicação de pictogramas (10)

Aula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoIAula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoI
 
Painél semântico
Painél semânticoPainél semântico
Painél semântico
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - Cuiabá
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
 
R design niterói 2012 proposta oficina - penso,logo, marca
R design niterói 2012   proposta oficina - penso,logo, marcaR design niterói 2012   proposta oficina - penso,logo, marca
R design niterói 2012 proposta oficina - penso,logo, marca
 
Jk 181011
Jk 181011Jk 181011
Jk 181011
 
Alfabetismo Visual na Moda
Alfabetismo Visual na ModaAlfabetismo Visual na Moda
Alfabetismo Visual na Moda
 
Planos de ensino Design Digital 2012 UNIARA
Planos de ensino Design Digital 2012 UNIARAPlanos de ensino Design Digital 2012 UNIARA
Planos de ensino Design Digital 2012 UNIARA
 
Penso, logo, marca proposta oficina bh 2012
Penso, logo, marca   proposta oficina bh 2012Penso, logo, marca   proposta oficina bh 2012
Penso, logo, marca proposta oficina bh 2012
 

Mais de Fabio Silveira: Designer | Professor

Mais de Fabio Silveira: Designer | Professor (20)

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
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
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
 
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
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
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 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 

Síntese visual: teoria e aplicação de pictogramas

  • 1. 4 síntese visual | teoria da comunicação | semiótica | ícone | símbolo | índice | exercícios 4 Professor Fabio Silveira Projeto de Programação Visual O trabalho Aulas_Projeto Editorial de 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 âmbi- to 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. síntese visual | pictogramas 2 teoria da comunicação Os componentes da teoria da comunicação são : emissor: quem envia a mensagem mensagem: informação um contexto de referência um código: fala, escrita, imagens recePtor: quem recebe a mensagem. Projeto de Programação visual 4 Professor Fabio Silveira
  • 3. síntese visual | pictogramas 3 modelo de comunicação na visão de antonio vicente Pietroforte do livro Semiótica Visual, o Percurso do Olhar código emissor mensagem recePtor referência meio Projeto de Programação visual 4 Professor Fabio Silveira
  • 4. síntese visual | pictogramas 4 semiótica (do grego semeion = signo) { É a teoria geral dos signos. Ela estuda o modo pelo qual se dá a construção dos sentido. Projeto de Programação visual 4 Professor Fabio Silveira
  • 5. síntese visual | pictogramas 5 { Algo que representa alguma coisa ≥ para alguém em determinado signo contexto. Os signos se organizam em códigos, constituindo sistemas de linguagem. Projeto de Programação visual 4 Professor Fabio Silveira
  • 6. síntese visual | pictogramas 6 relações semióticas Pierce Charles Sanders Pierce é um segundo signo, equivalente a si interPretante mesmo ou, eventualmente, um signo mais desenvolvido, criado na mente do receptor. signo objeto é aquilo, que, o elemento sob certo aspecto, representado representa alguma coisa para alguém Projeto de Programação visual 4 Professor Fabio Silveira
  • 7. síntese visual | pictogramas 7 { é um signo que tem alguma semelhança com o objeto ≥ representado. Exemplos de signo ícone icônico: a escultura de uma mulher, uma fotografia de um carro, e mais genericamente, um diagrama, um esquema Projeto de Programação visual 4 Professor Fabio Silveira
  • 8. síntese visual | pictogramas 8 W abcdegh� ijklmno pqrstu� vwxyz Projeto de Programação visual 4 Professor Fabio Silveira
  • 9. síntese visual | pictogramas 9 { é um signo que se refere ao objeto denotado em virtude de uma ≥ associação de idéias produzidas símbolo por uma convenção. Exemplo: qualquer das palavras de uma língua, a cor verde como símbolo de esperança, amor, idéia,Cristianismo, etc Projeto de Programação visual 4 Professor Fabio Silveira
  • 10. síntese visual | pictogramas 10 Projeto de Programação visual 4 Professor Fabio Silveira
  • 11. síntese visual | pictogramas 11 ≥ Pictograma { Desenho ou signo de uma escrita pictográfica. Desenho esquemático normalizado, destinado a significar, especialmente, em locais públicos, certas indicações simples Projeto de Programação visual 4 Professor Fabio Silveira
  • 12. síntese visual | pictogramas 12 O primeiro sistema de representação pictórica internacional foi desenvolvida pelo movimento isotYPe, em 1920, por Otto Neurath, em Viena. ≥ em 1976, o american institute of graphic arts criou, para o departamento de transporte norte americano, um sistema de sinalização pictográfico que se tornou o padrão internacional no uso de pictogramas.
  • 13. síntese visual | referência 13 máxima informação com o menor esforço de identificação e compreensão r
  • 14. síntese visual | pictogramas 14 Projeto de Programação Visual 4 Professor Fabio Silveira
  • 15. síntese visual | pictogramas 15
  • 16. síntese visual | referência 16 Otl ≥ Aicher Em 1972, o designer alemão criou os pictogramas dos olimpíadas da alemanha de 1972, que também tiveram um impacto na forma estética da sinalização pública.
  • 17. síntese visual | pictogramas 17 Projeto de Programação Visual 4 Professor Fabio Silveira
  • 18. síntese visual | pictogramas 18 Projeto de Programação Visual 4 Professor Fabio Silveira
  • 19. síntese visual | pictogramas 19 Projeto de Programação Visual 4 Professor Fabio Silveira
  • 20. síntese visual | pictogramas 20
  • 21. síntese visual | referência 21 Portanto: , chama a atenção? É legível? É compreendido? , as pessoas sabem como agir, de acordo com a mensagem que ele transmite? , têm força suficiente para influenciar o comportamento dos utilizadores?
  • 22. síntese visual | pictogramas 22 Projeto de Programação Visual 4 Professor Fabio Silveira
  • 23. síntese visual | pictogramas 23 ≥ Painel semântico Ou mood board QuADRO COm REFERêNCiAS ViSuAiS QuE SERVE PARA DEtERmiNAR um AliNhAmENtO ENtRE O CONCEituAl E AS SOluçõES ViSuAiS DE um PROjEtO. Projeto de Programação visual 4 Professor Fabio Silveira
  • 24. síntese visual | pictogramas 24 EmOçõES Projeto de Programação visual 4 Professor Fabio Silveira
  • 25. síntese visual | pictogramas 25 CAtEgORizAR Projeto de Programação visual 4 Professor Fabio Silveira
  • 26. iNSPiRAçãO síntese visual | pictogramas 26 CAtEgORizAR Projeto de Programação visual 4 Professor Fabio Silveira
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45. síntese visual | pictogramas 27 filme words Projeto de Programação visual 4 Professor Fabio Silveira
  • 46. síntese visual | referência 28 9,$ Dicas bibliográficas , sinais e símbolos, Adrian Frutiger. martins Fontes. 1999. , teoria da comunicação. conceitos básicos, Rodrigo Vilalba. Série Princípios. 2006. , signofobia, Chico homem de melo. Edirora Rosari. , arte e percepção visual. Rudolf Arnhein. 5 Ed. Pioneira. , sintaxe da linguagem visual. Donis A. Dondis. martins Fontes , Psicodinâmica das cores em comunicação. modesto Farina. São Paulo: Edgard Blucher ldta,1982. , sistemas de identidade visual. maria luiza Peon. São Paulo: Senac, 2000.
  • 47. síntese visual | pictogramas 4 é isso. 4 Professor Fabio Silveira Projeto de Programação Visual