SlideShare a Scribd company logo
1 of 32
Download to read offline
Cocriação
de identidade visual
Frederick van Amstel @usabilidoido
Design Digital PUCPR
O que é identidade visual?
•Um padrão de imagens, formas, cores e outros
recursos visuais característico de uma
organização
•Consistente em diferentes mídias
•Expressa os valores que a organização quer
mostrar
•Torna-se reconhecível devido à repetição
A identidade visual da Coca Cola é um exemplo de
repetição e consistência
Porém, a identidade visual da Coca-Cola esconde a
obesidade causada pelo excesso de açúcar
A identidade visual também esconde a acumulação de
capital em poucas grandes corporações
Identidade visual solidária
•Honesta e anti-consumista
•Enraizada no local
•Criada e atualizada junto a clientes e
fornecedores
•Experiência compartilhada com outros
empreendimentos solidários
Foco na descrição do produto, escolha de produto local,
uso de dialeto, não usa selos próprios (Classic, Premium)
Uma identidade visual se espalha por diferentes mídias
Componentes de uma
identidade visual
•Briefing
•Logotipo
•Símbolo
•Tipografia (fonte)
•Cor
Logotipos ruins
Jogo da mente poluída
•Formar duplas
•Objetivo: desenhar algo sem sentido
•Uma pessoa desenha algo e quando termina a
outra tenta encontrar sentidos (-1 ponto cada)
•O desenhista agora precisa lembrar os sentidos
dados e acrescentar novos (+1 ponto cada)
•Soma-se os pontos e troca o desenhista
Processo de design
Ciclos dialéticos de criação, análise e síntese dentro de um
projeto, moldados por forças contraditórias.
Paixão
Necessidade
Custo
Prazo
História de um projeto
Processo de criação da marca das Olimpíadas 2016
O processo de design é muitas vezes uma caixa preta
Design Livre: abrir a caixa preta para que outras pessoas
continuem o processo de design
Um produto de design nunca fica pronto. As pessoas
mudam a percepção sobre as marcas.
Aí você quer utilizar a logo para fazer um banner ou fazer
uma pequena modificação, mas descobre que o arquivo foi
feito com um software proprietário que você não tem.
Logomarca.cdr Logomarca.ai Logomarca.psd
Inkscape: software livre para criar identidade visual
Identidade visual livre
•Co-criada com clientes e fornecedores
•Sem briga de egos
•Feita com software livre
•Resultados compartilhados
Como surge uma
identidade visual?
Logo do Citibank criada em 10 minutos por Paula Scher
Logo da Globo criada por Hans Donner durante um vôo
cruzando o Oceano Atlântico
Um jovem anônimo desenhou isso para Richard Branson
Logo criada pelo Cuba Council quando o Marck Zuckerberg
entrou no escritório e perguntou o que era design
Começando o processo
de co-criação
Lego Serious Play
•Monte um modelo sobre a
identidade do seu
empreendimento
•Não é para fazer a sua
fábrica ou escritório
•É pra fazer uma metáfora
(uma coisa para
representar outra)
•Pense com os dedos
Mapeamento de conceitos
•Encher um papel com
palavras que sejam
conceitos relativos à marca
do empreendimento
•Falar em voz alta o
conceito enquanto escreve
•Inspirar-se nas ideias dos
colegas
Engarrafamento de imagens
•Observar os conceitos
gerados e tentar expressá-
los através de rabiscos
simples
•Um conceito por
papelzinho
Matriz de logo
•Circular as escolhas de
tipos visuais na matriz
gráfica
•Fazer um esboço para a
logo do empreendimento
num papel ou guardanapo
separado
Sintetizar tudo no briefing
•Explicar por que a identidade visual é necessária
•Definir as características desejadas da identidade
visual
•Indicar públicos e usuários
•Levantar as mídias em que a identidade será
utilizada (panfleto, livro, website, etc)
•Prazo
Referências
•Design para quem não é designer, Robin Williams
•Design Livre, Instituto Faber-Ludens
•No Logo, Naomi Klein
•Graphic Design Thinking, Ellen Lupton
Obrigado!
Frederick van Amstel @usabilidoido
www.usabilidoido.com.br

More Related Content

Viewers also liked

Apresentação Identidade Visual MCNU
Apresentação Identidade Visual MCNUApresentação Identidade Visual MCNU
Apresentação Identidade Visual MCNUbinamilck
 
Palestra identidade visual
Palestra identidade visualPalestra identidade visual
Palestra identidade visualDanilo Aroeira
 
Identidade Visual Corporativa
Identidade Visual CorporativaIdentidade Visual Corporativa
Identidade Visual CorporativaRenato Melo
 
Guia de Identidade Visual e Naming
Guia de Identidade Visual e NamingGuia de Identidade Visual e Naming
Guia de Identidade Visual e NamingBeto Lima Branding
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)Shawn Calvert
 
Psicologia aplicada ao Design de Interação
Psicologia aplicada ao Design de InteraçãoPsicologia aplicada ao Design de Interação
Psicologia aplicada ao Design de InteraçãoUTFPR
 
