91
EURIPEDES MAGALHÃES - @EURIPEDESM Design de Marcas

Criação de Marcas e identidades visuais - Euripedes Guimarães

Embed Size (px)

DESCRIPTION

Apresentação do Professor Euripedes Magalhães no curso de E-branding - Criação de Marcas e identidades visuais.

Citation preview

Page 1: Criação de Marcas e identidades visuais - Euripedes Guimarães

EURIPEDES MAGALHÃES - @EURIPEDESM

Design de Marcas

Page 2: Criação de Marcas e identidades visuais - Euripedes Guimarães

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

O que define uma identidade visual?

Page 3: Criação de Marcas e identidades visuais - Euripedes Guimarães

IDENTIDADE

“Conjunto de características e circunstâncias que distinguem uma pessoa ou uma coisa* e graças àsquais é possível individualizá-la”

Dicionário Houaiss da Língua Portuguesa

Page 4: Criação de Marcas e identidades visuais - Euripedes Guimarães

PRA QUE SERVE IDENTIDADE VISUAL?

Marks of Excellence, 1997.

IDENTIDADE VISUAL

ATINGIR OBJETIVOS DO NEGÓCIO

identificação interna

redução de custos

identificação externa

incrementar vendas

Page 5: Criação de Marcas e identidades visuais - Euripedes Guimarães

PRA QUE SERVE IDENTIDADE VISUAL?

• Individualidade da marca - diferenciação.

• Expressar visualmente que tipo de organização o cliente é. (ex. formal x informal)

• Transmite atributos da marca. (segurança, confiança, etc)

• Conecta o cliente a imagens e ideias. (apple= cool! - Harley=potência - Volvo=segurança)

• Consistência nos canais de comunicação (sistematização)

• Torna a compra / memorização mais fácil para o consumidor

Jair Alves

Page 6: Criação de Marcas e identidades visuais - Euripedes Guimarães

QUANDO PENSAR EM IDENTIDADE VISUAL?

• Nova Empresa, novo produto, novo serviço.

• Aquisição, Fusão

• Reposicionamento

• Novo mercado

• Troca de nome

• Revitalização

Jair Alves

Page 7: Criação de Marcas e identidades visuais - Euripedes Guimarães

ANTES - DEPOIS

Page 8: Criação de Marcas e identidades visuais - Euripedes Guimarães

INTERNET

Page 9: Criação de Marcas e identidades visuais - Euripedes Guimarães

EM QUAIS MATERIAIS CONSISTEM A ID?

• Símbolo

• Logotipo

• Cor

• Tipografia

• Aplicações (papelaria, catálogos, produtos, embalagens, frota, uniformes, etc....)

Jair Alves

Page 10: Criação de Marcas e identidades visuais - Euripedes Guimarães

...E MAIS DO QUE NUNCA:

Page 11: Criação de Marcas e identidades visuais - Euripedes Guimarães

QUAL É MINHA IDENTIDADE?

Page 12: Criação de Marcas e identidades visuais - Euripedes Guimarães

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

Identidade Corporativa

Page 13: Criação de Marcas e identidades visuais - Euripedes Guimarães

IDENTIDADE CORPORATIVA

“...Identidade corporativa é o que a empresa é. E isso é muito sério, tem implicações. Você não é tudo o que gostaria: tem chulé, faz malcriações, acorda de mau homor. Uma empresa também. Não conheço nenhuma que seja um ícone de idealismo virtuoso...”

Lígia Fascioni

Page 14: Criação de Marcas e identidades visuais - Euripedes Guimarães

IDENTIDADE CORPORATIVA

“...o designer (e às vezes, nem isso) centraliza todo o seu trabalho na equivocada pergunta ‘qual a imagem que o senhor quer passar na marca da sua empresa?’, quando deveria começar o trabalho questionando ‘quem é a sua empresa?’...”

Lígia Fascioni

Page 15: Criação de Marcas e identidades visuais - Euripedes Guimarães

DIFERENÇAS ENTRE IC E ID

Lígia Fascioni, 2010

IDENTIDADE DESCRIÇÃO

Corporativa

Visual

Conjunto de atributos intangíveis (psicológicos) que definem quem a empresa é.

É o sistema que traduz a identidade da empresa em termos visuais: define usos para cores,

símbolos, tipografias, formas e grafismos a serem usados para identificar visualmente a empresa.

Page 16: Criação de Marcas e identidades visuais - Euripedes Guimarães

ATRIBUTOS DE UMA MARCA

Lígia Fascioni, 2010

