EURIPEDES MAGALHES - @EURIPEDESM

Design de Marcas
CRIAO DE MARCA E IDENTIDADE VISUAL

O que define uma

identidade visual?
IDENTIDADE

Conjunto de caractersticas e circunstncias que

distinguem uma pessoa ou uma coisa* e graas s
quais possvel individualiz-la
Dicionrio Houaiss da Lngua Portuguesa
PRA QUE SERVE IDENTIDADE VISUAL?

IDENTIDADE VISUAL

identificao interna identificao externa

reduo de custos incrementar vendas

ATINGIR OBJETIVOS DO NEGCIO

Marks of Excellence, 1997.
PRA QUE SERVE IDENTIDADE VISUAL?

Individualidade da marca - diferenciao.

Expressar visualmente que tipo de organizao

o cliente . (ex. formal x informal)

Transmite atributos da marca. (segurana, confiana, etc)

Conecta o cliente a imagens e ideias.

(apple= cool! - Harley=potncia - Volvo=segurana)

Consistncia nos canais de comunicao (sistematizao)

Torna a compra / memorizao mais fcil para o consumidor

Jair Alves
QUANDO PENSAR EM IDENTIDADE VISUAL?

Nova Empresa, novo produto, novo servio.

Aquisio, Fuso

Reposicionamento

Novo mercado

Troca de nome

Revitalizao

Jair Alves
ANTES - DEPOIS
INTERNET
EM QUAIS MATERIAIS CONSISTEM A ID?

Smbolo

Logotipo

Cor

Tipografia

Aplicaes (papelaria, catlogos, produtos, embalagens,

frota, uniformes, etc....)

Jair Alves
...E MAIS DO QUE NUNCA:
QUAL MINHA IDENTIDADE?
CRIAO DE MARCA E IDENTIDADE VISUAL

Identidade Corporativa
IDENTIDADE CORPORATIVA

...Identidade corporativa o que a empresa . E isso muito

srio, tem implicaes. Voc no tudo o que gostaria: tem
chul, faz malcriaes, acorda de mau homor. Uma empresa
tambm. No conheo nenhuma que seja um cone de
idealismo virtuoso...
Lgia Fascioni
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
comear o trabalho questionando quem a sua empresa?...
Lgia Fascioni
DIFERENAS ENTRE IC E ID

IDENTIDADE DESCRIO

Conjunto de atributos intangveis (psicolgicos)

Corporativa que definem quem a empresa .

o sistema que traduz a identidade da empresa

em termos visuais: define usos para cores,
Visual smbolos, tipografias, formas e grafismos a serem
usados para identificar visualmente a empresa.

Lgia Fascioni, 2010

ATRIBUTOS DE UMA MARCA

IDENTIDADE DESCRIO

Relacionados ao carter, representam a essncia

Essenciais e praticamente no mudam. Sofrem apenas variaes
sutis de nfase ao longo do ciclo de vida.

Relacionados s manifestaes fsicas, materiais,

Acidentais conjunturais. Mudam com frequncia e se adequam
s diversas fases do ciclo de vida da empresa.

Lgia Fascioni, 2010

ATRIBUTOS DE UMA MARCA

Quanto mais muda, mais a mesma coisa.

Alphonse Karr

A Profa. Dra. Lgia Fascioni acredita que para uma fuso ou

aquisio funcionar, preciso assegurar que as identidades das
empresas envolvidas sejam compatveis.
ATRIBUTOS DE UMA MARCA
CRIAO DE MARCA E IDENTIDADE VISUAL

E o Digital?
MARCAS NO MEIO DIGITAL

O design de marcas na era contempornea deve pensar que os

pixels so por vezes o suporte complementar da identidade e
por vezes o suporte principal de apresentao da marca.

E o meio digital no se resume obviamente uma pgina web.

DESIGN LQUIDO

No livro DNA Empresarial, a Profa. Dra. Lgia Fascione fala