Design participativo no governo
Design participativo no governoDesign participativo no governo
Design participativo no governoUTFPR
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?Sidney Roberto
 
Manual de Identidade Visual da Oi
Manual de Identidade Visual da OiManual de Identidade Visual da Oi
Manual de Identidade Visual da OiBeto Lima Branding
 
Experiência do usuário e emergência
Experiência do usuário e emergênciaExperiência do usuário e emergência
Experiência do usuário e emergênciaUTFPR
 
Kapferer Model Brand Identity Prism
Kapferer Model Brand Identity PrismKapferer Model Brand Identity Prism
Kapferer Model Brand Identity Prismnitin59
 

Viewers also liked (11)

Apresentação Identidade Visual MCNU
Apresentação Identidade Visual MCNUApresentação Identidade Visual MCNU
Apresentação Identidade Visual MCNU
 
Palestra identidade visual
Palestra identidade visualPalestra identidade visual
Palestra identidade visual
 
Identidade Visual Corporativa
Identidade Visual CorporativaIdentidade Visual Corporativa
Identidade Visual Corporativa
 
Guia de Identidade Visual e Naming
Guia de Identidade Visual e NamingGuia de Identidade Visual e Naming
Guia de Identidade Visual e Naming
 
ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)ID & BRANDING (Intro to GD, Week 5b)
ID & BRANDING (Intro to GD, Week 5b)
 
Psicologia aplicada ao Design de Interação
Psicologia aplicada ao Design de InteraçãoPsicologia aplicada ao Design de Interação
Psicologia aplicada ao Design de Interação
 
Design participativo no governo
Design participativo no governoDesign participativo no governo
Design participativo no governo
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
Manual de Identidade Visual da Oi
Manual de Identidade Visual da OiManual de Identidade Visual da Oi
Manual de Identidade Visual da Oi
 
Experiência do usuário e emergência
Experiência do usuário e emergênciaExperiência do usuário e emergência
Experiência do usuário e emergência
 
Kapferer Model Brand Identity Prism
Kapferer Model Brand Identity PrismKapferer Model Brand Identity Prism
Kapferer Model Brand Identity Prism
 

Similar to Cocriação de identidade visual

Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisBrav Design
 
Quais os Requisitos Necessários para Criar a Marca da Sua Empresa
Quais os Requisitos Necessários para Criar a Marca da Sua EmpresaQuais os Requisitos Necessários para Criar a Marca da Sua Empresa
Quais os Requisitos Necessários para Criar a Marca da Sua EmpresaGustavo Baldez
 
Zimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteZimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteCarolina Poll
 
Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisiDeisi Motter
 
Branding - Um Passeio pelo Universo das Marcas
Branding - Um Passeio pelo Universo das MarcasBranding - Um Passeio pelo Universo das Marcas
Branding - Um Passeio pelo Universo das MarcasHolistik Brands
 
Marca branding sensorial, posicionamento de marca e naming
Marca   branding sensorial, posicionamento de marca e namingMarca   branding sensorial, posicionamento de marca e naming
Marca branding sensorial, posicionamento de marca e namingBrav Design
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipoIntrus
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauaraDi Design
 

Similar to Cocriação de identidade visual (20)

Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentais
 
Quais os Requisitos Necessários para Criar a Marca da Sua Empresa
Quais os Requisitos Necessários para Criar a Marca da Sua EmpresaQuais os Requisitos Necessários para Criar a Marca da Sua Empresa
Quais os Requisitos Necessários para Criar a Marca da Sua Empresa
 
Zimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteZimya | Design Simples e Diferente
Zimya | Design Simples e Diferente
 
Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisi
 
Branding - Um Passeio pelo Universo das Marcas
Branding - Um Passeio pelo Universo das MarcasBranding - Um Passeio pelo Universo das Marcas
Branding - Um Passeio pelo Universo das Marcas
 
Marca branding sensorial, posicionamento de marca e naming
Marca   branding sensorial, posicionamento de marca e namingMarca   branding sensorial, posicionamento de marca e naming
Marca branding sensorial, posicionamento de marca e naming
 
Fundamentos de Branding
Fundamentos de BrandingFundamentos de Branding
Fundamentos de Branding
 
Apresentação TCC
Apresentação TCCApresentação TCC
Apresentação TCC
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipo
 
Lui.pdf
Lui.pdfLui.pdf
Lui.pdf
 
Fort couro
Fort couroFort couro
Fort couro
 
Aula 2 - Gestão de Marcas em Mídias Sociais e Redes Sociais
Aula 2 - Gestão de Marcas em Mídias Sociais e Redes SociaisAula 2 - Gestão de Marcas em Mídias Sociais e Redes Sociais
Aula 2 - Gestão de Marcas em Mídias Sociais e Redes Sociais
 
Criando uma marca
Criando uma marcaCriando uma marca
Criando uma marca
 
Apresentação Marmota vs Milky
Apresentação Marmota vs MilkyApresentação Marmota vs Milky
Apresentação Marmota vs Milky
 
Ap Marcas
Ap MarcasAp Marcas
Ap Marcas
 
Aba branding 2012 2_f
Aba branding 2012 2_fAba branding 2012 2_f
Aba branding 2012 2_f
 