IDENTIDADE

Essenciais

Acidentais

DESCRIÇÃO

Relacionados ao caráter, representam a essência e praticamente não mudam. Sofrem apenas variações

sutis de ênfase ao longo do ciclo de vida.

Relacionados às manifestações físicas, materiais, conjunturais. Mudam com frequência e se adequam

às diversas fases do ciclo de vida da empresa.

Page 17: Criação de Marcas e identidades visuais - Euripedes Guimarães

“Quanto mais muda, mais é a mesma coisa.”

Alphonse Karr

A Profa. Dra. Lígia Fascioni acredita que para uma fusão ou aquisição funcionar, é preciso assegurar que as identidades das empresas envolvidas sejam compatíveis.

ATRIBUTOS DE UMA MARCA

Page 18: Criação de Marcas e identidades visuais - Euripedes Guimarães

ATRIBUTOS DE UMA MARCA

Page 19: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 20: Criação de Marcas e identidades visuais - Euripedes Guimarães

CRIAÇÃO DE MARCA E IDENTIDADE VISUAL

E o Digital?

Page 21: Criação de Marcas e identidades visuais - Euripedes Guimarães

O design de marcas na era contemporânea deve pensar que os pixels são por vezes o suporte complementar da identidade e por vezes o suporte principal de apresentação da marca.

E o meio digital não se resume obviamente à uma página web.

MARCAS NO MEIO DIGITAL

Page 22: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 23: Criação de Marcas e identidades visuais - Euripedes Guimarães

No livro “DNA Empresarial”, a Profa. Dra. Lígia Fascione fala sobre a identidade líquida. Aqui podemos citar as “marcas líquidas”.

Líquidos, fluidos se adequam ao espaço onde são inseridos, se adequando as formas do espaço e adentrando profundamente em todas as reentrâncias existentes.

DESIGN LÍQUIDO

Page 24: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 25: Criação de Marcas e identidades visuais - Euripedes Guimarães

Tanto como nascer “offline” e se tornar “online”, a marca pode sair do digital e partir para o físico, em expansões praticamente infinitas.

Isso deve ser levado em consideração no design de marcas. Não é possível mais desassociar uma situação da outra.

DESIGN LÍQUIDO

Page 26: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 27: Criação de Marcas e identidades visuais - Euripedes Guimarães

O design de marcas não é só o design para um símbolo gráfico que vai estar em algum site, mas também design para sistemas integrados digitais e gráficos, onde essa marca tem que se expandir coerentemente e integralmente.

INTERFACE

Page 28: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 29: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 30: Criação de Marcas e identidades visuais - Euripedes Guimarães

Culturalmente, o Brasil ainda não é um país acostumado a consumir design de qualidade (não estou falando de design de carros).

É papel do designer “educar” o cliente para que para que essa cultura cresça e se solidifique.

CULTURA DE CONSUMO DE DESIGN

Page 31: Criação de Marcas e identidades visuais - Euripedes Guimarães

BRAINSTORM X ABORDAGEM METODOLÓGICA

Como fazer design?

Page 32: Criação de Marcas e identidades visuais - Euripedes Guimarães

Muitos profissionais divergem sobre a forma mais correta de definir uma estratégia, metodologia ou sequência de trabalho para se definir o design de uma marca.

O PROCESSO CRIATIVO

Page 33: Criação de Marcas e identidades visuais - Euripedes Guimarães

“Não sei se existe a inspiração, mas se ela vier, vaime encontrar trabalhando”.

Pablo Picasso

EXPERIMENTAÇÃO

Rafic Farah

Page 34: Criação de Marcas e identidades visuais - Euripedes Guimarães

O símbolo e o logotipo devem ter algum conceito relacionado ao tipo de negócio da empresa, deve refletir o que a marca quer passar.

CONCEITUAÇÃO

Nike deusa grega da vitória.O símbolo desenhado por Carolyn Davidson, representa a abstração da asa de uma estátua desta deusa.

Page 35: Criação de Marcas e identidades visuais - Euripedes Guimarães

BRAINSTORM X ABORDAGEM METODOLÓGICA

Processo Criativo

Page 36: Criação de Marcas e identidades visuais - Euripedes Guimarães

“O norte do designer é a cultura”

Claudio Ferlauto

Page 37: Criação de Marcas e identidades visuais - Euripedes Guimarães

Segunda a Profa. Msc. e artista Martha Gabriel a criatividade está vinculada a bloqueios e preconceitos que fazem parte da nossa formação cultural.

