SlideShare uma empresa Scribd logo
Identidade visual
solidária e livre
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
Padrão visual encontrado na Economia Solidária
Cirandas.net: ferramentas de Internet para
empreendimentos solidários do FBES
Logos encontradas no Cirandas
Embalagens encontradas no Cirandas
Foco na descrição do produto, escolha de produto local,
uso de dialeto, não usa selos próprios (Classic, Premium)
Avaliação geral das identidades
•Enfatiza a origem do produto como diferencial
•Distingue-se das grandes corporações pelo:
•Alto contraste entre cores
•Formas complexas sobre fundos simples
•Descrição do produto em destaque
•Referências a produtos caseiros e coloniais
•Difícil de reproduzir em outras mídias
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
Exemplo de uma identidade visual que nós fizemos
utilizando Inkscape
Símbolo e tipografia copiados de bases livres
Processo de co-criação na Plataforma Corais (corais.org)
Identidade visual livre
•Co-criada com clientes e fornecedores
•Sem briga de egos
•Feita com software livre
•Resultados compartilhados
Começando o processo
de co-criação
Jogo do Produto Pinóquio
•Imagine que seu produto é
uma pessoa e faça um
desenho dele
•Anote em papéis separados
como ele responderia as
seguintes perguntas
•Como sou? Qual é a minha
comunidade? O que me faz
diferente? Qual é a minha
luta?
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
Tarefa de casa
•Buscar referências visuais
para sua identidade
•Recortar de revistas e
jornais imagens
relacionadas ao tema
(quanto mais melhor)
•Tirar foto e imprimir
•Objetivo é fazer um painel
semântico da sua marca
Referências
•Design para quem não é designer, Robin Williams
•Design Livre, Instituto Faber-Ludens
Obrigado!
Frederick van Amstel @usabilidoido
www.usabilidoido.com.br

Mais conteúdo relacionado

Semelhante a Identidade visual solidária e livre

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
 
Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisiDeisi Motter
 
Design autogestionário: experiências e prospecções
Design autogestionário: experiências e prospecçõesDesign autogestionário: experiências e prospecções
Design autogestionário: experiências e prospecçõesUTFPR
 
Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisBrav Design
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauaraDi 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
 
Conheça a Loa Design
Conheça a Loa DesignConheça a Loa Design
Conheça a Loa Designloa_design
 
Zimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteZimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteCarolina Poll
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão DesignerRafael Burity
 

Semelhante a Identidade visual solidária e livre (20)

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
 
Branding
BrandingBranding
Branding
 
Fundamentos de Branding
Fundamentos de BrandingFundamentos de Branding
Fundamentos de Branding
 
Identidade visua ldeisi
Identidade visua ldeisiIdentidade visua ldeisi
Identidade visua ldeisi
 
Design autogestionário: experiências e prospecções
Design autogestionário: experiências e prospecçõesDesign autogestionário: experiências e prospecções
Design autogestionário: experiências e prospecções
 
Construção da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentaisConstrução da Marca - Conceitos fundamentais
Construção da Marca - Conceitos fundamentais
 
Projeto GráFico123
Projeto GráFico123Projeto GráFico123
Projeto GráFico123
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauara
 
Ap Marcas
Ap MarcasAp Marcas
Ap Marcas
 
Lui.pdf
Lui.pdfLui.pdf
Lui.pdf
 
Apresentação Smart target
Apresentação Smart targetApresentação Smart target
Apresentação Smart target
 
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
 
Conheça a Loa Design
Conheça a Loa DesignConheça a Loa Design
Conheça a Loa Design
 
Zimya | Design Simples e Diferente
Zimya | Design Simples e DiferenteZimya | Design Simples e Diferente
Zimya | Design Simples e Diferente
 
Marcas
MarcasMarcas
Marcas
 
Apresentação TCC
Apresentação TCCApresentação TCC
Apresentação TCC
 
Aula Marca
Aula MarcaAula Marca
Aula Marca
 
Resumo palestras 1,2,3
Resumo palestras 1,2,3Resumo palestras 1,2,3
Resumo palestras 1,2,3
 
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
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão Designer
 

Mais de 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
 

Mais de 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)
 

Identidade visual solidária e livre

  • 1. Identidade visual solidária e livre 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. Padrão visual encontrado na Economia Solidária
  • 8. Cirandas.net: ferramentas de Internet para empreendimentos solidários do FBES
  • 11. Foco na descrição do produto, escolha de produto local, uso de dialeto, não usa selos próprios (Classic, Premium)
  • 12. Avaliação geral das identidades •Enfatiza a origem do produto como diferencial •Distingue-se das grandes corporações pelo: •Alto contraste entre cores •Formas complexas sobre fundos simples •Descrição do produto em destaque •Referências a produtos caseiros e coloniais •Difícil de reproduzir em outras mídias
  • 13. Uma identidade visual se espalha por diferentes mídias
  • 14. Componentes de uma identidade visual •Briefing •Logotipo •Símbolo •Tipografia (fonte) •Cor
  • 16. 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
  • 17. 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
  • 18. Processo de criação da marca das Olimpíadas 2016
  • 19. O processo de design é muitas vezes uma caixa preta
  • 20. Design Livre: abrir a caixa preta para que outras pessoas continuem o processo de design
  • 21. Um produto de design nunca fica pronto. As pessoas mudam a percepção sobre as marcas.
  • 22. 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
  • 23. Inkscape: software livre para criar identidade visual
  • 24. Exemplo de uma identidade visual que nós fizemos utilizando Inkscape
  • 25. Símbolo e tipografia copiados de bases livres
  • 26. Processo de co-criação na Plataforma Corais (corais.org)
  • 27. Identidade visual livre •Co-criada com clientes e fornecedores •Sem briga de egos •Feita com software livre •Resultados compartilhados
  • 28. Começando o processo de co-criação
  • 29. Jogo do Produto Pinóquio •Imagine que seu produto é uma pessoa e faça um desenho dele •Anote em papéis separados como ele responderia as seguintes perguntas •Como sou? Qual é a minha comunidade? O que me faz diferente? Qual é a minha luta?
  • 30. 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
  • 31. Tarefa de casa •Buscar referências visuais para sua identidade •Recortar de revistas e jornais imagens relacionadas ao tema (quanto mais melhor) •Tirar foto e imprimir •Objetivo é fazer um painel semântico da sua marca
  • 32. Referências •Design para quem não é designer, Robin Williams •Design Livre, Instituto Faber-Ludens
  • 33. Obrigado! Frederick van Amstel @usabilidoido www.usabilidoido.com.br