Aula 2 de Identidade Visual - Metodologia Projetual

METODOLOGIA PROJETUAL PARA IDENTIDADES VISUAIS

O PROCESSO

DE DESIGN

PROBLEMA

DESIGN BRIEF

PESQUISA E GERAÇÃO

CONCEITO

REDESIGN ANÁLISE E

APRESENTAÇÃO

IMPLEMENTAÇÃO

BRIEFING (to brief – resumir, sintetizar) É um relatório preliminar de projeto, a ser discutido com

o cliente, que abrange os seguintes itens:

1. dados da empresa: histórico, estrutura

organizacional, localização, posicionamento, linhas de

produto/serviço. etc.

2. dados do produto: histórico, categoria de mercado,

qualidade, inovações, produção e matéria-prima,

sazonalidade, embalagem, pontos positivos e negativos,

influências culturais, etc.

3. objetivo/ problema a ser resolvido: delimitação

do problema/foco em questão com o cliente.

4. principais diferenciais do projeto (marca):

Essência da marca (idéia), proposição de valor,

originalidade, adequação ao público consumidor,

quais os adjetivos da nova marca, etc.

5. público-alvo (quem compra/consome): perfil,

faixa etária, classe, sexo, nível cultural,

escolaridade, linguagem visual, etc.

6. concorrência direta e indireta: participação no

mercado, dados positivos e negativos, análise visual,

etc.

7. obrigatoriedades do projeto (marca): princípios de

orientação (estilos visuais similares), restrições técnicas,

linguagem visual, normatizações, tamanhos, quantas e

quais cores, uso de slogan, quais os itens para a

aplicação da marca gráfica, etc.

8. formas de apresentação: como o projeto será

apresentado ao cliente (impressos, mídia digital,

relatório técnico, etc.)

9. Observações gerais: tiragens, dimensões, forma

de impressão, quem aprova, e outras informações

pertinentes não citadas anteriormente.

10. datas limite para apresentação do briefing e das

fase posteriores): em comum acordo com o

cliente. Na apresentação do projeto o briefing

será repassado com o cliente, juntamente com o

resultado final.

Briefing Síntese

código de controle

data/dados do cliente/serviço

• dados da empresa

• dados do produto

• objetivo/problema a ser resolvido

• principal diferencial a ser explorado

• público-alvo/quem compra, quem consome

• concorrência direta e indireta

• instruções específicas/obrigatoriedades

• tipo de apresentação

• observações gerais complementares/ dados técnicos produtivos

• datas de apresentação/cronograma

CONCEITO

CONCEITO

ALEGRIA | POPULAR TRADIÇÃO | LUXO INOVAÇÃO | JUVENTUDE

CONCEITO

ALEGRIA | POPULAR TRADIÇÃO | LUXO INOVAÇÃO | JUVENTUDE

CONCEITO

“Para se construir uma marca, é necessário

concentrar-se em uma palavra na mente dos

clientes. O que é prestígio para a Mercedes é

segurança para a Volvo”

Al Ries, As 22 Leis imutáves do Branding

A forma como informação

Transportes aéreos

Movement academia esportiva

A forma como informação

A forma como informação

“Ver e sentir é a linguagem visual que torna um

sistema diferenciado e imediatamente

reconhecível. Este sistema de apoio que

compreende, formas, cores, imagens, tipografia e

composição é que faz um programa de identidade

visual tornar-se coeso e diferenciado em sua

totalidade.”

Alina Wheeler, Design de identidade da marca, 2008

• Elementos Básicos de Comunicação;

• Representação 2D e 3D;

• Teoria da Gestalt;

• Estética e Semiótica;

• Teoria das Cores;

• Tipografia e Layout;

• Técnicas de Criatividade;

• Técnicas de Seleção de alternativas;

• Processos Gráficos.

IDENTIDADE VISUAL Pesquisa e desenvolvimento

Linguagem visual alguns elementos básicos

pontos

direção

2D x 3D

tonalidade

movimento

escala

GESTALT análise figura x fundo

Gestalt Leis

Unificação

Proximidade

Semelhança

Continuidade

Fechamento

Gestalt |Leis

Unificação

Proximidade

Semelhança Continuidade

Fechamento

Harmonia

Gestalt | categorias conceituais

Desarmonia

Ordem Desordem

Regularidade Irregularidade

Equilíbrio simétrico

Instabilidade

Gestalt | categorias conceituais

Equilíbrio assimétrico

desequilíbrio

Contraste

Profundidade

Familiariedade Exagero

Gestalt | algumas técnicas visuais

Anomalia Minimalismo

Opacidade

Transparência

Gestalt | algumas técnicas visuais

Fragmentação

Combinação

Ritmo Força

Estaticidade Leveza

Agressividade

Passividade

