METODOLOGIA PROJETUAL PARA IDENTIDADES VISUAIS
PROBLEMA
DESIGN BRIEF
CONCEITO
O PROCESSO DE DESIGN
PESQUISA E GERAÇÃO
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
TRADIÇÃO | LUXO
INOVAÇÃO | JUVENTUDE
ALEGRIA | POPULAR
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
Movement academia esportiva
Transportes aéreos
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
IDENTIDADE VISUAL Pesquisa e desenvolvimento • • • • • • • • •
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.
Linguagem visual alguns elementos bĂĄsicos
tonalidade
pontos
direção
movimento
2D x 3D escala
GESTALT anรกlise figura x fundo
Gestalt Leis Proximidade Continuidade
Unificação
Semelhança
Fechamento
Gestalt |Leis
Unificação
Proximidade
Semelhança
Continuidade
Fechamento
Gestalt |
Harmonia
categorias conceituais
Desarmonia
Regularidade
Ordem
Desordem
Irregularidade
Gestalt |
categorias conceituais
Equilíbrio simétrico
Instabilidade
Equilíbrio assimétrico
desequilíbrio
Gestalt |
Contraste
Profundidade
algumas tĂŠcnicas visuais
Familiariedade
Anomalia
Exagero
Minimalismo
Opacidade
TransparĂŞncia
Gestalt |
Fragmentação
Combinação
algumas técnicas visuais
Ritmo
Força
Agressividade
Estaticidade
Leveza
Passividade
Gestalt |
algumas técnicas visuais
Modulações
Vertical
Diagonal
Horizontal
Radial
Gradual
Gestalt |Análise em Bancos
Proteção e Simetria
Gestalt |
Anรกlise Automotiva
Formas arredondadas | movimento
Gestalt |
Anรกlise Esportiva
Agilidade e dinamismo
Gestalt |
Análise na Internet
Conectividade e globalização
Gestalt |
Análise em cervejarias
Tradição
Semiótica 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.
Desça com a sua chama de estimação
Messias em treinamento
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”...
A cor na identidade visual
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.
Cor |Harmonias cromรกticas
Monocromรกtico
Acromรกtico
Cor |Contrastes cromรกticas
Anรกlogo
Quente|Frio
Complementar duplo
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
Tipografia Composição de ordem, estrutura e forma de letras (tipos) em seu aspecto gráfico.
Tipologia Estudo científico de um conjunto e família de tipos.
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
Serifado
Cursivo
Moderno
Nรฃo-serifado
Decorativo
Tipografia e layout 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.
Ambigrama
Criatividade e inovação 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.
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
Algumas técnicas de criatividade 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.
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.
Naming | case 2 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|algumas estratégias corretas • 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.
Processos Grรกficos | Gradiente X vetor
Aplicabilidade
Processos Grรกficos | Gradiente X vetor
Aplicabilidade
Análise do Projeto • • • • • • •
Itens a se considerar: 1. Conceito (Compatibilidade); 2. Legibilidade; 3. Personalidade (Originalidade); 4. Contemporaneidade; 5. Pregnância (memorização); 6. Uso/ aplicações.
Case de Projeto
http://www.behance.net/gallery/EISE/3445315
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...