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
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
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