Alguns fatores que inibem a criatividade segundo Martha. Gabriel, além da preguiça:

• Rótulos• Riscos• Ego• Dinheiro• Ambiente

COMO SER CRIATIVO

Page 38: Criação de Marcas e identidades visuais - Euripedes Guimarães

• Veja muitas referências

• Conheça o que o mercado está fazendo

• Seja entusiasta

• Pratique alguma atividade relacionada artes ou diversão (música, leitura, dança, teatro, cinema)

COMO SER CRIATIVO

Page 39: Criação de Marcas e identidades visuais - Euripedes Guimarães

“A solução mora no problema”

Rico Lins

Dados, dados, dados, pesquisa, pesquisa, pesquisa. Todas as informações que forem encontradas são importantes, entender a IDENTIDADE CORPORATIVA vai ajudar no design da marca.

Dados de planejamento, objetivos de branding, pesquisa de comportamento do consumidor, tendências do seguimento...

CAMINHOS

Page 40: Criação de Marcas e identidades visuais - Euripedes Guimarães

• Concorrentes

• Mercado semelhante

• Problemas da marca existente

• Qualidades da marca existente

• Objetivos primários e secundários

PARA ANALISAR

Page 41: Criação de Marcas e identidades visuais - Euripedes Guimarães

DEFINIÇÃO DO PROBLEMA

• QUAL A FUNCIONALIDADE DO PRODUTO/SERVIÇO?

• QUAL O OBJETIVO FINAL DESSE PRODUTO/SERVIÇO?

PROCESSO CRIATIVO POR BRUNO MUNARI

Page 42: Criação de Marcas e identidades visuais - Euripedes Guimarães

DF COLETA E ANÁLISE

• EXISTE ALGO NO MERCADO?

• QUAL O PÚBLICO?

• O QUE JÁ FOI FEITO?

• O QUE OBTEVE SUCESSO RELACIONADO A ISSO?

PROCESSO CRIATIVO POR BRUNO MUNARI

Page 43: Criação de Marcas e identidades visuais - Euripedes Guimarães

DF CD CRIATIVIDADE

• PAINEL SEMÂNTICO

• RELAÇÕES VISUAIS

• RELAÇÕES MUSICAIS

• CONCEITOS DE DESIGN

PROCESSO CRIATIVO POR BRUNO MUNARI

Page 44: Criação de Marcas e identidades visuais - Euripedes Guimarães

PROBLEMA: Marca para empresa provedora de acesso web

DEFINIÇÃO DO PROBLEMA: Apresentar a versatilidade da empresa e sua agilidade de atendimento e qualidade de serviços

EXEMPLO:

Page 45: Criação de Marcas e identidades visuais - Euripedes Guimarães

COLETA DE DADOS

PALAVRAS-CHAVE:Mundo, Internet, Conexão, Versatilidade

IMAGENS:

EXEMPLO:

Page 46: Criação de Marcas e identidades visuais - Euripedes Guimarães

SOLUÇÃO

EXEMPLO:

Page 47: Criação de Marcas e identidades visuais - Euripedes Guimarães

DIAGNÓSTICO DA SITUAÇÃO DE PROJETO

SOLUÇÃO PRELIMINAR

TESTAGENS

SOLUÇÃO

PROJETO DAS APLICAÇÕES

PRODUÇÃO DO MANUAL DE IDENTIDADE

IMPLANTAÇÃO DO SISTEMA

PROCESSO CRIATIVO POR MARIA LUÍSA PEÓN

Page 48: Criação de Marcas e identidades visuais - Euripedes Guimarães

COMO BUSCAR REFERÊNCIAS

Livros, internet, amigos, pesquisas compradas, pontos de venda, qualquer experiência ajuda no processo.

O painel semântico pode ser uma ótima ferramenta, pois cria um padrão visual que auxilia na percepção das relações entre os assuntos.

• Anote tudo

• Guarde tudo

Page 49: Criação de Marcas e identidades visuais - Euripedes Guimarães

TÉCNICAS DO CAMPO SEMÂNTICO

Painel Semântico

Page 50: Criação de Marcas e identidades visuais - Euripedes Guimarães

“Criar é associar dados nunca antes associados”

Claudio Ferlauto

Page 51: Criação de Marcas e identidades visuais - Euripedes Guimarães

PAINEL SEMÂNTICO

Semântica é o estudo do significado da linguagem.

O painel semântico é um guia de referências rápido, ele pode ser formatado de diversas maneiras de acordo com a necessidade do projeto ou área de atuação.

Ele pode conter:

