SlideShare uma empresa Scribd logo
1 de 147
Baixar para ler offline
Comunicação Visual     Design de Marca


domingo, 3 de fevereiro de 13
Aparência


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual destas 4 pessoas você escolheria para...




domingo, 3 de fevereiro de 13
...tocar guitarra no seu conjunto de rock?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
...ser o relações-públicas de sua empresa?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
...acertar a papelada do carro que você comprou?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
...ser o professor de filosofia da sua escola?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Identidade


domingo, 3 de fevereiro de 13
Vejamos algumas marcas de lingeries no mercado




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual lhe parece mais ultrapassada?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual a mais jovem?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual a mais popular?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual a mais sofisticada?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual tem menos personalidade?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Quais as que mais se assemelham entre si?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Qual lhe transmite mais sensualidade?




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
História


domingo, 3 de fevereiro de 13
Os homens das cavernas representavam
         simbolicamente os fatos do dia-a-dia e os
         elementos sobrenaturais como o fogo, o raio,
         o sol e a lua.

domingo, 3 de fevereiro de 13
A astrologia e a astronomia, praticadas há mais de
       6000 anos, nos legaram símbolos egípcios,
       assírios e babilônicos, que representando o sol, a
       lua, os planetas e as estrelas, são de uso corrente
       até hoje.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
No Japão, os símbolos já eram usados para
       identificar as famílias nobres desde
       9000 a.C., tendo seu apogeu na época feudal.
       Aplicados a tudo que pertencia a uma família,
       inclusive as roupas, constituíam verdadeiras
       identidades visuais.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Na Idade Média, reis e cavaleiros usavam como
       identificação símbolos (heráldicos) e cores
       institucionais




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
A cruz, símbolo da igreja católica romana, passou
       a apresentar, a partir das cruzadas, um grande
       número de variações em seu desenho.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Elementos de identificação usados por
       impressores em seus produtos (sec. XV).




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Identidade Visual


domingo, 3 de fevereiro de 13
Basicamente são cinco os elementos que
       compõem uma identidade visual:




domingo, 3 de fevereiro de 13
1
       Logotipo




domingo, 3 de fevereiro de 13
É a particularização da escrita de um nome.
       Sempre que vemos um nome representado por
       um mesmo tipo de letra (especialmente criado, ou
       não), isso é um logotipo.




domingo, 3 de fevereiro de 13
Toda marca tem sempre um logotipo. Um logotipo
       sempre tem letras.




domingo, 3 de fevereiro de 13
Letras desenhadas


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Letras de um alfabeto
                                            existente


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Letras de um alfabeto
                                existente, modificadas


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
2
       Símbolo




domingo, 3 de fevereiro de 13
É um sinal gráfico que, com o uso, passa a
       identificar um nome, uma idéia, produto ou
       serviço.




domingo, 3 de fevereiro de 13
Nem todas as marcas tem símbolos.




domingo, 3 de fevereiro de 13
Qualquer desenho pode ser considerado um
       símbolo, se um grupo de pessoas o entender
       como a representação de alguma coisa além dele
       mesmo.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Não confunda símbolo
                                           com signo


domingo, 3 de fevereiro de 13
Os desenhos usados nas placas de sinalização
       viária são signos, pois têm um significado
       específico, destituído de emoção.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Já um símbolo, desperta uma série de
       informações e experiências que tenhamos
       armazenas sobre uma marca.




domingo, 3 de fevereiro de 13
Um signo pode ter um significado apenas para
       uma cultura ou ser de uso internacional.




domingo, 3 de fevereiro de 13
Símbolos abstratos


domingo, 3 de fevereiro de 13
nada representam à primeira vista. Seus
       significados devem ser aprendidos.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Símbolos figurativos


domingo, 3 de fevereiro de 13
Podem ser de três naturezas. Vejamos cada um
       deles.




domingo, 3 de fevereiro de 13
Símbolos figurativos
                                baseados em ícones


domingo, 3 de fevereiro de 13
possuem desenho bastante fiél ao que pretendem
       representar.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Símbolos figurativos
                           baseados em fonogramas


domingo, 3 de fevereiro de 13
Formados apenas por letras e que não são
       logotipos, porque não são a escrita das marcas
       que representam.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Símbolos figurativos
                            baseados em ideogramas


domingo, 3 de fevereiro de 13
Aqueles cujos desenhos representam idéias ou
       conceitos.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Muitas vezes, as empresas adotam desenhos de
       bichos ou de pessoas para representá-las e aos
       seus produtos ou serviços.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Nesses casos, é bom diferenciar o símbolo, uma
       versão única e estática do desenho, de um
       personagem, que representa a marca, mas se
       movimenta, tem vida própria.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Entenda a diferença entre
                                 símbolo e logotipo


