SlideShare uma empresa Scribd logo
40
GRÁFICOIIIDENTIDADE VISUAL :
DEFINIÇÃO DO PROBLEMA
PROF. FABIO SILVEIRA
IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN
PROJETO
03
| 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
| IDENTIDADE VISUAL42
IED • SÃO PAULO | FABIO SILVEIRA 2019
VÍDEO
DENIS RUSSO.
TEDX
SP
| IDENTIDADE VISUAL43
IED • SÃO PAULO | FABIO SILVEIRA 2019
Briefing/
Problematização
Conceituação Especificação
1 2 3
FASESDOPROJETO
IDENTIDADE VISUAL
| 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
| 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
| 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.
| 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
| IDENTIDADE VISUAL48
IED • SÃO PAULO | FABIO SILVEIRA 2019
Especificações
3 . Manual de identidade visual
. Brandbook
. Implementação
FASESDOPROJETO
IDENTIDADE VISUALESPECIFICAÇÕES
{
| IDENTIDADE VISUAL49
IED • SÃO PAULO | FABIO SILVEIRA 2019
BRUNO
MUNARIDASCOISAS
NASCEMASCOISAS
ED.MARTINSFONTES.SP.1998
| IDENTIDADE VISUAL50
IED • SÃO PAULO | FABIO SILVEIRA 2019
PPROBLEMA SOLUÇÃO
S
| 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
| IDENTIDADE VISUAL52
IED • SÃO PAULO | FABIO SILVEIRA 2019
RODOLFO
FUENTESAPRÁTICADODESIGNGRÁFICO
ED.ROSARI.SP.2006
| IDENTIDADE VISUAL53
IED • SÃO PAULO | FABIO SILVEIRA 2019
Encomenda
dotrabalho
pelocliente
1DEFINIÇÃODOPROBLEMA
Analisar,
interpretare
organizara
informação
2DEFINIÇÃODOPROBLEMA
Especificações
paraa
visualização
3DEFINIÇÃODOPROBLEMA
| 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
| 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
| IDENTIDADE VISUAL56
IED • SÃO PAULO | FABIO SILVEIRA 2019
DESIGN
THINKINGDESIGNTH!NKING
DEPAULHARRISEGAVINAMBROSE
ED.BOOKMAN.SP.2011
| 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
| 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
| 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.
| 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!
| 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
| 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
| 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
| 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
| 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
| 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
| IDENTIDADE VISUAL67
IED • SÃO PAULO | FABIO SILVEIRA 2019
VÍDEO
WORDS
| IDENTIDADE VISUAL68
IED • SÃO PAULO | FABIO SILVEIRA 2019
VÍDEO
MARCA PERÚ
[ FUTURE BRAND ]
| IDENTIDADE VISUAL69
IED • SÃO PAULO | FABIO SILVEIRA 2019
OQUEVAICOMQUÊ?
ESTÃO CANSADOS?
BORA TRABALHAR?
| 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.
| 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

Mais conteúdo relacionado

Mais procurados

O que é um logotipo
O que é um logotipoO que é um logotipo
O que é um logotipo
escola 2/3 Bernardino Machado
 
Sistema de identidade visual
Sistema de identidade visualSistema de identidade visual
Sistema de identidade visual
taisquadros
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
pacobr
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
Patricia Prado
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
Fabio Silveira: Designer | Professor
 
Teoria das Cores: natureza, classificação e características.
Teoria das Cores: natureza, classificação e características.Teoria das Cores: natureza, classificação e características.
Teoria das Cores: natureza, classificação e características.
Mauricio Mallet Duprat
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
Fabio Silveira: Designer | Professor
 
Tutoriais Illustrator
Tutoriais IllustratorTutoriais Illustrator
Tutoriais Illustrator
Vanessa Mezzadri Brudzinski
 
Aula Naming
Aula NamingAula Naming
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
Fabio Silveira: Designer | Professor
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
Marconi Pacheco
 
Metodologia de naming
Metodologia de namingMetodologia de naming
Metodologia de naming
Ana Moraes
 
O uso das cores na publicidade
O uso das cores na publicidadeO uso das cores na publicidade
O uso das cores na publicidade
Breno Brito
 
Ebook o-significado-das-cores-brunoavila
Ebook o-significado-das-cores-brunoavilaEbook o-significado-das-cores-brunoavila
Ebook o-significado-das-cores-brunoavila
PELOSI PELOSI
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
Barreto
 
Características fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisualCaracterísticas fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisual
Thiago Assumpção
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
Fabio Silveira: Designer | Professor
 
Oficina: Jornalismo cultural
Oficina: Jornalismo culturalOficina: Jornalismo cultural
Oficina: Jornalismo cultural
Andréa Karinne Albuquerque Maia
 
Cores e Definições de Impressão - Produção Gráfica 2022
Cores e Definições de Impressão - Produção Gráfica 2022Cores e Definições de Impressão - Produção Gráfica 2022
Cores e Definições de Impressão - Produção Gráfica 2022
Renato Melo
 
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
 

Mais procurados (20)

O que é um logotipo
O que é um logotipoO que é um logotipo
O que é um logotipo
 
Sistema de identidade visual
Sistema de identidade visualSistema de identidade visual
Sistema de identidade visual
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Teoria das Cores: natureza, classificação e características.
Teoria das Cores: natureza, classificação e características.Teoria das Cores: natureza, classificação e características.
Teoria das Cores: natureza, classificação e características.
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
 
Tutoriais Illustrator
Tutoriais IllustratorTutoriais Illustrator
Tutoriais Illustrator
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Evolução do design digital
Evolução do design digitalEvolução do design digital
Evolução do design digital
 
Metodologia de naming
Metodologia de namingMetodologia de naming
Metodologia de naming
 
O uso das cores na publicidade
O uso das cores na publicidadeO uso das cores na publicidade
O uso das cores na publicidade
 
Ebook o-significado-das-cores-brunoavila
Ebook o-significado-das-cores-brunoavilaEbook o-significado-das-cores-brunoavila
Ebook o-significado-das-cores-brunoavila
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 
Características fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisualCaracterísticas fundamentais da linguagem audiovisual
Características fundamentais da linguagem audiovisual
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Oficina: Jornalismo cultural
Oficina: Jornalismo culturalOficina: Jornalismo cultural
Oficina: Jornalismo cultural
 
Cores e Definições de Impressão - Produção Gráfica 2022
Cores e Definições de Impressão - Produção Gráfica 2022Cores e Definições de Impressão - Produção Gráfica 2022
Cores e Definições de Impressão - Produção Gráfica 2022
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 

Semelhante a Projeto Grafico II – aula03 IEDSP

Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
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
 
Design de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para EventosDesign de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para Eventos
Victor L. Pontes
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
Fabio Silveira: Designer | Professor
 
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
 
Design Talking
Design TalkingDesign Talking
Design Talking
Catalejos
 
Imagem e percepcao de marcas de moda
Imagem e percepcao de marcas de modaImagem e percepcao de marcas de moda
Imagem e percepcao de marcas de moda
Marcelo Anjos
 
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 graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
Fabio Silveira: Designer | Professor
 
plano de curso 6 ano oficina.docx
plano de curso 6 ano oficina.docxplano de curso 6 ano oficina.docx
plano de curso 6 ano oficina.docx
Ingridy Lima
 
Oficina grupo de comunciacao 16 set
Oficina grupo de comunciacao 16 setOficina grupo de comunciacao 16 set
Oficina grupo de comunciacao 16 set
EscolaDeCriatividade
 
Forma Design - Criação de Marca e Identidade visual
Forma Design - Criação de Marca e Identidade visualForma Design - Criação de Marca e Identidade visual
Forma Design - Criação de Marca e Identidade visual
Erik Ivanov
 
Oficina N Design Rio 021
Oficina N Design Rio 021Oficina N Design Rio 021
Oficina N Design Rio 021
Douglas Cavendish
 
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, FábioProjeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Jonathan Prateat
 
Gestão em Design - Identidade - 07
Gestão em Design - Identidade - 07Gestão em Design - Identidade - 07
Gestão em Design - Identidade - 07
Prof.Valdir Soares
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
Fabio Silveira: Designer | Professor
 
Open ideo OutPost - SP
Open ideo OutPost - SPOpen ideo OutPost - SP
Open ideo OutPost - SP
Natalia Lion
 
Concept art
Concept artConcept art
Concept art
Marcio Ferreri
 
Luciane adario biscolla robic
Luciane adario biscolla robicLuciane adario biscolla robic
Luciane adario biscolla robic
Thayani Moraes Damiani
 
Branding Sao Paulo
Branding Sao PauloBranding Sao Paulo
Branding Sao Paulo
Romulo Castilho
 

Semelhante a Projeto Grafico II – aula03 IEDSP (20)

Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
 
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
 
Design de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para EventosDesign de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para Eventos
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
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
 
Design Talking
Design TalkingDesign Talking
Design Talking
 
Imagem e percepcao de marcas de moda
Imagem e percepcao de marcas de modaImagem e percepcao de marcas de moda
Imagem e percepcao de marcas de moda
 
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 graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
plano de curso 6 ano oficina.docx
plano de curso 6 ano oficina.docxplano de curso 6 ano oficina.docx
plano de curso 6 ano oficina.docx
 
Oficina grupo de comunciacao 16 set
Oficina grupo de comunciacao 16 setOficina grupo de comunciacao 16 set
Oficina grupo de comunciacao 16 set
 
Forma Design - Criação de Marca e Identidade visual
Forma Design - Criação de Marca e Identidade visualForma Design - Criação de Marca e Identidade visual
Forma Design - Criação de Marca e Identidade visual
 
Oficina N Design Rio 021
Oficina N Design Rio 021Oficina N Design Rio 021
Oficina N Design Rio 021
 
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, FábioProjeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
Projeto GAMPI 2016 - Amanda F., Breno, Bruna S., Bruno, Fábio
 
Gestão em Design - Identidade - 07
Gestão em Design - Identidade - 07Gestão em Design - Identidade - 07
Gestão em Design - Identidade - 07
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Open ideo OutPost - SP
Open ideo OutPost - SPOpen ideo OutPost - SP
Open ideo OutPost - SP
 
Concept art
Concept artConcept art
Concept art
 
Luciane adario biscolla robic
Luciane adario biscolla robicLuciane adario biscolla robic
Luciane adario biscolla robic
 
Branding Sao Paulo
Branding Sao PauloBranding Sao Paulo
Branding Sao Paulo
 

Mais de Fabio Silveira: Designer | Professor

Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
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
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
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
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
Fabio Silveira: Designer | Professor
 
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
 
Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
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
 
Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3
Fabio Silveira: Designer | Professor
 
Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2
Fabio Silveira: Designer | Professor
 

Mais de Fabio Silveira: Designer | Professor (20)

Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
 
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 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
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
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
 
Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
 
Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3
 
Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2
 

Projeto Grafico II – aula03 IEDSP

  • 1. 40 GRÁFICOIIIDENTIDADE VISUAL : DEFINIÇÃO DO PROBLEMA PROF. FABIO SILVEIRA IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN PROJETO 03
  • 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
  • 3. | IDENTIDADE VISUAL42 IED • SÃO PAULO | FABIO SILVEIRA 2019 VÍDEO DENIS RUSSO. TEDX SP
  • 4. | IDENTIDADE VISUAL43 IED • SÃO PAULO | FABIO SILVEIRA 2019 Briefing/ Problematização Conceituação Especificação 1 2 3 FASESDOPROJETO IDENTIDADE VISUAL
  • 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
  • 11. | IDENTIDADE VISUAL50 IED • SÃO PAULO | FABIO SILVEIRA 2019 PPROBLEMA SOLUÇÃO S
  • 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
  • 14. | IDENTIDADE VISUAL53 IED • SÃO PAULO | FABIO SILVEIRA 2019 Encomenda dotrabalho pelocliente 1DEFINIÇÃODOPROBLEMA Analisar, interpretare organizara informação 2DEFINIÇÃODOPROBLEMA Especificações paraa visualização 3DEFINIÇÃODOPROBLEMA
  • 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
  • 28. | IDENTIDADE VISUAL67 IED • SÃO PAULO | FABIO SILVEIRA 2019 VÍDEO WORDS
  • 29. | IDENTIDADE VISUAL68 IED • SÃO PAULO | FABIO SILVEIRA 2019 VÍDEO MARCA PERÚ [ FUTURE BRAND ]
  • 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