Gestalt | algumas técnicas visuais

Modulações

Vertical Horizontal

Diagonal Radial Gradual

Gestalt |Análise em Bancos

Proteção e Simetria

Gestalt | Análise Automotiva

Formas arredondadas | movimento

Agilidade e dinamismo

Gestalt | Análise Esportiva

Gestalt | Análise na Internet

Conectividade e globalização

Tradição

Gestalt | Análise em cervejarias

O entendimento da semiótica na atividade do designer

gráfico é de vital importância, considerando que "o

designer projeta, num objeto, não somente coisas

reais, mas também imaterialidades. Já o desenho

relaciona-se com signos interpretativos.

Semiótica

Messias em treinamento Desça com a sua chama de estimação

Proibido dançar Bee-Gees

Não cumprimente o pinguim

Ao ser perseguido por uma árvore

de Natal, corra como um

condenado Proibido discutir com as focas

Proibido correr ao roubar um atum Área de acesso para bonequinhos

de bolos de casamento

Ao fazer uma fogueira não se

esconda com seu filho na TV Em caso de acidente peça para o

alce dar uma olhada

...É o logo das Olimpíadas de

Bedrock 2012 a.C., disseram os

Flintstones;

• É o melhor que se pode fazer

usando o MS Paint;

• É um quebra-cabeça sem solução;

• Wolff Olins deve ser um

grafiteiro muito limitado;

• • Os anos 80 telefonaram,

querem seu logo radical de volta;

• É uma suástica nazista para

crianças;

• É uma suástica nazista quebrada;

• Os Jogos Olímpicos mudaram de

nome. Agora se chamam “ZOR”...

As cores são extremamente importantes para

passar significados e mensagens das marcas. É

provavelmente a forma não verbal mais potente

de comunicação que podemos usar como

designers.

A cor na identidade visual

Monocromático

Acromático

Cor |Harmonias cromáticas

Quente|Frio

Complementar

duplo

Análogo

Cor |Contrastes cromáticas

Complementar

triplo

Cor|Padrões?

Cor |Aspectos psicológicos

O Vermelho é uma cor intensa. É muito utilizada em identidades

visuais para chamar atenção das pessoas e é conhecida por

aumentar a pressão sanguínea e por fazer as pessoas sentirem

fome. Também expressa conceitos de ação, aventura,

agressividade, sangue, perigo, energia, amor, paixão, força e vigor.

Cor |Aspectos psicológicos

O magenta é uma cor que está associada à inocência e delicadeza. É

uma versão mais sútil do vermelho, que traz à mente, imagens

como chiclete, algodão-doce e crianças pequenas. Esta cor,

popularmente chamada rosa também é associada a apreciação,

delicadeza, feminilidade, aspectos florais, gentileza, inocência,

romantismo, tranquilidade.

Cor |Aspectos psicológicos

O laranja é uma cor que se origina a partir do vermelho e do

amarelo, representando atributos destas duas cores. O laranja

é menos intenso que o vermelho, mas mesmo assim ainda tem um

forte impacto. Apresenta conceitos psicológicos de juventude,

criatividade, entusiasmo e diversão, do que o vermelho. É utilizado

também para estimular as emoções e até mesmo o apetite.

Cor |Aspectos psicológicos

O amarelo é uma cor que, assim como o vermelho, pode trazer

mensagens conflituosas. Pode representar o nascer do sol e alegria,

assim como cuidado e medo diante de alguma situação. O amarelo é

luminoso e muito visível, por isso é comumente achado em placas

de rodovias, principalmente as de perigo. Apresenta conceitos

psicológicos de atenção, energia, cuidado, alegria, curiosidade,

felicidade, brincadeiras, positividade, acolhimento.

Cor |Aspectos psicológicos

O verde é uma cor que representa vida e renovação. É facilmente

encontrado no projeto gráfico de empresas que querem transmitir a

idéia de sustentabilidade (eco-friendly). Apresenta conceitos

psicológicos de ambiente, harmonia, inexperiência, cura, saúde,

tranquilidade, finanças, renovação, natureza.

Cor |Aspectos psicológicos

O azul é uma cor que transmite calma, autoridade e sucesso.

Estudos científicos apontam que a maioria das pessoas gosta de pelo

menos um tom de azul. É provavelmente a cor mais popular na

criação de marcas e pode ser vista extensivamente em áreas do

governo, saúde e referências à água. Também apresenta conceitos

psicológicos de dignidade, liberdade, poder, fidelidade e segurança.

Cor |Aspectos psicológicos

O roxo é uma cor que, por ser uma combinação do azul e vermelho,

possui propriedades intermediárias como sensações de calor e frio.

A cor pode ser vista em marcas relacionadas a educação e produtos

de luxo. Também apresenta conceitos psicológicos de fantasia,

