aula 2 de identidade visual - metodologia projetual
DESCRIPTION
Slides produzidos por Emílio Augusto, professor da disciplina.TRANSCRIPT
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 |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...