Identidade visual indo alem do logo

RENATO MELO – 2015

IDENTIDADE VISUALINDO ALÉM DO LOGO

Após criação do logo e aplicação de materiais, o primeiro passo é construir a comunicação visual de maneira harmônica com os objetivos do branding.

#PARTE 1TIPOLOGIA

1 – Fuja das fontes com cara de comum;2 – Escolha uma fonte de personalidade!3 – Zele pelo entendimento.

Agência: Fischer, JustusCliente: Santa Casa de Misericórdia

Não há restrição do estilo! Há bom senso e conhecimento dos objetivos e posicionamento da marca. Não precisa usar serifa para banco só para “forçar” uma seriedade.

#PARTE 2KERNING E TRACKING

O Kerning é uma técnica para você ajustar dois caracteres de uma fonte escolhida.Basicamente, se trata de ajustar os espaços entre os caracteres de maneira que a leitura seja mais funcional e agradável ou visualmente simétrico.

Não utilize sempre a matemática!

O visual (óptico) se sobrepõe à matemática e a simetria.

Observe este exemplo!

Está tudo alinhado, mas... O que há de errado com o triângulo e o círculo?

E agora? Alguma mudança?

O círculo e o triângulo foram levemente ampliados, saindo do alinhamento sem causar distorção.

Ao contrário do Kerning (irregular), o Tracking vai alterar o espaçamento por palavras ou blocos, deixando o mesmo espaço entre os caracteres.

TRACKING

Qual dos exemplos possui maior espaçamento?

Nenhum! O tracking organiza os blocos a fim de evitar ilusões de ótica.

Eu tenho DNA ESAMC (normal)

Eu tenho DNA ESAMC

Eu tenho DNA ESAMC

Eu tenho DNA ESAMC

Eu tenho DNA ESAMC

#NA PRÁTICANIVEA X KERNING

A Nivea é uma empresa centenária. No seu primeiro ano, em 1911, seu produto Nivea Creme foi um sucesso mundial.

Cenário Nivea 2011:•€5 bilhões de faturamento;•€3,5 bilhões de valor de marca;•Mais de 20 mil funcionários;•Presença em mais de 170 países;

E como qualquer empresa desse tamanho, o crescimento traz a famosa síndrome do “não temos identidade”.

Cenário Nivea 2011:As tentativas de ajustes não funcionou bem, causando o que eles chamaram de “esquizofrenia visual”.

Chamaram então o designer Yves Béhar para resolver a situação.

Ele se basea então no primeiro produto da marca e na sua evolução. Desde 1925 a cor e estilo são bem similares.

O conceito de minimalismo foi trazido até mesmo para as tampas

Só uma coisa não mudou... O Kerning “NI”

Os outros pares de letra compensam a distância de maneira óptica, criando um espaçamento maior entre o N e o I

#PARTE 3SÍMBOLOS E ÍCONES

Para as últimas Olimpíadas em Londres, o logo possui integração de elementos: Anéis Olímpicos e o Ano (2012). Além disso, o 2012 pode ser lido como LR, sigla de Londres

Também foram criados os Pictogramas para cada modalidade

Já no Brasil... Polêmica

Na Rússia, Copa 2018, os elementos não ficaram tão claros.Briefing: Utilizar a silhueta do troféu, além de refletir a essência russa, que foi transmitida a partir da rica tradição artística e a história de inovação do país, especialmente em relação à corrida espacial

A opção aprovada mistura uma série de ícones do país: os ovos Fabergé, a praça vermelha e a Catedral de Saint Basil, por exemplo.

Mas...Não ficou tão claro e virou piada, igual ao da Copa no Brasil

#PARTE 4MORFOLOGIA

Esta é uma tabela da percepção humana:A – ProteçãoB – ArmadilhaC - Frescor

MORFOLOGIA DOS SINAIS

A B C

Esta é uma tabela da percepção humana:D – PendurarE – CrescimentoF – Suporte/Balança

MORFOLOGIA DOS SINAIS

D E F

Esta é uma tabela da percepção humana:G – Ponto de PartidaH – Ponto de Chegada

MORFOLOGIA DOS SINAIS

G H

Tabela Morfologia 1Sinais e Símbolos – Adrian Frutiger

MORFOLOGIA DOS SINAIS

#PARTE 5CÓDIGO CROMÁTICO

CÓDIGO CROMÁTICO

PRIMÁRIAS

O disco de cores é composto por 12 cores

SECUNDÁRIAS

TERCEÁRIAS

O disco de cores é composto por 12 corese 96 nuances

frio

quente

Uma cor pode parecer fria ou quente, dependendo também da relação estabelecida entre ela e as demais cores.

Quente e Frio = imãOs opostos se atraem.Cor quente + Cor quente se esfriamCor fria + Cor quente se exaltam

Cores Análogas•Analogia significa semelhança; •As cores análogas são semelhantes em sua composição;•É um degradê formado entre uma cor primária e uma secundária.

Cores Complementares•É a cor "negativa" de qualquer cor, como os negativos de fotografia.•No Photoshop, basta dar um Ctrl+I

Você pode também observar no Círculo Cromático

Para: 10.11 até às 18h30 via e-mailNossa Prévia é um jogo! Jogo do Kerning.1)Acesse: http://type.method.ac/2)No Word, cole um print de cada uma das 10 etapas3)No final, coloque o print da sua nota final

ESTA AULA ESTÁDISPONÍVEL EM:renatomelo.com.br/slides

ou no grupo do Facebook:bit.ly/gruporenato