domingo, 3 de fevereiro de 13
È grande a confusão na terminologia usada para
       definir alguns dos elementos institucionais. Antes
       de ir adiante, é bom que fique bem claro cada um
       dos termos.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
3
       Assinatura Visual




domingo, 3 de fevereiro de 13
É como se chama a combinação do logotipo com
       o símbolo.




domingo, 3 de fevereiro de 13
Pode ser usada de uma única forma ou ter várias
       possibilidades de combinação, ora privilegiando o
       logotipo, ora o símbolo.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
4
       Cor




domingo, 3 de fevereiro de 13
O uso de cores é imprescindível na construção de
       uma marca.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Algumas empresas levam essa escolha ao
       extremo, fazendo da própria cor, parte
       preponderante de sua identidade.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Case: Beeline



domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Case: ( RED )



domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
RED é uma ideia simples que transforma o nosso
       poder coletivo como consumidores em uma força
       financeira para ajudar àqueles que precisam.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
5
       Alfabeto Padrão




domingo, 3 de fevereiro de 13
O uso de uma família tipográfica institucional é um
       recurso indispensável para a normatização dos
       padrões de comunicação textual de uma
       instituição.




domingo, 3 de fevereiro de 13
Serifa triangular




                                                                                  Serifa linear




                                                                               Serifa quadrada




                                                                                  Sem serifa




                                Decorativos(não se incluem diretamente em nenhum destes grupos


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Evite lugar-comum


domingo, 3 de fevereiro de 13
Símbolos que se originam de formas simples,
       como círculos, triângulos, quadrados e setas,
       apresentam diferenças muito pequenas.




domingo, 3 de fevereiro de 13
Pesquisando, sempre encontraremos projetos
       semelhantes. Uns perigosamente perto do plágio,
       outros coincidentemente parecidos.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Construíndo o lugar-comum



domingo, 3 de fevereiro de 13
Imaginemos uma firma de nome NOVIX.




domingo, 3 de fevereiro de 13
NOVIX


domingo, 3 de fevereiro de 13
Estudemos alguns tipos de alfabeto para o
       logotipo:




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Agora criemos um símbolo trabalhando sobre a
       inicial N:




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Que tal inclinar um pouco o N do meio, o mais
       relacionado ao logotipo? Isso dará um maior
       dinamismo ao símbolo. Se acrescentarmos uma
       seta teremos a idéia de crescimento,
       agressividade.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Agora é só adequar o logotipo ao símbolo e a
       identidade visual estará completa.




domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
Modismos


domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
domingo, 3 de fevereiro de 13
eduardonovais@virtual.ufc.br   Design de Marca


domingo, 3 de fevereiro de 13

Mais conteúdo relacionado

Mais de Eduardo Novais

[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um gridEduardo Novais
 
[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismoEduardo Novais
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobileEduardo Novais
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - DadaismoEduardo Novais
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02Eduardo Novais
 
[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01Eduardo Novais
 
[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplinaEduardo Novais
 
[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfacesEduardo Novais
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visualEduardo Novais
 
[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na webEduardo Novais
 
[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplinaEduardo Novais
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - coresEduardo Novais
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com VisualEduardo Novais
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre gridsEduardo Novais
 
[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)Eduardo Novais
 
[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - gridsEduardo Novais
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áureaEduardo Novais
 
[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativoEduardo Novais
 

Mais de Eduardo Novais (20)

15 - escolha de tipos
15 - escolha de tipos15 - escolha de tipos
15 - escolha de tipos
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo[HAD2012] 13 - construtivismo
[HAD2012] 13 - construtivismo
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo
 
[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02
 
[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01[HA2012] 02 - Raízes da arte e do design - 01
[HA2012] 02 - Raízes da arte e do design - 01
 
[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina[ha2012] 01 - Apresentação da disciplina
[ha2012] 01 - Apresentação da disciplina
 
[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual
 
[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web[dig2012] All type e tipografia na web
[dig2012] All type e tipografia na web
 
[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina[DIG2012_1] Apresentação da disciplina
[DIG2012_1] Apresentação da disciplina
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids
 
[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)[cv - 2011.2] 16 - grids (cont)
[cv - 2011.2] 16 - grids (cont)
 
[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids[cv - 2011.2] 14 - grids
[cv - 2011.2] 14 - grids
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea
 
[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo
 

Design de Marca e Identidade Visual