sobre a identidade lquida. Aqui podemos citar as marcas
lquidas.

Lquidos, fluidos se adequam ao espao onde so inseridos, se

adequando as formas do espao e adentrando profundamente
em todas as reentrncias existentes.
DESIGN LQUIDO

Tanto como nascer offline e se tornar online, a marca pode

sair do digital e partir para o fsico, em expanses praticamente
infinitas.

Isso deve ser levado em considerao no design de marcas.

No possvel mais desassociar uma situao da outra.
INTERFACE

O design de marcas no s o design para um smbolo grfico

que vai estar em algum site, mas tambm design para sistemas
integrados digitais e grficos, onde essa marca tem que se
expandir coerentemente e integralmente.
CULTURA DE CONSUMO DE DESIGN

Culturalmente, o Brasil ainda no um pas acostumado a

consumir design de qualidade (no estou falando de design
de carros).

papel do designer educar o cliente para que para que essa

cultura cresa e se solidifique.
BRAINSTORM X ABORDAGEM METODOLGICA

Como fazer design?

O PROCESSO CRIATIVO

Muitos profissionais divergem sobre a forma mais correta de

definir uma estratgia, metodologia ou sequncia de trabalho
para se definir o design de uma marca.
 EXPERIMENTAO

No sei se existe a inspirao, mas se ela vier, vai

me encontrar trabalhando.
Pablo Picasso

Rafic Farah
CONCEITUAO

O smbolo e o logotipo devem ter algum conceito relacionado

ao tipo de negcio da empresa, deve refletir o que a marca
quer passar.

Nike deusa grega da vitria.

O smbolo desenhado por
Carolyn Davidson, representa
a abstrao da asa de uma
esttua desta deusa.
BRAINSTORM X ABORDAGEM METODOLGICA

Processo Criativo
O norte do designer
a cultura
Claudio Ferlauto
COMO SER CRIATIVO

Segunda a Profa. Msc. e artista Martha Gabriel a criatividade

est vinculada a bloqueios e preconceitos que fazem parte da
nossa formao cultural.

Alguns fatores que inibem a criatividade segundo Martha.

Gabriel, alm da preguia:

Rtulos
Riscos
Ego
Dinheiro
Ambiente
COMO SER CRIATIVO

Veja muitas referncias

Conhea o que o mercado est fazendo

Seja entusiasta

Pratique alguma atividade relacionada artes ou diverso

(msica, leitura, dana, teatro, cinema)
CAMINHOS

A soluo mora no problema

Rico Lins

Dados, dados, dados, pesquisa, pesquisa, pesquisa. Todas as

informaes que forem encontradas so importantes, entender
a IDENTIDADE CORPORATIVA vai ajudar no design da marca.

Dados de planejamento, objetivos de branding, pesquisa de

comportamento do consumidor, tendncias do seguimento...
PARA ANALISAR

Concorrentes

Mercado semelhante

Problemas da marca existente

Qualidades da marca existente

Objetivos primrios e secundrios

PROCESSO CRIATIVO POR BRUNO MUNARI

DEFINIO DO PROBLEMA
QUAL A FUNCIONALIDADE
DO PRODUTO/SERVIO?

QUAL O OBJETIVO FINAL

DESSE PRODUTO/SERVIO?
PROCESSO CRIATIVO POR BRUNO MUNARI

DF COLETA E ANLISE
EXISTE ALGO NO MERCADO?

QUAL O PBLICO?

O QUE J FOI FEITO?

O QUE OBTEVE SUCESSO

RELACIONADO A ISSO?
PROCESSO CRIATIVO POR BRUNO MUNARI

DF CD CRIATIVIDADE
PAINEL SEMNTICO

RELAES VISUAIS

RELAES MUSICAIS

CONCEITOS DE DESIGN
EXEMPLO:

PROBLEMA: Marca para empresa provedora de acesso web

DEFINIO DO PROBLEMA: Apresentar a versatilidade da empresa