BRAND - MARCAS
BRAND - MARCAS BRAND - MARCAS
BRAND - MARCAS
 
Identidade visual pdf
Identidade visual pdfIdentidade visual pdf
Identidade visual pdf
 
Marcas
MarcasMarcas
Marcas
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauara
 

More from UTFPR

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in designUTFPR
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designUTFPR
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design objectUTFPR
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovationUTFPR
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven designUTFPR
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelUTFPR
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeUTFPR
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasUTFPR
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialUTFPR
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreUTFPR
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoUTFPR
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivoUTFPR
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no designUTFPR
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?UTFPR
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service designUTFPR
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?UTFPR
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressãoUTFPR
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasUTFPR
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacerUTFPR
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)UTFPR
 

More from UTFPR (20)

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in design
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de design
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven design
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossível
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividade
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiências
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência Artificial
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libre
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpo
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivo
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no design
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service design
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressão
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiências
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)
 

Cocriação de identidade visual

  • 1. Cocriação de identidade visual Frederick van Amstel @usabilidoido Design Digital PUCPR
  • 2. O que é identidade visual? •Um padrão de imagens, formas, cores e outros recursos visuais característico de uma organização •Consistente em diferentes mídias •Expressa os valores que a organização quer mostrar •Torna-se reconhecível devido à repetição
  • 3. A identidade visual da Coca Cola é um exemplo de repetição e consistência
  • 4. Porém, a identidade visual da Coca-Cola esconde a obesidade causada pelo excesso de açúcar
  • 5. A identidade visual também esconde a acumulação de capital em poucas grandes corporações
  • 6. Identidade visual solidária •Honesta e anti-consumista •Enraizada no local •Criada e atualizada junto a clientes e fornecedores •Experiência compartilhada com outros empreendimentos solidários
  • 7. Foco na descrição do produto, escolha de produto local, uso de dialeto, não usa selos próprios (Classic, Premium)
  • 8. Uma identidade visual se espalha por diferentes mídias
  • 9. Componentes de uma identidade visual •Briefing •Logotipo •Símbolo •Tipografia (fonte) •Cor
  • 11. Jogo da mente poluída •Formar duplas •Objetivo: desenhar algo sem sentido •Uma pessoa desenha algo e quando termina a outra tenta encontrar sentidos (-1 ponto cada) •O desenhista agora precisa lembrar os sentidos dados e acrescentar novos (+1 ponto cada) •Soma-se os pontos e troca o desenhista
  • 12. Processo de design Ciclos dialéticos de criação, análise e síntese dentro de um projeto, moldados por forças contraditórias. Paixão Necessidade Custo Prazo História de um projeto
  • 13. Processo de criação da marca das Olimpíadas 2016
  • 14. O processo de design é muitas vezes uma caixa preta
  • 15. Design Livre: abrir a caixa preta para que outras pessoas continuem o processo de design
  • 16. Um produto de design nunca fica pronto. As pessoas mudam a percepção sobre as marcas.
  • 17. Aí você quer utilizar a logo para fazer um banner ou fazer uma pequena modificação, mas descobre que o arquivo foi feito com um software proprietário que você não tem. Logomarca.cdr Logomarca.ai Logomarca.psd
  • 18. Inkscape: software livre para criar identidade visual
  • 19. Identidade visual livre •Co-criada com clientes e fornecedores •Sem briga de egos •Feita com software livre •Resultados compartilhados
  • 21. Logo do Citibank criada em 10 minutos por Paula Scher
  • 22. Logo da Globo criada por Hans Donner durante um vôo cruzando o Oceano Atlântico
  • 23. Um jovem anônimo desenhou isso para Richard Branson
  • 24. Logo criada pelo Cuba Council quando o Marck Zuckerberg entrou no escritório e perguntou o que era design
  • 25. Começando o processo de co-criação
  • 26. Lego Serious Play •Monte um modelo sobre a identidade do seu empreendimento •Não é para fazer a sua fábrica ou escritório •É pra fazer uma metáfora (uma coisa para representar outra) •Pense com os dedos
  • 27. Mapeamento de conceitos •Encher um papel com palavras que sejam conceitos relativos à marca do empreendimento •Falar em voz alta o conceito enquanto escreve •Inspirar-se nas ideias dos colegas
  • 28. Engarrafamento de imagens •Observar os conceitos gerados e tentar expressá- los através de rabiscos simples •Um conceito por papelzinho
  • 29. Matriz de logo •Circular as escolhas de tipos visuais na matriz gráfica •Fazer um esboço para a logo do empreendimento num papel ou guardanapo separado
  • 30. Sintetizar tudo no briefing •Explicar por que a identidade visual é necessária •Definir as características desejadas da identidade visual •Indicar públicos e usuários •Levantar as mídias em que a identidade será utilizada (panfleto, livro, website, etc) •Prazo
  • 31. Referências •Design para quem não é designer, Robin Williams •Design Livre, Instituto Faber-Ludens •No Logo, Naomi Klein •Graphic Design Thinking, Ellen Lupton
  • 32. Obrigado! Frederick van Amstel @usabilidoido www.usabilidoido.com.br