justiça, mistério, realeza, sofisticação e espiritualiade.

Cor |Aspectos psicológicos

O marrom é uma cor que está relacionado à marcas do segmento da

construção devido a simplicidade e neutralidade. “O que o marrom

pode fazer por você?” é o slogan da UPS que é umas das marcas

marrons mais reconhecidas. Também apresenta conceitos

psicológicos de calma, terra, naturalidade, simplicidade, utilidade e

profundidade.

Cor |Aspectos psicológicos

O preto é uma cor que está relacionado a conceitos de autoridade,

estilo clássico, conservativo, formalidade, mistério, elegância e

tradição. O preto é tecnicamente a ausência das cores e pode ser

visto em várias marcas pela simplicidade e sofisticação.

Cor |Aspectos psicológicos

O cinza é uma cor que está entre o preto e o branco. Do ponto de

vista moral, é a área entre o bem e o mal, ou seja, neutro. O cinza

é muito utilizado na tipografia das marcas, pois, por ter

neutralidade, pode ser utilizado com uma grande variedade de

cores. Apresenta também os seguintes aspectos psicológicos:

autoridade, humildade, respeito, melancolia, seriedade e

estabilidade.

Cor |Aspectos psicológicos

O branco é a cor universal da paz e da pureza. Pode ser bastante

encontrada em marcas que usam o espaço negativo (negative space)

com o suporte gráfico.iApresenta também os seguintes aspectos

psicológicos: inocência, paz, pureza e simplicidade.

Cor |Recomendações importantes

• A meta é ter uma cor que facilite o reconhecimento e

construa valor da marca;

• Assegurar a consistência de uso nas várias mídias e

processos de reprodução gráfica

• 60% da decisão de compra é baseada na cor;

• Pesquisar sobre influências culturais em relação à cor;

• No projeto, não se tem que apenas gostar da cor, mas

determinar seu propósito correto.

Wheeler, 2008

Composição de ordem, estrutura e forma de

letras (tipos) em seu aspecto gráfico.

Tipografia

Estudo científico de um conjunto e família de tipos.

Tipologia

Tipografia

Tipografia | kerning

Sem kerning

Kerning automático

Kerning manualmente ajustado

Tipografia | kerning

Tipografia | kerning

Tipografia | leading

Tipografia | Ligaturas

Estilos Tipográficos| básicos

Antigo

Moderno

Serifado

Não-serifado

Cursivo

Decorativo

A tipografia não é apenas a

transposição fria de uma

informação, mas um meio de

expressão. Tipografia não é

só o desenho da forma das

letras, mas também da sua

organização conceitual no

espaço.

Tipografia e layout

Ambigrama

Criatividade é a

habilidade do

indivíduo de ter

idéias novas e úteis

para resolver o

problema proposto

ou sugerir soluções

para a concepção de

um produto.

Criatividade e inovação

Etapas do processo criativo

Preparação: Análise do problema, pesquisa

de soluções e conceitos existentes;

Incubação: Recolhimento e armazenamento

de idéias no inconsciente

Iluminação: seleção de expansão e

combinação de idéias;

Verificação: ajuste das soluções geradas ao

problema inicial

Brainstorming: Tempestade de idéias ou agitação.

Brainwriting: Expressão de idéias na forma escrita com texto.

Análise Morfológica: Organizar as alternativas. Dividir por exemplo

pelas diferentes formas conceituais.

Mescrai: Modificar, eliminar, substituir, combinar, rearranjar,

adaptar, inverter. Melhorias nunca são demais desde que sejam

realmente MELHORIAS. Redução de cores, por exemplo, se enquadra

no Mescrai.

Votação: Seleção democrática da melhor idéia. Normalmente

desencadeia-se uma discussão ordenada, onde cada participante expõe

suas preferências sobre os demais.

Algumas técnicas de criatividade

Analogias: Forma de raciocínio proposta em semelhanças

entre um determinado conceito e outro.

Branco, macio, arredondado...

Algumas técnicas de criatividade

Pensamento lateral: Forma de raciocínio proposta em

quebrar as regras, provocar novas percepções, associações e

semelhanças entre um determinado conceito e outro.

Algumas técnicas de criatividade

Som??

Modismos

Modismos Elipses

Modismos Elipses e círculos

Modismos “viagem interplanetária”

Modismos “The stepping man”

Modismos Logos 2.0

Modismos Logos 2.0

Acasos e “coincidências”

Brazilian Institute for Oriental

Studies

NAMING Processo criativo para

encontrar um nome

que atenda às

estratégias de marca,

sem esquecer de

questões como

sonoridade e

disponibilidade

jurídica. O Nome é a

expressão mais

concreta da marca.

• Hotel Praia da

Saudade

• Hotel da Saudade

• Café da Saudade