e sua agilidade de atendimento e qualidade de servios
EXEMPLO:

COLETA DE DADOS

PALAVRAS-CHAVE:
Mundo, Internet, Conexo, Versatilidade

IMAGENS:
EXEMPLO:

SOLUO
PROCESSO CRIATIVO POR MARIA LUSA PEN

DIAGNSTICO DA SITUAO DE PROJETO

SOLUO PRELIMINAR

TESTAGENS

SOLUO

PROJETO DAS APLICAES

PRODUO DO MANUAL DE IDENTIDADE

IMPLANTAO DO SISTEMA
COMO BUSCAR REFERNCIAS

Livros, internet, amigos, pesquisas compradas, pontos de

venda, qualquer experincia ajuda no processo.

O painel semntico pode ser uma tima ferramenta, pois cria

um padro visual que auxilia na percepo das relaes entre
os assuntos.

Anote tudo

Guarde tudo
TCNICAS DO CAMPO SEMNTICO

Painel Semntico
 Criar associar dados
nunca antes associados
Claudio Ferlauto
PAINEL SEMNTICO

Semntica o estudo do significado da linguagem.

O painel semntico um guia de referncias rpido, ele

pode ser formatado de diversas maneiras de acordo com a
necessidade do projeto ou rea de atuao.

Ele pode conter:

Somente imagens (referncias visuais)

Somente textos (conceitos e palavras-chave)

imagens e textos interrelacionados

 PAINEL SEMNTICO - EXEMPLOS
PAINEL DE QUALIDADES

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html
 PAINEL SEMNTICO - EXEMPLOS
PAINEL ICONOGRFICO

Fonte: http://1001cordeis.blogspot.com/2008/09/painel-semntico.html
 PAINEL SEMNTICO - EXEMPLOS
EXPRESSO DO PRODUTO - REFERNCIAS VISUAIS - ESTILO DE VIDA

Fonte: http://www.arthursoares.com
 PAINEL SEMNTICO - EXEMPLOS

Fonte: http://fernandasegolin.wordpress.com
PAINEL SEMNTICO

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

Cores
CORES

No necessrio citar a importncia das cores, que envolve

estudos longos e importantes, mas tambm ela fator
determinante na apresentao coerente dos conceitos
aplicados na marca.

Existem significados psicolgicos para cores, Modesto Farina

em seu livro cita essas sensaes e possveis aplicaes em
diversos meios.

Exemplo do azul:
associao material: montanhas longnquas, frio, mar, cu,
gelo, feminilidade, guas tranquilas
associao afetiva: espao, viagem, verdade, sentido, afeto,
infinito, sentimento profundo, meditao
CORES

Levar em considerao

Cor RGB - TELA

Cor CMYK - IMPRESSO

Cor Pantone - COR ESPECIAL

Cada cor tem uma aplicao

especfica, porm 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.
CORES

Com aplicaes simples dos smbolos da marca e com um

foco grande nas cores, conseguimos identificar facilmente uma
empresa.

Marcelo Trevisani defende Marca a cultura e as experincias

que residem na mente de cada consumidor a respeito de um
produto ou servio de uma empresa..

E as cores ajudam nesse processo.

CORES

O designer Alexandre Wollner defende o uso de poucas

cores na criao de marcas, para que seja facilmente
identificada e para que seja mais prtica e barata nos
processos de impresso.
CONSTRUINDO A MARCA

A marca como smbolo

SMBOLO

Acredita-se que o sonho de cada marca ser sinttica

suficiente para que o nome escrito da marca possa ser
excludo.

Obviamente isso vai depender da fora da marca e quanto a

marca est na mdia, depende da fora que essa marca tem.
Normalmente acontece com marcas mais antigas, mas hoje
em dia j acontece com marcas que so usadas diariamente.
Jair Alves

Alexandre Wollner
SMBOLO

Os smbolos so elementos identificadores que apiam

