SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
21
GRÁFICOIIIDENTIDADE VISUAL :
DEFINIÇÃO DO PROBLEMA
PROF. FABIO SILVEIRA
IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN
PROJETO
02
| IDENTIDADE VISUAL22
IED • SÃO PAULO | FABIO SILVEIRA 2017
BRUNO
MUNARIDASCOISAS
NASCEMASCOISAS
ED.MARTINSFONTES.SP.1998
| IDENTIDADE VISUAL23
IED • SÃO PAULO | FABIO SILVEIRA 2017
PPROBLEMA SOLUÇÃO
S
| IDENTIDADE VISUAL24
IED • SÃO PAULO | FABIO SILVEIRA 2017
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 VISUAL25
IED • SÃO PAULO | FABIO SILVEIRA 2017
RODOLFO
FUENTESAPRÁTICADODESIGNGRÁFICO
ED.ROSARI.SP.2006
| IDENTIDADE VISUAL26
IED • SÃO PAULO | FABIO SILVEIRA 2017
Encomenda
dotrabalho
pelocliente
1DEFINIÇÃODOPROBLEMA
Analisar,
interpretare
organizara
informação
2DEFINIÇÃODOPROBLEMA
Especificações
paraa
visualização
3DEFINIÇÃODOPROBLEMA
| IDENTIDADE VISUAL27
IED • SÃO PAULO | FABIO SILVEIRA 2017
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 VISUAL28
IED • SÃO PAULO | FABIO SILVEIRA 2017
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 VISUAL29
IED • SÃO PAULO | FABIO SILVEIRA 2017
DESIGN
THINKINGDESIGNTH!NKING
DEPAULHARRISEGAVINAMBROSE
ED.BOOKMAN.SP.2011
| IDENTIDADE VISUAL30
IED • SÃO PAULO | FABIO SILVEIRA 2017FONTE: D.SCHOOL. HTTP://DSCHOOL.STANFORD.EDU/
ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR
D. SCHOOL STANFORD UNIVERSITY
| IDENTIDADE VISUAL31
IED • SÃO PAULO | FABIO SILVEIRA 2017
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 VISUAL32
IED • SÃO PAULO | FABIO SILVEIRA 2017
MAS, COMO
IREMOS
COMEÇAR?
| IDENTIDADE VISUAL33
IED • SÃO PAULO | FABIO SILVEIRA 2017
ACESSE ESTE CÓDIGO
QR E BAIXE A MATRIZ
AEIOU HANDOUT.
IDENTIFICANDO
UMPROBLEMABOM
PARARESOLVER! :)
MAS, COMO
IREMOS
COMEÇAR?
| IDENTIDADE VISUAL34
IED • SÃO PAULO | FABIO SILVEIRA 2017
VÍDEO
DENIS RUSSO.
TEDX
SP
| IDENTIDADE VISUAL35
IED • SÃO PAULO | FABIO SILVEIRA 2017
MATRIZ
AEIOU
Matriz de pesquisa
Etinográfica criada
para contemplar
importantes dados
na hora da pesquisa
de um assunto.
Este processo foi
inventado pela Doblin
Group Elab, em 1997.
Dá uma espiada lá!
ATIVIDADES é o trabalho de cada uma das pessoas
envolvidas no problema. O que elas fazem no trabalho?
E com qual frequência?A
ESPAÇO é a descrição do local onde ocorrem as ações.
Preste atenção nos detalhes espaciais: no caminho,
conservação, segurança, materiais, observe tudo!E
INTERAÇÕES observar as relações interpessoais
e das pessoas com objetos e equipamentos. As palavras
e a linguagem corporal devem ser levadas em conta.I
OBJETOS a descrição dos objetos e equipamentos.
Quais existem? Quais deveriam estar lá? Quão velhos
estão eles? Quais vocês acharam mais curioso estar lá?O
USUÁRIOS informações sobre as pessoas envolvidas
no problema. Quais seus valores e preconceitos? Nível
socioeconômico? hábitos visíveis etc.U
| IDENTIDADE VISUAL21
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

Contenu connexe

Tendances (16)

Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
 
Projeto Grafico | Identidade CEAGESP
Projeto Grafico | Identidade CEAGESPProjeto Grafico | Identidade CEAGESP
Projeto Grafico | Identidade CEAGESP
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
 
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
 
Palestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BRPalestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BR
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 
Jk 09 Pt
Jk 09 PtJk 09 Pt
Jk 09 Pt
 
Relatório superfície
Relatório superfícieRelatório superfície
Relatório superfície
 
Design de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubimDesign de superfície: criatividade e tecnologia renata rubim
Design de superfície: criatividade e tecnologia renata rubim
 
Design
DesignDesign
Design
 

En vedette

Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)Felipe Fernandes
 
Responsive web design
Responsive web designResponsive web design
Responsive web designTersis Zonato
 
Introdução a experiência e design de Interação
Introdução a experiência e design de InteraçãoIntrodução a experiência e design de Interação
Introdução a experiência e design de InteraçãoClaudia Bordin Rodrigues
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas WebModeradora
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDra. Camila Hamdan
 
Critical analysis of a website design
Critical analysis of a website designCritical analysis of a website design
Critical analysis of a website designLijo M Loyid
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteEmília Chagas
 
