Design gráfico · Prof. Dr. Demis Marques
A persuasão
Invisível
Design gráfico e a estratégia das cores
01 · O tempo da decisão
O vendedor silencioso age em 90 segundos
90s
90 segundos
Tempo médio para uma decisão subconsciente sobre um produto.
90%
Primeira impressão
Da primeira impressão é baseada unicamente na cor.
85%
Fator de compra
Fator principal de decisão de compra atribuído à cor.
A persuasão invisível
02 / 20
02 · Contraste antes da cor
O teste de fogo do contraste visual
“Se um design não fica bom em preto, não ficará bom em nenhuma outra cor.”
Insight estratégico
O contraste guia o olho do consumidor até a conversão; a cor apenas define o clima emocional.
A persuasão invisível
03 / 20
03 · Significado relativo
A cor não tem significado absoluto, o contexto dita a emoção
Cultura
O branco é paz no Ocidente e luto em parte da Ásia.
Demografia
Idade e geração mudam a leitura de saturação e brilho.
Experiência
Memórias pessoais e marcas conhecidas recolorem a percepção.
A persuasão invisível
04 / 20
07 · Anatomia da cor
A anatomia técnica de uma cor
Matiz (Hue)
A cor pura e sólida, em sua essência no círculo cromático.
Saturação
O grau de intensidade e vivacidade: do cinza opaco à cor vibrante.
Brilho
A luz e a sombra: a proximidade do branco absoluto ou do preto total.
A persuasão invisível
08 / 20
09 · Harmonias cromáticas
Arquitetura da harmonia: como combinar sem poluir
Complementares
Opostas no círculo (ex.: azul + laranja). Criam o maior contraste possível: energia, vibração e dinamismo imediato.
Análogas
Vizinhas no círculo (ex.: azul + verde). Tons semelhantes que transmitem unidade, suavidade e harmonia orgânica.
Triádica
Três cores equidistantes formando um triângulo (ex.: laranja, verde e azul). Contraste alto, com equilíbrio mais dinâmico.
A persuasão invisível
10 / 20
10 · Estudo de caso
Desconstrução cromática: o caso Fanta
Laranja · base
A cor dominante: alegria, energia, apetite.
Azul · complementar
O texto. Cria o contraste vibrante máximo contra o fundo laranja.
Verde · destaque
A folha. O toque final que equilibra a tríade.
Insight: a relação entre tons harmônicos é o que importa, não a exatidão matemática.
A persuasão invisível
11 / 20
11 · Hierarquia cromática
A regra de ouro da hierarquia cromática
60%
Cor dominante
Define a atmosfera e a emoção de base: fundo, grandes espaços.
30%
Cor secundária
Cria o contraste estrutural e dá suporte à cor primária.
10%
Cor de destaque · CTA
O “tiro” visual: guia o olho para a ação principal (ex.: botão Comprar).
Aviso: usar 33% de cada cor cria caos visual e destrói a conversão.
A persuasão invisível
12 / 20
13 · Passos 1 e 2 na prática
Da persona ao código hexadecimal
A bússola da persona
Ferramentas de extração
#FF5733
#33C1FF
#FFC300
#4A4A4A
A bússola da persona: a cor primária deve responder ao posicionamento. Marcas tradicionais e seguras ancoram-se em tons sóbrios; marcas jovens e inovadoras exigem saturação e contraste.
Ferramentas de extração: nunca dependa do “olhômetro”. Use Adobe Color, Coolors ou Canva para testar harmonias em tempo real, extrair paletas de referências e garantir os códigos exatos.
A persuasão invisível
14 / 20
15 · Desafio · engenharia reversa
Desafio de fixação: diagnóstico visual
Aplique a engenharia reversa. Ao olhar para as marcas abaixo, identifique mentalmente:
FedEx
Burger King
Starbucks
1
Qual emoção principal ou gatilho psicológico a cor base tenta acionar no seu cérebro?
2
Qual regra do círculo cromático foi usada para criar o contraste: complementar, análoga ou triádica?
A resposta sempre revelará a estratégia de negócios por trás do design.
A persuasão invisível
16 / 20
16 · Persona
A cor segue a persona, não o gosto do designer
A marca
Valores, missão e personalidade.
O público
Repertório cultural, faixa etária e expectativas emocionais.
Paleta ideal
Insight: design é engenharia de comportamento baseada no estudo do mercado e da concorrência.
A persuasão invisível
17 / 20
17 · Ferramentas
O arsenal digital do estrategista
Adobe Color
Extração de paletas a partir de imagens reais, testes de ambientação e verificação harmônica direto no círculo cromático.
Coolors & ColorZilla
Geração rápida de paletas, captura de códigos hexadecimais em sites de concorrentes e exploração de tendências visuais.
A persuasão invisível
18 / 20
19 · Síntese
O design é uma linguagem intencional
Estratégia
Psicologia
Contraste
Harmonia
Consistência
A cor nunca é apenas uma escolha estética. Ela é o gatilho psicológico invisível que captura a atenção, comunica o posicionamento e direciona a ação.
Ao dominar o contraste, a biologia da percepção e as regras matemáticas do círculo cromático, você deixa de apenas decorar layouts e passa a arquitetar decisões de compra.
A persuasão invisível
20 / 20