• Somente imagens (referências visuais)

• Somente textos (conceitos e palavras-chave)

• imagens e textos interrelacionados

Page 52: Criação de Marcas e identidades visuais - Euripedes Guimarães

PAINEL SEMÂNTICO - EXEMPLOS

PAINEL DE QUALIDADES

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html

Page 53: Criação de Marcas e identidades visuais - Euripedes Guimarães

PAINEL SEMÂNTICO - EXEMPLOS

PAINEL ICONOGRÁFICO

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html

Page 54: Criação de Marcas e identidades visuais - Euripedes Guimarães

Fonte: http://www.arthursoares.com

PAINEL SEMÂNTICO - EXEMPLOS

EXPRESSÃO DO PRODUTO - REFERÊNCIAS VISUAIS - ESTILO DE VIDA

Page 55: Criação de Marcas e identidades visuais - Euripedes Guimarães

PAINEL SEMÂNTICO - EXEMPLOS

Fonte: http://fernandasegolin.wordpress.com

Page 56: Criação de Marcas e identidades visuais - Euripedes Guimarães

http://www.youtube.com/watch?v=fDwRMmqAwV0

PAINEL SEMÂNTICO

Page 57: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONSTRUINDO A MARCA

Cores

Page 58: Criação de Marcas e identidades visuais - Euripedes Guimarães

CORES

Não é necessário citar a importância das cores, que envolve estudos longos e importantes, mas também ela é fator determinante na apresentação coerente dos conceitos aplicados na marca.

Existem significados psicológicos para cores, Modesto Farina em seu livro cita essas sensações e possíveis aplicações em diversos meios.

Exemplo do azul:• associação material: montanhas longínquas, frio, mar, céu, gelo, feminilidade, águas tranquilas• associação afetiva: espaço, viagem, verdade, sentido, afeto, infinito, sentimento profundo, meditação

Page 59: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 60: Criação de Marcas e identidades visuais - Euripedes Guimarães

CORES

Levar em consideração

Cor RGB - TELA

Cor CMYK - IMPRESSÃO

Cor Pantone - COR ESPECIAL

Cada cor tem uma aplicação específica, porém elas devem manter a identidade em diversos meios, por isso é importante escolher cores e criar cores que podem ser facilmente utilizadas tanto na web quanto fora dela.

Page 61: Criação de Marcas e identidades visuais - Euripedes Guimarães

CORES

Com aplicações simples dos símbolos da marca e com um foco grande nas cores, conseguimos identificar facilmente uma empresa.

Marcelo Trevisani defende “Marca é a cultura e as experiências que residem na mente de cada consumidor a respeito de um produto ou serviço de uma empresa.”.

E as cores ajudam nesse processo.

Page 62: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 63: Criação de Marcas e identidades visuais - Euripedes Guimarães

CORES

O designer Alexandre Wollner defende o uso de poucas cores na criação de marcas, para que seja facilmente identificada e para que seja mais prática e barata nos processos de impressão.

Page 64: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONSTRUINDO A MARCA

A marca como símbolo

Page 65: Criação de Marcas e identidades visuais - Euripedes Guimarães

SÍMBOLO

Acredita-se que o sonho de cada marca é ser sintética suficiente para que o nome escrito da marca possa ser excluído.

Obviamente isso vai depender da força da marca e quanto a marca está na mídia, depende da força que essa marca tem. Normalmente acontece com marcas mais antigas, mas hoje em dia já acontece com marcas que são usadas diariamente.

Page 66: Criação de Marcas e identidades visuais - Euripedes Guimarães

Jair Alves

Alexandre Wollner

Page 67: Criação de Marcas e identidades visuais - Euripedes Guimarães

SÍMBOLO

Os símbolos são elementos identificadores que apóiam o conceito da marca e o representam, a partir de determinado momento podem se tornar até objetos de desejo e compra.

Page 68: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 69: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONSTRUINDO A MARCA

Tipografia

Page 70: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Tipografia vai além do simples desenho da fonte (caracteres), tipografia tem relação com a forma com que a LETRA É USADA, isso engloba diagramação, uso das cores e um forte pensamento em linguagem visual.

Page 71: Criação de Marcas e identidades visuais - Euripedes Guimarães

“A tipografia é acara da linguagem”

Ellen Lupton

Page 72: Criação de Marcas e identidades visuais - Euripedes Guimarães

TIPOGRAFIA

Com tipografia é possível trazer situações visuais que englobem as sensações desejadas.

Trabalhe pesos e formas de acordo com a necessidade.