Web 2.0: novos rumos do design de interação
Web 2.0: novos rumos do design de interaçãoWeb 2.0: novos rumos do design de interação
Web 2.0: novos rumos do design de interaçãoPaulo Coimbra
 
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivosResponsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivosDaniel Afonso
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leisFelipe Fernandes
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websitesIntrus
 

En vedette (20)

Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Introdução a experiência e design de Interação
Introdução a experiência e design de InteraçãoIntrodução a experiência e design de Interação
Introdução a experiência e design de Interação
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
 
Critical analysis of a website design
Critical analysis of a website designCritical analysis of a website design
Critical analysis of a website design
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistente
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Web 2.0: novos rumos do design de interação
Web 2.0: novos rumos do design de interaçãoWeb 2.0: novos rumos do design de interação
Web 2.0: novos rumos do design de interação
 
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivosResponsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Curriculumvitae2014
Curriculumvitae2014Curriculumvitae2014
Curriculumvitae2014
 
Web Design > Gestalt e suas leis
Web Design > Gestalt e suas leisWeb Design > Gestalt e suas leis
Web Design > Gestalt e suas leis
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websites
 
Elementos visuais I
Elementos visuais IElementos visuais I
Elementos visuais I
 

Plus de Fabio Silveira: Designer | Professor (10)

Aula Naming
Aula NamingAula Naming
Aula Naming
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
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
 
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.
 
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
 

Definição do problema identidade visual

  • 1. 21 GRÁFICOIIIDENTIDADE VISUAL : DEFINIÇÃO DO PROBLEMA PROF. FABIO SILVEIRA IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN PROJETO 02
  • 2. | IDENTIDADE VISUAL22 IED • SÃO PAULO | FABIO SILVEIRA 2017 BRUNO MUNARIDASCOISAS NASCEMASCOISAS ED.MARTINSFONTES.SP.1998
  • 3. | IDENTIDADE VISUAL23 IED • SÃO PAULO | FABIO SILVEIRA 2017 PPROBLEMA SOLUÇÃO S
  • 4. | IDENTIDADE VISUAL24 IED • SÃO PAULO | FABIO SILVEIRA 2017 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
  • 5. | IDENTIDADE VISUAL25 IED • SÃO PAULO | FABIO SILVEIRA 2017 RODOLFO FUENTESAPRÁTICADODESIGNGRÁFICO ED.ROSARI.SP.2006
  • 6. | IDENTIDADE VISUAL26 IED • SÃO PAULO | FABIO SILVEIRA 2017 Encomenda dotrabalho pelocliente 1DEFINIÇÃODOPROBLEMA Analisar, interpretare organizara informação 2DEFINIÇÃODOPROBLEMA Especificações paraa visualização 3DEFINIÇÃODOPROBLEMA
  • 7. | IDENTIDADE VISUAL27 IED • SÃO PAULO | FABIO SILVEIRA 2017 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
  • 8. | IDENTIDADE VISUAL28 IED • SÃO PAULO | FABIO SILVEIRA 2017 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
  • 9. | IDENTIDADE VISUAL29 IED • SÃO PAULO | FABIO SILVEIRA 2017 DESIGN THINKINGDESIGNTH!NKING DEPAULHARRISEGAVINAMBROSE ED.BOOKMAN.SP.2011
  • 10. | IDENTIDADE VISUAL30 IED • SÃO PAULO | FABIO SILVEIRA 2017FONTE: D.SCHOOL. HTTP://DSCHOOL.STANFORD.EDU/ ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR D. SCHOOL STANFORD UNIVERSITY
  • 11. | IDENTIDADE VISUAL31 IED • SÃO PAULO | FABIO SILVEIRA 2017 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
  • 12. | IDENTIDADE VISUAL32 IED • SÃO PAULO | FABIO SILVEIRA 2017 MAS, COMO IREMOS COMEÇAR?
  • 13. | IDENTIDADE VISUAL33 IED • SÃO PAULO | FABIO SILVEIRA 2017 ACESSE ESTE CÓDIGO QR E BAIXE A MATRIZ AEIOU HANDOUT. IDENTIFICANDO UMPROBLEMABOM PARARESOLVER! :) MAS, COMO IREMOS COMEÇAR?
  • 14. | IDENTIDADE VISUAL34 IED • SÃO PAULO | FABIO SILVEIRA 2017 VÍDEO DENIS RUSSO. TEDX SP
  • 15. | IDENTIDADE VISUAL35 IED • SÃO PAULO | FABIO SILVEIRA 2017 MATRIZ AEIOU Matriz de pesquisa Etinográfica criada para contemplar importantes dados na hora da pesquisa de um assunto. Este processo foi inventado pela Doblin Group Elab, em 1997. Dá uma espiada lá! ATIVIDADES é o trabalho de cada uma das pessoas envolvidas no problema. O que elas fazem no trabalho? E com qual frequência?A ESPAÇO é a descrição do local onde ocorrem as ações. Preste atenção nos detalhes espaciais: no caminho, conservação, segurança, materiais, observe tudo!E INTERAÇÕES observar as relações interpessoais e das pessoas com objetos e equipamentos. As palavras e a linguagem corporal devem ser levadas em conta.I OBJETOS a descrição dos objetos e equipamentos. Quais existem? Quais deveriam estar lá? Quão velhos estão eles? Quais vocês acharam mais curioso estar lá?O USUÁRIOS informações sobre as pessoas envolvidas no problema. Quais seus valores e preconceitos? Nível socioeconômico? hábitos visíveis etc.U
  • 16. | IDENTIDADE VISUAL21 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