Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Projeto Gráfico | Pictogramas

10,064 views

Published on

Aula sobre pictogramas e painel semântico [mood board]. Projeto Gráfico I

Published in: Design

Projeto Gráfico | Pictogramas

  1. 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. 2. síntese visual | pictogramas 2teoria da comunicaçãoOs componentes da teoria da comunicação são :emissor: quem envia a mensagemmensagem: informaçãoum contexto de referênciaum código: fala, escrita, imagensrecePtor: quem recebe a mensagem. Projeto de Programação visual 4 Professor Fabio Silveira
  3. 3. síntese visual | pictogramas 3modelo de comunicação na visãode antonio vicente Pietrofortedo 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. 4. síntese visual | pictogramas 4semió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. 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. 6. síntese visual | pictogramas 6relações semióticas PierceCharles 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. 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. 8. síntese visual | pictogramas 8 W abcdegh� ijklmno pqrstu� vwxyz Projeto de Programação visual 4 Professor Fabio Silveira
  9. 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. 10. síntese visual | pictogramas 10 Projeto de Programação visual 4 Professor Fabio Silveira
  11. 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. 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. 13. síntese visual | referência 13máximainformaçãocom o menor esforçode identificaçãoe compreensão r
  14. 14. síntese visual | pictogramas 14 Projeto de Programação Visual 4 Professor Fabio Silveira
  15. 15. síntese visual | pictogramas 15
  16. 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. 17. síntese visual | pictogramas 17 Projeto de Programação Visual 4 Professor Fabio Silveira
  18. 18. síntese visual | pictogramas 18 Projeto de Programação Visual 4 Professor Fabio Silveira
  19. 19. síntese visual | pictogramas 19 Projeto de Programação Visual 4 Professor Fabio Silveira
  20. 20. síntese visual | pictogramas 20
  21. 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. 22. síntese visual | pictogramas 22 Projeto de Programação Visual 4 Professor Fabio Silveira
  23. 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. 24. síntese visual | pictogramas 24 EmOçõES Projeto de Programação visual 4 Professor Fabio Silveira
  25. 25. síntese visual | pictogramas 25CAtEgORizAR Projeto de Programação visual 4 Professor Fabio Silveira
  26. 26. iNSPiRAçãOsíntese visual | pictogramas 26 CAtEgORizAR Projeto de Programação visual 4 Professor Fabio Silveira
  27. 27. síntese visual | pictogramas 27 filme words Projeto de Programação visual 4 Professor Fabio Silveira
  28. 28. síntese visual | referência 289,$ 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.
  29. 29. síntese visual | pictogramas 4 é isso. 4 Professor Fabio Silveira Projeto de Programação Visual

×