Page 73: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Existem muitas marcas que são criadas somente com tipos.

Page 74: Criação de Marcas e identidades visuais - Euripedes Guimarães

Simplicidade!!!

Page 75: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Fontes têm história, a maioria delas foi criada com um propósito industrial.

Neoclássica, século 18 Romântica, séculos 18 e 19

Renascentista, séculos 15 e 16 Barroca, século 17

• eixo humanista• terminais precisos• abertura grande• itálico equivalente

• traço modulado• eixo racionalista• terminais em gota• terminais em botão

Elementos do estilo tipográfico

Page 76: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Fontes têm história, a maioria delas foi criada com um propósito industrial.

Modernista lírica, século 20 Pós-moderna, século 21

Realista, séculos 19 e 20 Modernista geométrica, século 20

• eixo vertical• serifas ausentes• peso igual• itálico ausente

• traço modulado• eixo humanista• serifas oriundas da pena• serigas afiadas

Elementos do estilo tipográfico

Page 77: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Devemos lembrar que muitas fontes são feitas para a tela ou para a impressão.

Devemos contar com o “hint” da fonte?

E as telas de alta resolução?

Helvetica Verdana

Times Georgia

Page 78: Criação de Marcas e identidades visuais - Euripedes Guimarães

A TIPOGRAFIA NAS MARCAS

Hoje já é possível embedar fontes no html ou hospedar a fonte em servidores específicos, que pode facilitar ou até mesmo acabar com a necessidade de utilizar fontes substitutas no html.

Page 79: Criação de Marcas e identidades visuais - Euripedes Guimarães

TIPOGRAFIA

Use famílias e suas variações na identidade visual.

Se a fonte da marca for uma fonte específica, procure uma fonte de apoio. Pode ser definida também uma fonte “display” para títulos e uma fonte mais voltada para leitura, texto.

Page 80: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 81: Criação de Marcas e identidades visuais - Euripedes Guimarães

http://www.youtube.com/watch?v=CAV0XrbEwNc

TIPOGRAFIA AJUDA, E MUITO

Page 82: Criação de Marcas e identidades visuais - Euripedes Guimarães

http://www.youtube.com/watch?v=a2J8KJDsqqY

A TIPOGRAFIA NAS MARCAS

Page 83: Criação de Marcas e identidades visuais - Euripedes Guimarães
Page 84: Criação de Marcas e identidades visuais - Euripedes Guimarães

http://www.youtube.com/watch?v=Elo7WeIydh8

TIPOGRAFIA AJUDA, E MUITO

Page 85: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONSTRUINDO A MARCA

Conclusões

Page 86: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONCLUSÕES

Devemos sempre levar em consideração:

• contexto• conceito• aplicações• tecnologias• suportes• estética• cores

Marca é a síntese dos conceitos de design e da empresa, aplicados em um signo gráfico visual.

Page 87: Criação de Marcas e identidades visuais - Euripedes Guimarães

CONCLUSÕES

E também é importante pensar:

• tridimensionalidade• animações• materiais promocionais• sinalização• e muito mais

Pense globalmente (para tudo).

Page 88: Criação de Marcas e identidades visuais - Euripedes Guimarães

http://www.youtube.com/watch?v=cFnL4eo2094

MARCA DAS OLIMPÍADAS

Page 89: Criação de Marcas e identidades visuais - Euripedes Guimarães

DIGITALKS

• Pensar com tipos - Ellen Lupton• Projeto tipográfico - Cláudio Rocha• Elementos do estilo tipográfico - Robert Bringhust• Sistemas de identidade visual - Maria Luísa Peón• Das coisas nascem coisas - Bruno Munari• Psicodinâmica das cores em comunicação - Modesto Farina• DNA Empresarial - Lígia Fascioni • Gestalt do Objeto - João Gomes Filho

Links úteis e bibliografia

Page 90: Criação de Marcas e identidades visuais - Euripedes Guimarães

DIGITALKS

• http://typekit.com• http://typeface.neocracy.org/examples.html• http://www.logodesignlove.com• http://logofaves.com• http://www.logomoose.com• http://logooftheday.com• http://www.logopond.com• http://38one.com/cleverblog

Links úteis e bibliografia

Page 91: Criação de Marcas e identidades visuais - Euripedes Guimarães

DIGITALKS

web: www.euripedes.com.brmail: [email protected]: @euripedesm

MAIS:www.futurecast.com.brhttp://posmktdigital.wordpress.com/www.twitter.com/mktdigimpacta

Obrigado