cocriação de identidade visual
TRANSCRIPT
![Page 1: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/1.jpg)
Cocriação de identidade visual
Frederick van Amstel @usabilidoidoDesign Digital PUCPR
![Page 2: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/2.jpg)
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
![Page 3: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/3.jpg)
A identidade visual da Coca Cola é um exemplo de repetição e consistência
![Page 4: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/4.jpg)
Porém, a identidade visual da Coca-Cola esconde a obesidade causada pelo excesso de açúcar
![Page 5: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/5.jpg)
A identidade visual também esconde a acumulação de capital em poucas grandes corporações
![Page 6: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/6.jpg)
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
![Page 7: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/7.jpg)
Foco na descrição do produto, escolha de produto local, uso de dialeto, não usa selos próprios (Classic, Premium)
![Page 8: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/8.jpg)
Uma identidade visual se espalha por diferentes mídias
![Page 9: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/9.jpg)
Componentes de uma identidade visual
• Briefing
• Logotipo
• Símbolo
• Tipografia (fonte)
• Cor
![Page 10: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/10.jpg)
Logotipos ruins
![Page 11: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/11.jpg)
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
![Page 12: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/12.jpg)
Processo de designCiclos 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
![Page 13: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/13.jpg)
Processo de criação da marca das Olimpíadas 2016
![Page 14: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/14.jpg)
O processo de design é muitas vezes uma caixa preta
![Page 15: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/15.jpg)
Design Livre: abrir a caixa preta para que outras pessoas continuem o processo de design
![Page 16: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/16.jpg)
Um produto de design nunca fica pronto. As pessoas mudam a percepção sobre as marcas.
![Page 17: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/17.jpg)
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
![Page 18: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/18.jpg)
Inkscape: software livre para criar identidade visual
![Page 19: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/19.jpg)
Identidade visual livre
• Co-criada com clientes e fornecedores
• Sem briga de egos
• Feita com software livre
• Resultados compartilhados
![Page 20: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/20.jpg)
Como surge uma identidade visual?
![Page 21: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/21.jpg)
Logo do Citibank criada em 10 minutos por Paula Scher
![Page 22: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/22.jpg)
Logo da Globo criada por Hans Donner durante um vôo cruzando o Oceano Atlântico
![Page 23: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/23.jpg)
Um jovem anônimo desenhou isso para Richard Branson
![Page 24: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/24.jpg)
Logo criada pelo Cuba Council quando o Marck Zuckerberg entrou no escritório e perguntou o que era design
![Page 25: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/25.jpg)
Começando o processo de co-criação
![Page 26: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/26.jpg)
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
![Page 27: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/27.jpg)
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
![Page 28: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/28.jpg)
Engarrafamento de imagens
•Observar os conceitos gerados e tentar expressá-los através de rabiscos simples
•Um conceito por papelzinho
![Page 29: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/29.jpg)
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
![Page 30: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/30.jpg)
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
![Page 31: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/31.jpg)
Referências
•Design para quem não é designer, Robin Williams
•Design Livre, Instituto Faber-Ludens
•No Logo, Naomi Klein
•Graphic Design Thinking, Ellen Lupton
![Page 32: Cocriação de identidade visual](https://reader031.vdocuments.mx/reader031/viewer/2022022203/58766ff01a28abd0018b5edf/html5/thumbnails/32.jpg)
Obrigado!Frederick van Amstel @usabilidoido
www.usabilidoido.com.br