SlideShare uma empresa Scribd logo
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

Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
Fabio Silveira: Designer | Professor
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
Sergio Ollandezos
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
Fabio Silveira: Designer | Professor
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
Elizeu Nascimento Silva
 
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
nfeio
 
Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2
Tiago Cruz
 
Conceitos de Design
Conceitos de DesignConceitos de Design
Conceitos de Design
Marcio Duarte
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
Andrea Dalforno
 
Tipografia
TipografiaTipografia
Tipografia
Odair Cavichioli
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos Gráficos
Amanda Moreira
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
Fabio Silveira: Designer | Professor
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
Helena Jacob
 
Design
Design Design
Design
Piedade Alves
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
Cíntia Dal Bello
 
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
Cíntia Dal Bello
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
Fabio Silveira: Designer | Professor
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
ProfVivianeLopes
 

Mais procurados (20)

Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem 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
 
Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2Aula 2 - Design de Produto 2
Aula 2 - Design de Produto 2
 
Conceitos de Design
Conceitos de DesignConceitos de Design
Conceitos de Design
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
 
Tipografia
TipografiaTipografia
Tipografia
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos Gráficos
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
Design
Design Design
Design
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
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
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 

Destaque

Tipos de papel cores
Tipos de papel coresTipos de papel cores
Tipos de papel cores
Michele Cristina Land
 
Producao Grafica - Fundamentos
Producao Grafica - FundamentosProducao Grafica - Fundamentos
Producao Grafica - Fundamentos
dualpixel
 
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
Daniel Soto
 
(Online) Branding
(Online) Branding(Online) Branding
(Online) Branding
Frederico Amorim
 
Prosumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades VirtuaisProsumers&Tendências para Comunidades Virtuais
Prosumers&Tendências para Comunidades Virtuais
Frederico 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 I
Daniel Castro
 
E commerce espm 2011
E commerce  espm 2011E commerce  espm 2011
E commerce espm 2011
Sandra 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 Compras
Rakuten Brasil
 
Aula Modelo de negócios
Aula Modelo de negóciosAula Modelo de negócios
Aula Modelo de negócios
Vítor Andrade
 
Planejamento Estratégico da Inovação
Planejamento Estratégico da InovaçãoPlanejamento Estratégico da Inovação
Planejamento Estratégico da Inovação
Patrícia de Sá Freire, PhD. Eng.
 
Planejamento
PlanejamentoPlanejamento
Planejamento
Thiago Miranda S
 
Influire.. Visão Sobre Estratégia
Influire..  Visão Sobre EstratégiaInfluire..  Visão Sobre Estratégia
Influire.. Visão Sobre Estratégia
Sergio Luis Seloti Jr
 
Aula 2 - Informacao para Negocios
Aula 2 - Informacao para NegociosAula 2 - Informacao para Negocios
Aula 2 - Informacao para Negocios
Kenneth Corrêa
 
Balanced Scorecard Slide
Balanced Scorecard SlideBalanced Scorecard Slide
Balanced Scorecard Slide
Sergio de Carvalho
 
Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2Slides Planejamento Estrategico 2
Slides Planejamento Estrategico 2
neodo
 
Fundamentos Community Marketing
Fundamentos Community MarketingFundamentos Community Marketing
Fundamentos Community Marketing
Luciano Tadeu de Oliveira
 
Planejamento estratégico Natura
Planejamento estratégico NaturaPlanejamento estratégico Natura
Planejamento estratégico Natura
Vanessa Maciel
 
Planejamento Estrátegico
Planejamento EstrátegicoPlanejamento Estrátegico
Planejamento Estrátegico
Fabricio Medeiros
 

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 Projeto Gráfico | Pictogramas

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
Paolo Passeri
 
Painél semântico
Painél semânticoPainél semântico
Painél semântico
Daniel Brandão
 
Workshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - CuiabáWorkshop moodle rede de escolas - Cuiabá
Workshop moodle rede de escolas - Cuiabá
Jonathas Scott
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
Fabio Silveira: Designer | Professor
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
Fabio Silveira: Designer | Professor
 
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
Níkolas Espíndola
 
Jk 181011
Jk 181011Jk 181011
Alfabetismo Visual na Moda
Alfabetismo Visual na ModaAlfabetismo Visual na Moda
Alfabetismo Visual na Moda
Marcio Duarte
 
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
DESIGN DIGITAL UNIARA 2012
 
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
Níkolas Espíndola
 

Semelhante a Projeto Gráfico | 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

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
Fabio Silveira: Designer | Professor
 
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
Fabio Silveira: Designer | Professor
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
Fabio Silveira: Designer | Professor
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
Fabio Silveira: Designer | Professor
 
Aula Naming
Aula NamingAula Naming
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
Fabio Silveira: Designer | Professor
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
Fabio Silveira: Designer | Professor
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
Fabio Silveira: Designer | Professor
 
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
Fabio Silveira: Designer | Professor
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
Fabio Silveira: Designer | Professor
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
Fabio Silveira: Designer | Professor
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
Fabio Silveira: Designer | Professor
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
Fabio Silveira: Designer | Professor
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
Fabio Silveira: Designer | Professor
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
Fabio Silveira: Designer | Professor
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
Fabio Silveira: Designer | Professor
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
Fabio Silveira: Designer | Professor
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
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.
Fabio Silveira: Designer | Professor
 
Palestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BRPalestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BR
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 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
 
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 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
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
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
 

Projeto Gráfico | 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