o conceito da marca e o representam, a partir de
determinado momento podem se tornar at objetos de
desejo e compra.
CONSTRUINDO A MARCA

Tipografia
A TIPOGRAFIA NAS MARCAS

Tipografia vai alm do simples desenho da fonte (caracteres),

tipografia tem relao com a forma com que a LETRA
USADA, isso engloba diagramao, uso das cores e um forte
pensamento em linguagem visual.
 A tipografia a
cara da linguagem
Ellen Lupton
TIPOGRAFIA

Com tipografia possvel trazer situaes visuais que

englobem as sensaes desejadas.

Trabalhe pesos e formas de acordo com a necessidade.

A TIPOGRAFIA NAS MARCAS

Existem muitas marcas que so criadas somente com tipos.

Simplicidade!!!
A TIPOGRAFIA NAS MARCAS

Fontes tm histria, a maioria delas foi criada com um

propsito industrial.

eixo humanista
terminais precisos
abertura grande
itlico equivalente

Renascentista, sculos 15 e 16 Barroca, sculo 17

trao modulado
eixo racionalista
terminais em gota
terminais em boto

Neoclssica, sculo 18 Romntica, sculos 18 e 19

Elementos do estilo tipogrfico

A TIPOGRAFIA NAS MARCAS

Fontes tm histria, a maioria delas foi criada com um

propsito industrial.

eixo vertical
serifas ausentes
peso igual
itlico ausente

Realista, sculos 19 e 20 Modernista geomtrica, sculo 20

trao modulado
eixo humanista
serifas oriundas da pena
serigas afiadas

Modernista lrica, sculo 20 Ps-moderna, sculo 21

Elementos do estilo tipogrfico

A TIPOGRAFIA NAS MARCAS

Devemos lembrar que muitas fontes so feitas para a tela ou

para a impresso.

Devemos contar com o hint da fonte?

E as telas de alta resoluo?

Helvetica Verdana

Times Georgia
A TIPOGRAFIA NAS MARCAS

Hoje j possvel embedar fontes no html ou hospedar

a fonte em servidores especficos, que pode facilitar ou
at mesmo acabar com a necessidade de utilizar fontes
substitutas no html.
TIPOGRAFIA

Use famlias e suas variaes na identidade visual.

Se a fonte da marca for uma fonte especfica, procure uma

fonte de apoio. Pode ser definida tambm uma fonte display
para ttulos e uma fonte mais voltada para leitura, texto.
TIPOGRAFIA AJUDA, E MUITO

http://www.youtube.com/watch?v=CAV0XrbEwNc
A TIPOGRAFIA NAS MARCAS

http://www.youtube.com/watch?v=a2J8KJDsqqY
TIPOGRAFIA AJUDA, E MUITO

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

Concluses
CONCLUSES

Devemos sempre levar em considerao:

contexto
conceito
aplicaes
tecnologias
suportes
esttica
cores

Marca a sntese dos conceitos de design e da empresa,

aplicados em um signo grfico visual.
CONCLUSES

E tambm importante pensar:

tridimensionalidade
animaes
materiais promocionais
sinalizao
e muito mais

Pense globalmente (para tudo).

MARCA DAS OLIMPADAS

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

Links teis e bibliografia

Pensar com tipos - Ellen Lupton

Projeto tipogrfico - Cludio Rocha
Elementos do estilo tipogrfico - Robert Bringhust
Sistemas de identidade visual - Maria Lusa Pen
Das coisas nascem coisas - Bruno Munari
Psicodinmica das cores em comunicao - Modesto Farina
DNA Empresarial - Lgia Fascioni
Gestalt do Objeto - Joo Gomes Filho
DIGITALKS

Links teis e bibliografia

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
DIGITALKS

Obrigado

web: www.euripedes.com.br
mail: [email protected]
twitter: @euripedesm

MAIS:
www.futurecast.com.br
http://posmktdigital.wordpress.com/
www.twitter.com/mktdigimpacta