Escolar Documentos
Profissional Documentos
Cultura Documentos
IDENTIDADES
VISUAIS
Por Marcelo Kimura
Versão 01
Introdução 3 Escolha e gerenciamento de cores 26
INTRODUÇÃO
Olá! Primeiramente eu gostaria de agradecer a você por baixar Assim como tudo no design, o desenvolvimento de uma identidade
este e-book. Eu o escrevi com muito carinho e espero que ele visual não possui uma fórmula. Cada caso é um caso e vai exigir
possa ajudá-lo. uma análise diferenciada. Com o tempo, todo profissional vai
Sou designer gráfico há mais de 10 anos e hoje atuo como neste e-book é o método que tem dado certo para mim.
visual para pessoas e empresas. Acredito que o design tenha Esse material é uma síntese. Há muito mais coisas envolvidas
um papel fundamental em nossa sociedade e que faça toda em um projeto mas espero que seja útil para você.
eficaz.
GUIA DA IDENTIDADE VISUAL ID BOOK 4
compreensão, o reconhecimento
outras vantagens.
GUIA DA IDENTIDADE VISUAL ID BOOK 6
QUAL A DIFERENÇA ENTRE IDENTIDADE VISUAL E LOGOTIPO? Quer um exemplo? Vamos fazer um teste rápido: vou mostrar 3
O logotipo é a representação gráfica de uma marca. Identidade imagens, e você tente adivinhar de qual marca se trata. Farei
visual é a expressão visual dela, considerando todo o aspecto questão de esconder o logotipo, mas tenho certeza de que você
gráfico em que a marca se manifesta ou vai se manifestar vai conseguir adivinhar todas.
pelo logotipo.
1 - Tim / 2 - Vivo / 3 - Mc Donald’s
2
3 1
GUIA DA IDENTIDADE VISUAL ID BOOK 8
Após assimilada, a identidade visual torna-se muito mais am- 2. Análise e pesquisa.
pla, mais poderosa, mais expressiva e flexível que o próprio
3. Definição de informações.
logotipo. Ela dá vida à marca.
4. Construção do símbolo.
Agora que você já sabe o que é e para que serve uma iden-
5. Escolha e gerenciamento de cores.
tidade visual, vou te mostrar um passo a passo que utilizo
aqui no meu estúdio, funcionando muito bem em meus projetos. 6. Escolha tipográfica.
O processo varia de acordo com o projeto, mas, no geral, eu
7. Organização e criação de elementos.
divido o fluxo em 11 partes, que não necessariamente aconte-
9. Apresentação.
11. Entrega.
GUIA DA IDENTIDADE VISUAL ID BOOK 9
1. LEVANTAMENTO DE INFORMAÇÕES
Saber extrair informações do seu cliente é fundamental para Muita gente pega modelo de briefing na internet, mas eu acon-
a criação de qualquer projeto de design, mas, quando falamos selho você a montar seu próprio briefing, mesmo que baseado
em identidade visual, esse processo é indispensável, e você em outro. Primeiro, concentre-se no que você precisa para
terá que ser cirúrgico, pois informação aqui vale ouro. criar o projeto, depois formule as perguntas para tal.
O briefing é a matéria-prima do seu projeto. É por meio dele pensado com carinho. Geralmente, quem responde o briefing é
que você vai conseguir informações vitais para criar um pro- o dono do negócio, que, na maioria das vezes, não tem muito
jeto funcional e direcionado. O briefing nada mais é do que tempo disponível. Claro que é importante que ele participe
um método para você extrair informações do seu cliente. Po- ativamente do projeto, mas também é interessante que você
rém, mais do que fazer perguntas, é importante saber para que facilite a vida dele, evitando colocar perguntas desnecessá-
você está fazendo aquela pergunta e como você vai usar essa rias.
Por outro lado, seu projeto pode sofrer por falta de infor-
prejudicar o desenvolvimento do projeto. O bom senso e a ex- essência visual do projeto é o moodboard. Trata-se de uma
periência é o que vão falar mais alto. coleção das imagens que serão usadas como referência.
De qualquer forma, considero importante que o briefing con- A principal função do moodboard é organizar e traduzir visu-
siga extrair 3 coisas: almente uma ideia, além de ajudar na definição de um estilo,
A personalidade da marca.
Onde a marca será vista. seguir. Não se esqueça de envolver seu cliente nessa etapa.
Claro que há muitas outras informações importantes, mas essas terações ou mesmo a chance de reprovação do projeto.
direcionar o projeto.
GUIA DA IDENTIDADE VISUAL ID BOOK 12
2. ANÁLISE E PESQUISA
Nesta etapa você vai fazer um estudo do segmento do seu Por último, uma pesquisa de referências também cai muito bem.
cliente. Isso vai te ajudar a identificar clichês e elementos Behance, Pinterest, Dribbble e até mesmo o Instagram são óti-
comuns, auxiliando na decisão de optar ou não por utilizar mas fontes de inspiração.
tais elementos.
afinal a última coisa que seu cliente vai querer é uma iden-
concorrentes.
GUIA DA IDENTIDADE VISUAL ID BOOK 13
3. DEFINIÇÃO DE INFORMAÇÕES
PERSONALIDADE DA MARCA hábitos dessas pessoas? São adolescentes que escutam música
Nesta etapa é muito importante que você defina a personalidade clássica ou são idosos que andam de Harley Davidson? Saber quem
dessa marca. Utilizando o briefing e o moodboard como base, são essas pessoas vai te ajudar a eliminar possibilidades, a
você vai traçar as principais características que fazem a ser mais assertivo e a criar um projeto funcional.
marca ser quem ela é. Marcas são como pessoas e elas precisam
ter uma personalidade compatível com o público a ser atingido. É importante nessa fase sintetizar as informações a fim de
Uma marca sem personalidade não consegue se comunicar e acaba diminuir a complexidade dos dados, facilitando e agilizando
passando despercebida. É preciso humanizar e dar um tom antes a compreensão. O mapa mental é uma ferramenta interessante
PÚBLICO-ALVO
Para quem essa marca está sendo feita? É preciso fazer essa
4. CONSTRUÇÃO DO SÍMBOLO
Significado Pesquise o significado e a origem do nome as-
Criar um bom símbolo é sempre um grande desafio, e nada melhor sociado à marca do seu cliente.
compartilhar agora com você. História Analise a história da marca em busca de ele-
mentos importantes.
1. SIMPLICIDADE
Eu costumo dizer que um bom logotipo é o que sobra quando As marcas mais
não se pode tirar mais nada. Um logotipo com formas simples amadas do
e minimalistas consegue ser memorizado muito mais rápido mundo possuem
que aquele com formas complexas e cheio de detalhes. Só não símbolos simples
confunda simplicidade com mediocridade. Representar conceitos mas facilmente
e atributos em um desenho simples é muito mais difícil que identificáveis.
utilizar vários elementos.
Imagine que você tenha uma grande história para escrever, mas
2. POUCAS CORES
Já reparou que as maiores marcas do mundo têm logotipos com Utilizar poucas
poucas cores? A maioria utiliza uma ou duas cores, podendo cores ajuda na
chegar a três. Isso não é uma regra, claro, mas, assim como eu memorização. As
já falei no primeiro tópico sobre simplicidade, usar poucas grandes marcas
cores também ajuda na memorização, fortalecendo ainda mais a sabem disso.
identidade da marca.
caso, uma paleta de cores um pouco mais extensa pode dar mais
dos casos, duas ou três cores são suficientes. Marcas que possuem muitos
3. VERSATILIDADE
Seu logotipo pode ser impresso em apenas uma cor sem perder O logo da Sprite
a essência e a compreensão? Se imprimi-lo no tamanho de 1 tem uma versão
cm de altura, ele vai continuar legível? Se a resposta foi principal e uma
não para alguma dessas perguntas, talvez seja interessante versão alternativa
rever alguns detalhes para tornar seu logotipo mais simples para aplicações
e versátil. específicas.
4. ADEQUAÇÃO AO PÚBLICO-ALVO
Um bom logotipo precisa se comunicar bem com seu público- Um mesmo
alvo. Os parâmetros usados na criação de um logotipo para objeto pode ser
um pet shop, por exemplo, não podem ser os mesmos usados no representado de
logotipo de um escritório de contabilidade. formas distintas
e transmitir
São dois segmentos diferentes, que necessitam de análises e sensações
decisões distintas. Esse posicionamento pode ser trabalhado totalmente
nas cores, nas formas e na tipografia. Muita gente negligencia difeferentes.
o poder da tipografia, mas, assim como as cores, ela pode
romântica.
5. ATEMPORALIDADE
Um bom design é atemporal, ou seja, ele nunca fica ultrapassado. Algumas marcas
Se você olhar para o logotipo da Apple, por exemplo, vai ver passaram por
que ela usa o mesmo logotipo desde o começo da empresa. Isso pouca ou nenhuma
porque eles usaram todas as características que eu disse mudança no
anteriormente: simplicidade, poucas cores, versatilidade, desenho dos seus
além de, ainda hoje, ser adequado para o público-alvo da logos nas últimas 4
empresa. décadas.
é a chave!
GUIA DA IDENTIDADE VISUAL ID BOOK 21
excelentes exemplos.
GUIA DA IDENTIDADE VISUAL ID BOOK 22
7. CONCEITO E VALORES
Por último, mas não menos importante, o logotipo tem que A setinha do logo
transmitir algum conceito ou valor da empresa. Não adianta da Amazon significa
ter um desenho bonito se ele não disser nada sobre o negócio. “Tudo o que você
Pode ser de forma abstrata ou mais evidente, o importante imaginar, de A a Z.”
é saber e entender o que o desenho significa e se esses
GRIDS
Grids são estruturas de apoio que servem de auxílio para 1. Maior controle das formas: fica muito mais fácil
executar uma determinada tarefa, que pode ser a diagramação manipular um shape quando você tem uma estrutura
principais vantagens:
um símbolo.
GUIA DA IDENTIDADE VISUAL ID BOOK 24
Design de Identidade da Marca Dicionário de Símbolos Marcas Design Estratégico Elementos da semiótica
Considero uma referência no Um livro para consultas Escrito por Cecília Consolo, aplicados ao design
assunto. Escrito por Aline que ajuda bastante na hora esse livro aborda os itens A semiótica é uma
Wheeler, esse livro vai de pensar em símbolos em um projeto de Identidade ferramenta poderosa
te ajudar a pensar em um e construir conceitos Visual, do símbolo à gestão na hora de criar uma
projeto de forma mais ampla e importantes. De Jean corporativa. simbologia, o que faz
indispensável.
GUIA DA IDENTIDADE VISUAL ID BOOK 26
marca, bem como à sua personalidade. Entender o que cada cor 1. Escolher cores baseados nas sensações que
representa individualmente ajuda, mas o ideal é analisar o desejamos transmitir e de acordo com a
Podemos utilizar 2 critérios para a escolha de cores: ser analisadas. Entretanto, não é o critério
mais relevante.
Se você conhece o vermelho
o preto.
GUIA DA IDENTIDADE VISUAL ID BOOK 28
vermelho, verde, roxo, azul são de uma cor. Quanto mais adição a quantidade de preto ou de branco
alguns exemplos de matiz. de cinza essa cor tiver, menos que se adiciona à cor. Cores mais
Dessa forma você tem, além das cores, uma gama imensa de Então, dependendo do contexto em que a cor for utilizada, ela
possibilidades. Se eu pensar em azul, por exemplo, eu tenho pode provocar diferentes efeitos. Preto é “ok” em um celular
diversas opções pra escolher, desde um azul mais suave e ou notebook, mas eu não compraria um papel-toalha dessa cor.
alegre até um azul forte e sério, e isso influencia na nossa Para entender mais sobre os efeitos psicológicos das cores,
percepção sobre aquela cor. Um amarelo saturado e brilhante recomendo este livro:
sem brilho.
perguntei:
– Também não.
Esta etapa causa dúvidas em muito designer: começar o projeto CMYK pode ser configurado de diversas formas e poderá sofrer
em CMYK ou RGB? Não existe uma regra, mas, para mim, o melhor variações de gráfica para gráfica. Um PANTONE® Bright Red C
método é configurar no espaço de cores sRGB, utilizando a terá a mesma aparência em qualquer gráfica, de qualquer lugar
Por que Pantone®? certo? Seja uma TV, um projetor, seu monitor ou o monitor
Pantone® é uma empresa que criou um sistema de cores preciso do cliente, o sistema de cores das telas é o sRGB. Não faz
e respeitado no mundo todo. É referência para a indústria sentido você enviar um projeto em CMYK para o seu cliente
gráfica, tinturarias, tintas automotivas e imobiliárias, aprovar, já que se trata de um sistema feito para impressão
plásticos e uma infinidade de outras coisas que envolvam e não para visualização.
utilizar o sistema Pantone na impressão dos materiais, ter A conversão Pantone® você encontra aqui:
6. ESCOLHA TIPOGRÁFICA
visual. Ela é a voz da marca, portanto precisa carregar a uma família tipográfica completa, com todos os caracteres
personalidade dessa marca e mostrar o que ela tem a dizer. e acentuações. Veja se existe uma versão para WEB. Isso
Por isso é muito importante que você domine esse elemento e pode ser interessante no desenvolvimento de sites. Também é
faça escolhas com muito carinho, sabedoria e estratégia a fim interessante ter vários estilos. O critério que eu uso é ter
de transmitir os atributos necessários e fazer essa marca ser pelo menos três: regular, medium e bold. Você também pode
quem ela realmente pretende ser. fazer composições tipográficas utilizando duas famílias.
Cada estilo tipográfico tem uma voz diferente, muitas vezes DICAS DE LEITURA
ligado a um período histórico. É preciso ir a fundo, buscar É claro que seria impossível falar sobre tipografia de forma
referências, ter essa percepção para enxergar além das formas. mais aprofundada em um simples e-book, por isso vou deixar
Esse livro da escritora Kate Escrito por Erik Spiekermann, Um livro pra quem quer se mestrado do professor
Clair aborda a história da esse livro analisa os aventurar na criação da e designer Buggy, este
tipografia, desde os povos fatores que devem ser levados sua própria tipografia. é um livro para quem
sumérios até os dias de hoje. em consideração na hora de Dos escritores Cristobal deseja aprender a criar
Importante para conhecer escolher uma tipografia. Henestrosa, Laura Meseguer e um tipo. Um livro muito
históricos.
GUIA DA IDENTIDADE VISUAL ID BOOK 34
Nesta fase você vai organizar o projeto, definir os espaços ELEMENTOS VISUAIS
entre os objetos e criar elementos. Elementos podem ser um grafismo, um pattern, uma ilustração
Sempre que possível, é interessante criar pelo menos duas a identificá-la e reconhecê-la.
vezes impossível.
aplicações.
especial no projeto.
O projeto Click Qi contou
8. APLICAÇÃO
Chegou a hora de testar como seu projeto irá se comportar Evite utilizar materiais que não sejam compatíveis com o
no mundo real. Nesta etapa eu aconselho fortemente o uso de segmento do projeto. Criar um avental para um escritório de
mockups, que são aquelas imagens que simulam de forma realista advocacia não faz muito sentido. Pense em materiais possíveis,
– com sombras, volumes e texturas – como o material vai ficar de acordo com a empresa do seu cliente. Uma dica é você
depois de pronto. Isso nos ajuda a ver se nossa ideia está sugerir alguns materiais além do que o cliente solicitou.
funcionando ou não.
É importante pensar em pelo menos duas aplicações principais: é flexível, além de funcionar com um fator surpresa para o
impresso e web. Não é uma regra, mas, na maioria dos casos, o cliente. Entregar mais do que você promete vai fazer o cliente
cliente vai imprimir e/ou utilizar esse projeto na internet. ficar encantado com seu trabalho.
aplicação.
possibilidades, facilitando
inclusive a aprovação.
GUIA DA IDENTIDADE VISUAL ID BOOK 39
9. APRESENTAÇÃO
Agora é a hora de encantar o cliente. Trabalhar bem nesta cliente viaje pelo projeto através do seu olhar, acompanhando
etapa vai aumentar a probabilidade de o projeto ser aprovado o passo a passo do processo.
a dica de ouro. É um recurso muito simples, mas que faz uma MOSTRE QUE É ESPECIAL
diferença enorme. Um dos recursos de persuasão mais antigos De alguma forma, mostre o quanto seu projeto é diferente e
e poderosos de toda a história da humanidade: o PORQUÊ. especial. Ele é seu produto, valorize-o. Faça o cliente se
apaixonar por ele com a mesma intensidade que você. Use mockups
É fundamental explicar por que escolheu aquela tipografia, como: fantástico, apaixonante, incrível… não se acanhe.
aquelas cores, as formas, o conjunto. É importante explicar por Marcas como a Apple encantam seus clientes com apresentações
que tudo aquilo faz sentido dentro do contexto da empresa do fantásticas e muitas, muitas palavras que valorizam o produto
seu cliente. Por isso é importante fazer escolhas conscientes, e que fazem a gente se apaixonar pela marca.
dica que dou é você criar uma linha racional, que vai desde Tenho certeza de que seguindo essas dicas, as chances de que
a apresentação do problema até à solução, fazendo com que o seu projeto não seja aprovado serão perto de zero.
GUIA DA IDENTIDADE VISUAL ID BOOK 40
Eu costumo separar alteração em duas categorias: refação e DESCUBRA O QUE DEU ERRADO
ajustes. Ajustes são comuns. É completamente normal ter que mexer em
Ajuste é quando o projeto foi aprovado, mas algum detalhe de que algo no meio do processo deu errado. Geralmente, o
precisa ser revisto. Algo que não vai impactar no prazo, no responsável é o briefing. Talvez o cliente tenha te passado
valor nem no conceito geral do projeto. informações incompatíveis com o que ele desejava, ou você não
ter que começar outro do zero. Isso vai impactar no prazo e, De qualquer forma, não fique procurando culpados. Tente
muitas vezes, no conceito geral do projeto. identificar a raiz do problema e criar mecanismos para que
11. ENTREGA
Chegou a hora de preparar os arquivos para seu cliente. Os Texturas, imagens e patterns: além desses, quaisquer elementos
itens que eu considero fundamentais nessa etapa são: que você tenha utilizado no projeto.
Logo: em RGB e CMYK, nas versões vertical, horizontal e em Cópia da apresentação: não é obrigatório, mas seria interessante
todas as outras possíveis. para que o cliente possa fazer eventuais consultas
Impressos: fechados em PDF. Claro que essa lista pode variar de projeto para projeto, mas
Especificações de uso: um manual ou um pequeno guia com as ponto do seu cliente ter autonomia para trabalhar com outro
Fonte: o cliente precisa adquirir os direitos caso ele vá criar uma solução e sair de cena. Por isso é importante
Youtube
Grande abraço!
Textos e diagramação
Marcelo Kimura
Revisão
Fabio Campos
contato@marcelokimura.com.br