O documento apresenta informações sobre um projeto de identidade visual, incluindo referências bibliográficas, etapas do processo de design, conceitos de semiótica e exemplos de marcas.
2. | IDENTIDADE VISUAL41
IED • SÃO PAULO | FABIO SILVEIRA 2019
BIBLIOGRAFIA
INCRÍVEL!
FRUTIGER, Adrian. Sinais e Sím-
bolos. Desenho, Projeto e Signifi-
cado. São Paulo: Editora Martins
Fontes, 2ª ed. 2012.
PEÓN, Maria Luiza.
Sistemas de identidade visual.
Rio de janeiro. Ed 2AB. 4ª ed.
2009.
Sinais e Símbolos
Adrian Frutiger. Martins Fontes. 1999.
Teoria da Comunicação
Rodrigo Vilalba. Série Princípios. 2006.
Signofobia
Chico Homem de Melo. Edirora Rosari. 2005
Arte e percepção visual
Rudolf Arnhein. 5 Ed. Pioneira. 1965
Sintaxe da linguagem visual
Donis A. Dondis. Martins Fontes. 1973
Psicodinâmicadascoresemcomunicação
Modesto Farina. Ed. Blucher. 1982.
AInteraçãodaCor
Josef Albers. Ed. Martins Fontes. 2009.
FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES
UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
5. | IDENTIDADE VISUAL44
IED • SÃO PAULO | FABIO SILVEIRA 2019
FASESDOPROJETO
IDENTIDADE VISUALBRIEFING
Briefing/
Problematização
1
. Informações gerais sobre a
empresa / produto / serviço.
. Público alvo / persona.
. Escopo.
. Pesquisa de mercado.
. Concorrência / Categoria
. Comunicação.
. Objeções
. Orçamento / Budget
. Cronograma
6. | IDENTIDADE VISUAL45
IED • SÃO PAULO | FABIO SILVEIRA 2019
Briefing/
Problematização
1
. Diagnóstico da situação.
. Pesquisa de campo.
. Planejamento de ações.
. Definção de necessidades.
. Análise dos dados.
FASESDOPROJETO
IDENTIDADE VISUALPROBLEMATIZAÇÃO
7. | IDENTIDADE VISUAL46
IED • SÃO PAULO | FABIO SILVEIRA 2019
Briefing/
Problematização
1
. Diagnóstico da situação.
. Pesquisa de campo.
. Planejamento de ações.
. Definção de necessidades.
. Análise dos dados.
Atributos
Entender a essência
/ Personalidade
Atitudes
Definir o modo
de proceder / Ações
Conceitos
Atribuir conceitos
/ Alma
FASESDOPROJETO
IDENTIDADE VISUALPROBLEMATIZAÇÃO
CHAMMA, Norberto. Marca e Sinalização.
São Paulo: Editora Senac, SP. 2007.
8. | IDENTIDADE VISUAL47
IED • SÃO PAULO | FABIO SILVEIRA 2019
Conceituação
2
. Brainstorming /Conceitos.
. Definição das Palavras Chave.
. Brainstorming de soluções. (Rafes)
. Rafes. (definição das soluções)
. Soluções preliminares.
. Matrizes de avaliação.
. Finalização. (malha construtiva)
FASESDOPROJETO
IDENTIDADE VISUALCONCEITUAÇÃO
9. | IDENTIDADE VISUAL48
IED • SÃO PAULO | FABIO SILVEIRA 2019
Especificações
3 . Manual de identidade visual
. Brandbook
. Implementação
FASESDOPROJETO
IDENTIDADE VISUALESPECIFICAÇÕES
{
10. | IDENTIDADE VISUAL49
IED • SÃO PAULO | FABIO SILVEIRA 2019
BRUNO
MUNARIDASCOISAS
NASCEMASCOISAS
ED.MARTINSFONTES.SP.1998
12. | IDENTIDADE VISUAL51
IED • SÃO PAULO | FABIO SILVEIRA 2019
PDEFINIÇÃODOPROBLEMA
PROBLEMA SOLUÇÃO
COMPONENTESDOPROBLEMA
COLETADEDADOS
ANÁLISEDEDADOS
MATERIAISETECNOLOGIA
MODELO
VERIFICAÇÃO
DESENHOFINAL
EXPERIMENTAÇÃO
CRIATIVIDADE
DP CP CD AD MT M V DFEC S
13. | IDENTIDADE VISUAL52
IED • SÃO PAULO | FABIO SILVEIRA 2019
RODOLFO
FUENTESAPRÁTICADODESIGNGRÁFICO
ED.ROSARI.SP.2006
15. | IDENTIDADE VISUAL54
IED • SÃO PAULO | FABIO SILVEIRA 2019
coleta de informações,
sobre o cliente,
produto,
concorrência,
público…
determinação
dos objetivos
estudo de alcance
contexto e mensagem
determinar o canal
análise de prioridades
e hierarquias
desenvolvimento
do anteprojeto
organização
da produção
apresentação
ao cliente
implementação
Encomenda
dotrabalho
pelocliente
1DEFINIÇÃODOPROBLEMA
Analisar,
interpretare
organizara
informação
2DEFINIÇÃODOPROBLEMA
Especificações
paraa
visualização
3DEFINIÇÃODOPROBLEMA
16. | IDENTIDADE VISUAL55
IED • SÃO PAULO | FABIO SILVEIRA 2019
coleta de informações,
sobre o cliente,
produto,
concorrência,
público…
determinação
dos objetivos
estudo de alcance
contexto e mensagem
determinar o canal
análise de prioridades
e hierarquias
desenvolvimento
do anteprojeto
organização
da produção
apresentação
ao cliente
implementação
verificação
Encomenda
dotrabalho
pelocliente
1DEFINIÇÃODOPROBLEMA
Analisar,
interpretare
organizara
informação
2DEFINIÇÃODOPROBLEMA
Especificações
paraa
visualização
3DEFINIÇÃODOPROBLEMA
17. | IDENTIDADE VISUAL56
IED • SÃO PAULO | FABIO SILVEIRA 2019
DESIGN
THINKINGDESIGNTH!NKING
DEPAULHARRISEGAVINAMBROSE
ED.BOOKMAN.SP.2011
18. | IDENTIDADE VISUAL57
IED • SÃO PAULO | FABIO SILVEIRA 2019FONTE: D.SCHOOL. HTTP://DSCHOOL.STANFORD.EDU/
ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR
D. SCHOOL STANFORD UNIVERSITY
19. | IDENTIDADE VISUAL58
IED • SÃO PAULO | FABIO SILVEIRA 2019
OUVIR
TEMPO
Observações
Narrativas
Temas Oportunidades
Soluções
Protótipos
Planode
implementação
CRIAR IMPLEMENTAR
CONCRETOABSTRATO
CONCRETOABSTRATO
FONTE: IDEO. HUMAN CENTER DESIGN HTTP://WWW.IDEO.COM/
CICLOS DO DESIGN THINKING
20. | IDENTIDADE VISUAL59
IED • SÃO PAULO | FABIO SILVEIRA 2019
ideia expandida
ideia nuclear
ESSÊNCIA; ATEMPORAL.
QUAL É A “ALMA” DA MARCA?
QUAIS SÃO SUAS CRENÇAS
E VALORES FUNDAMENTAIS?
COMO ESTA ALMA SE MANIFESTADE ACORDO
COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL,
COMPORTAMENTAL, ETC.
21. | IDENTIDADE VISUAL60
IED • SÃO PAULO | FABIO SILVEIRA 2019
ideia expandida
ideia nuclear
ESSÊNCIA; ATEMPORAL.
QUAL É A “ALMA” DA MARCA?
QUAIS SÃO SUAS CRENÇAS
E VALORES FUNDAMENTAIS?
COMO ESTA ALMA SE MANIFESTADE ACORDO
COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL,
COMPORTAMENTAL, ETC.
MARCA
éuma
ideia
quese
expande!
22. | IDENTIDADE VISUAL61
IED • SÃO PAULO | FABIO SILVEIRA 2019
semiótica
É a teoria geral dos signos.
Ela estuda o modo pelo qual
se dá a construção dos sentido.
SÍNTESEVISUAL
FUNDAMENTOSSEMIÓTICA
do grego semeion
= signo
23. | IDENTIDADE VISUAL62
IED • SÃO PAULO | FABIO SILVEIRA 2019
signo
algo que representa
alguma coisa para alguém
em determinado contexto.
Os signos se organizam
em códigos, constituindo
sistemas de linguagem.
SÍNTESEVISUAL
FUNDAMENTOSSEMIÓTICA
24. | IDENTIDADE VISUAL63
IED • SÃO PAULO | FABIO SILVEIRA 2019
ícone
é um signo que tem alguma
semelhança com o objeto
representado. Exemplos de
signo icônico: a escultura de uma
mulher, uma fotografia de um
carro, e mais genericamente,
um diagrama, um esquema.
SÍNTESEVISUAL
FUNDAMENTOSSEMIÓTICA
25. | IDENTIDADE VISUAL64
IED • SÃO PAULO | FABIO SILVEIRA 2019
símbolo
é um signo que se refere ao
objeto denotado em virtude
de uma associação de idéias
produzidas 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
SÍNTESEVISUAL
FUNDAMENTOSSEMIÓTICA
26. | IDENTIDADE VISUAL65
IED • SÃO PAULO | FABIO SILVEIRA 2019
SÍNTESEVISUAL
FUNDAMENTOSSEMIÓTICA
Símbolos
a
Linguísticos
Signos
gráfico — alfabéticos
Signos
gráficos
Sinais
Icônicos Cromáticos
27. | IDENTIDADE VISUAL66
IED • SÃO PAULO | FABIO SILVEIRA 2019
SÍNTESEVISUAL
RELAÇÕES
SEMIÓTICAS
CHARLES PEIRCE
é um segundo signo,
equivalente
a si mesmo ou,
eventualmente,
um signo mais
desenvolvido,
criado na mente
do receptor.
o elemento
representado
é aquilo, que,
sob certo
aspecto,
representa
alguma coisa
para alguém
Interpretante
ObjetoSigno
30. | IDENTIDADE VISUAL69
IED • SÃO PAULO | FABIO SILVEIRA 2019
OQUEVAICOMQUÊ?
ESTÃO CANSADOS?
BORA TRABALHAR?
31. | IDENTIDADE VISUAL70
IED • SÃO PAULO | FABIO SILVEIRA 2019
Briefing/
Problematização
1
Atributos
Entender a essência
/ Personalidade
Atitudes
Definir o modo
de proceder / Ações
Conceitos
Atribuir conceitos
/ Alma
NAPRÁTICADefiniroProblema
1. Reunam-se em
grupos.
2. Definam qual
problema será
resolvido.
Design Challenge
3. Analise do
assunto macro e
seus subproblemas.
REFLEXÃO
DISCUSSÃO
EM CLASSE.
INDIVIDUAL
TRABALHO
EM GRUPO
TEMPO
APRESENTAÇÃO
TRABALHO EM
SALA DE AULA
TRAZER NA
PRÓXIMA AULA
ERRONEÔMETRO
2
®
,
,,,
G
·
S
2
O
4. Pesquisem
informações
sobre o problema
escolhido.
32. | IDENTIDADE VISUAL71
CONTATOS
email
site
cnpq lattes
redes sociais:
fabio@designderaiz.com.br
designderaiz.com.br
lattes.cnpq.br/6551801434993965
@fabionsilveira
IDENTIDADEVISUAL
THANKS, GRACIAS, HVALA, FIXE,
DANKE, ARIGATÔ, MERCI, VALEU!
OBRIGADO! :)
O Trabalho/Aula: Identidade Visual, do Professor Fabio Silveira, foi licenciado com uma Licença Creative Commons -
Atribuição-Não Comercial-Compartilha Igual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao
âmbito desta licença em fabio.designerbr@gmail.com. Esta apresentação é destinada ao âmbito acadêmico.
O uso de imagens neste documento serve apenas para ilustrar os exemplos dos conceitos e técnicas
apresentadas em sala de aula.
AULA SOBRE
2017