• Cheiros da Saudade

Naming|Algumas estratégias...

Abreviação | Acrônimos

Arbitrário

Combinação | Aliteração

Fundadores | Geográfico

Humor

Inversão de letras |

Onomatopéia

Mitologia | Latim

Simbolismo

Naming|Experiencial

Naming | Abreviações derivadas

Naming|não escolher nomes negativos

Naming|não escolher nomes negativos

Naming|evitar invenções gramaticais

Emporiu’s

Naming|evitar nomes impronunciáveis,

pejorativos, bairrismos...

Naming|pesquisar nomes em culturas

diferentes

Naming|evitar nomes similares

Naming|evitar contradição com a

identidade

Naming|influências culturais

Nike Black and Tan

• Tokyo Tsushin Kasusik

• Tokyo Tsushin Kasusik

Naming | metodologia 1. Análise de possível naming, de acordo com

posicionamento/ conceito da organização;

2. Eleboração de “short-list” com alternativas;

3. Pesquisa preliminar de registro de marcas/

domínios;

4. Avaliação linguística (sonoridade e viabilidade

frente a outros idiomas);

5. Definição e validação do naming;

6. Encaminhamento para registro.

Naming | metodologia

Naming | verificação

Naming | interpretação

Naming | interpretação exemplos

Naming | interpretação exemplos

Naming | case 1

“VISÃO DE ÁGUIA” – opção do cliente

Análise: Popularesco

Problema: agregar valor ao perfil da empresa através

do naming.

Estratégia selecionada: Utilização de termo em Latim

para ato de ver, olhar, perceber.

Produto: lentes anti-reflexo

Análise: equipamento moderno, global.

Problema: agregar valor ao perfil da empresa através

do naming.

Estratégia selecionada: Utilização de junção de

prefixos em inglês para “anti-reflex system”.

Naming | case 2

• Utilizar nomes curtos: Oi, intel, Nike, Itaú, Claro,

Vivo, Tim, Apple...;

• Comunicar sobre a essência da marca: Sabão

Brilhante, Limpol, Duracell;

• Orientar para o futuro: Vésper;

• Não necessariamente ter significado: Kodak;

• Deve ser pronunciado em várias línguas: Fanta;

• Permitir extensões de marca: Zoom >Zoomerang,

Danone > Danette, Danoninho, DanUp...;

• Deve ser inédito.

Naming|algumas estratégias corretas

Processos Gráficos | Aplicabilidade

Gradiente X vetor

Processos Gráficos | Aplicabilidade

Gradiente X vetor

• Itens a se considerar:

• 1. Conceito (Compatibilidade);

• 2. Legibilidade;

• 3. Personalidade (Originalidade);

• 4. Contemporaneidade;

• 5. Pregnância (memorização);

• 6. Uso/ aplicações.

Análise do Projeto

http://www.behance.net/gallery/EISE/3445315

Case de Projeto

Diferente, inspirado, lúdico, ativo, criativo, mágico e

principalmente transformador. Uma educação informal,

livre das amarras de um sistema educacional ultrapassado,

fragmentado, rígido e cada vez menos relevante. Que aceita

a complexidade, a transdisciplinaridade, e traz a tona a

abordagem gestáltica, holística e humana do Design

Thinking, dando um basta à fragmentação do conhecimento

e à especialização, heranças de uma ultrapassada era

industrial.

Onde as pessoas compreendem que o propósito de viver e

trabalhar está em servir, e que o serviço é o centro de

valor de todas as coisas.

Uma escola de inovação em serviços em uma sociedade de

serviços.

o arquétipo do mago, que

usa de símbolos e evidências

para transformar situações

comuns em situações

desejáveis.

uma marca mágica,

transformadora e

inspiradora.

um farol, que não

indica um ponto de

chegada, mas

orienta o caminho

a ser seguido.

Problematização para projeto

“Pertencemos a

uma época cuja

civilização corre

o perigo de ser

destruída pelos

meios da

civilização”

Friedrich W. Nietzsche, 1878

Sustentável:

adj. 1.Que se pode

sustentar.

2. Capaz de se

manter mais ou menos

constante, ou estável,

por longo período.

Dicionário Houaiss

Sustentabilidade é

promover o melhor para

as pessoas e para o

ambiente tanto agora

como para um futuro

indefinido.

É um conceito sistêmico,

relacionado com a

continuidade dos aspectos

econômicos, sociais,

culturais e ambientais da

sociedade humana.

Todos estão falando de sustentabilidade

E vendendo sustentabilidade...

Greenwashing

O fator consumo

Sugestão de atores sociais

para o design brief • Organizações não-governamentais;

• Cooperativas;

• Microempresas;

• Indústrias;

• Organizações financeiras;

• Partidos políticos;

• Eventos...