Cores em Projetos Gráficos

Prévia do material em texto

Aplicação dos princípios básicos de 
diagramação, uso de cores e tipografia em 
projetos gráficos 
 
Unidade 2: Cores 
 
 
 
Professor: Jorge Oliveira 
 
 
 
Realização: Secretaria Geral de Educação a Distância da Universidade Federal de São Carlos 
Unidade 2
Cores
Nesta unidade, discutiremos sobre as cores e algumas maneiras de aplicá-las em 
trabalhos gráficos.
O nosso dia-a-dia está impregnado por cores. Elas estão na arquitetura, na fotografia, 
na arte, no cinema, na culinária, na publicidade e em todas as formas de comunicação visual. 
Elas estão incorporadas inclusive em expressões de nossa linguagem como roxo de raiva, dar 
branco, amarelar, verde de ciúmes, conta no vermelho, sangue azul, ouro negro e vida cor-de-
rosa!
Por tudo isso, é importante estarmos conscientes da maneira como entendemos e 
usamos as cores, pois elas revelam um pouco da nossa personalidade e da nossa compreensão 
de mundo.
Como já verificado cientificamente ao longo dos séculos, nossa visão é responsável pelo 
ver e consecutivamente responsável por nossas experimentações com as cores. A cor por sua 
vez existe literalmente nos olhos do observador, através da percepção da luz refletida por um 
objeto ou emitida por uma fonte. Entretanto, as interpretações e significados das cores, não é 
dada por este processo físico e biológico, mas sim, pelo nosso íntimo e por nossas bagagens.
Uma cor ou uma composição de cores podem assumir significados diferentes para cada 
pessoa, conforme suas impressões e vivências. Estes significados também podem ser 
influenciados e direcionados por aspectos religiosos, cada religião possui sua própria paleta de 
cores fundamentada em suas expressões de fé e de adoração, e por aspectos culturais, na Índia, 
por exemplo, as cores são fundamentais para a organização social.
As profissões criativas, como arquitetura, publicidade e design, se apoderam o tempo 
todo das cores para estabelecer respostas emocionais com seus públicos. Para entendermos 
este potencial emocional das cores, reflita um pouco sobre o que seria da marca Coca-Cola sem 
a cor vermelha ou então como seria a nossa nacionalidade sem o verde e amarelo. Além disso, 
busque em suas memórias, situações onde a cor assumiu um papel de destaque e influência, 
lembranças de infância são repletas de cores e pode ser um bom ponto de partida!
A natureza também é outro reduto para as cores e muitas das suas significações são 
apropriadas por nós. A reprodução de muitas espécies dependem dos azuis, verdes e rosas 
exibidos nas plumas e pelagens durante o período de acasalamento, já os vermelhos, laranjas e 
amarelos são sinais de alerta frente a animais venenosos e peçonhentos e ainda há as 
camuflagens, mudanças de cor que podem ser a linha entre a vida e a morte para inúmeros 
animais.
Enfim, natural ou construído pelo homem, vivemos em um mundo reinado por cores e 
cheio de significações.
Como já dito na unidade anterior, os projetos gráficos são estruturados por diversos 
elementos, as cores também fazem parte da estrutura gráfica e visual.
Certamente neste momento, você deve estar se perguntando: Ok! está claro o potencial 
das cores, mas como usá-las e quando usá-las em meus projetos gráficos?
Segundo Ellen Lupton e Jennifer Cole Phillips, no livro Os Novos Fundamentos do 
Design, a cor tem o poder de exprimir e descrever uma atmosfera ou 
codificar uma informação. Partindo desta afirmação, no campo do design gráfico, a 
cor é o principal artifício para destacar, esconder, diferenciar e conectar 
elementos, em síntese, usamos as cores para criar contraste.
De modo enxuto, quando pensamos em cor, devemos pensar em contraste, 
independente da intensidade e da forma que ele vai se definir.
Nas próximas páginas, você encontrará um pouco sobre a teoria das cores, suas 
classificações e relações.
É necessário frisar que este tema é bastante extenso e para criar este material foi 
obrigatório se fazer recortes na abordagem. Outro aspecto a ser salientado, é que não existem 
fórmulas prontas para trabalhar com cores , existem direcionamentos. O que foi dito para 
diagramação, de que cada projeto é único continua valendo e será ele quem proporcionará 
subsídios para a aplicação das cores. 
O que funciona em alguns casos podem não funcionar em outros, a dica é:
 Experimente sem medo de se colorir!
Preparados?
6 Cores 
FRIAS
6 Cores 
QUENTES
O círculo cromático é formado por 12 cores
3 cores primárias
- vermelho
- amarelo
- azul
3 cores secundárias 
- laranja
- verde
- violeta
6 cores terciárias 
- mistura entre as cores primárias e 
as cores secundárias
Cores opostas ou Cores complementares
- criam contraste entre si quando usadas juntas
 
 
Relações entre as cores
Cores 
- criam harmonia e equilíbrio 
quando usadas juntas
 
 
vizinhas ou Cores análogas
Existem diferentes círculos cromáticos, para este curso, iremos nos basear no círculo 
cromático mais popular, usado pelos artistas para trabalhar com pigmentos tinta à óleo, 
aquarela, guache entre outros materiais de pintura.
Segundo Ellen Lupton e Jennifer Cole Phillips, 
no livro Novos Fundamentos do Design, as cores 
vizinhas são chamadas cores análogas e quando 
aplicadas juntas produzem harmonia e equilíbrio, 
essas cores também possuem temperatura de cor 
equivalente (observe os leques de cores destacados 
nos círculos ao lado)
Já as cores opostas no círculo são chamadas 
de cores complementares, possuem temperaturas 
contrárias (fria e quente) e quando aplicadas juntas 
criam contrastes fortes.
Círculo Cromático
Além de Quentes e Frias, as cores deste círculo cromático pode ser classificadas em: 
Efeito Bezold
O Efeito Bezold é uma ilusão de ótica que nos mostra como uma cor pode influenciar 
a outra. Por incrível que possa parecer a cor vermelha usada nas duas imagens é a mesma, 
porém quando aplicada juntamente com a cor branca ela parece mais clara e quando 
aplicada junto a cor preta parece que é mais escura.
Além da mudança de tonalidade, há outra interferência. Por conta da relação com a 
cor vermelha os quadrados brancos parecem serem maiores que os quadrados pretos, 
apesar de serem de tamanhos idênticos.
Efeito Munker-White
Agora que conhecemos como as cores estão organizadas e que elas estabelecem relações 
entre si, iremos estudar um pouco sobre como usá-las em projetos gráficos.
Para começar, utilizarei dois experimentos físicos, para mostra-lhe como escolher cores é 
uma tarefa delicada e que exige atenção.
Sempre tenha em mente que as cores conversam entre si e como consequência uma cor 
acaba influenciando a outra dentro da composição visual.
“ ”
 Observe este conjunto de barras nas cores amarela e preta.
Na primeira imagem, as barras amarelas da esquerda estão visivelmente mais claras do 
que as barras amarelas da direita. Entretanto, quando retira-se as barras pretas, as duas 
colunas de barras amarelas passam ser da mesma cor. Esta ilusão de ótica conhecida como 
Efeito Munker-White revela como as cores trabalharam juntas.
Contraste entre cores opostas ou complementares
O contraste entre cores opostas ou complementares geralmente são fortes e criam grandes 
destaques e pontos de atração. Entretanto, é necessário dosar as quantidades de cada cor para 
que se consiga tirar proveito estético e visual destas combinações.
Esta dosagem vai depender da suas intenções e dos outros elementos que serão usados 
em seu projeto. O principal cuidado que deve ser tomado com essas combinações é para que elas 
não criem um efeito que incomode o olhar ,respeitando este aspecto, é possível se criar peças 
gráficas altamente apelativas e atraentes.
Para visualizar as diferenças nas dosagens de cores, observe atentamente o conjunto de 
imagens a seguir. Atente-se para a quantidade de cor em cada quadrado e as sensações visuais 
que cada um deles proporciona ao olhar.
relações entre as cores vermelho e verde.
relações entre as cores laranja e azul.
relações entreas cores amarela e violeta.
Relações entre Cores Quentes e Cores Frias
 Aplicar a cor vermelha na palavra DESIGN faz com que ela se destaque mesmo sendo 
menor do que a palavra GRÁFICO.
 Aplicar a cor vermelha na palavra reforça ainda mais seu destaque e as 
dimensões, visualmente a palavra fica ainda maior se comparado com a palavra 
GRÁFICO 
DESIGN.
 Aplicar a cor azul na palavra DESIGN faz com que ela perca contraste e diminua 
visualmente em relação a palavra GRÁFICO.
 Para se alcançar contraste com uma cor fria é necessário usá-la em uma area grande.
 Ao aplicar a cor azul na palavra maior, GRÁFICO, o contraste* é mantido com a 
palavra menor DESIGN.
*importante lembrar que a percepção visual de um contraste provocado por uma cor quente 
é diferente da percepção visual do contraste provocado por uma cor fria (as temperaturas 
são diferentes).
iA seguir, temos mais exemplos que apontam as sensações e as relações existentes 
entre as cores quentes e cores frias (cores opostas ou complementares) e como é possível tirar 
partido delas.
As palavras DESIGN GRÁFICO recebeu tratamentos diferentes, por meio da aplicação 
das cores vermelha e azul. Observe que a fonte e as dimensões das palavras não foram 
alteradas de um exemplo para outro.
Veja como as diferentes aplicações alteram as relações e sensações visuais.
A cor vermelha sobre o fundo em cor preta
- a cor vermelha parece intensa e com bordas definidas
A cor vermelha sobre o fundo em cor branca
- a cor vermelha parece menos viva do que comparado a cor vermelha sobre o fundo preto.
A cor vermelha sobre o fundo em cor ciano
- A area na cor vermelha parece ser menor visualmente quando está em contato direto com a cor 
ciano, porém ao se separar a cor vermelha com contorno na cor preta ou branca, essa sensação 
é reduzida.
A cor vermelha sobre a cor marrom
- A cor vermelha se torna ainda mais opaco se comparado aos fundos branco e preto.
A cor vermelha sobre a cor magenta
- As areas das duas cores começam se confundir no olhar.
Quadrado vermelho sobre fundos diversos
A cor dos fundos (background) também são um ponto importante para os projetos 
gráficos. Os fundos podem contribuir positiva ou negativamente com o visual, podendo 
favorecer ou desfavorecer a legibilidade e compreensão das mensagens. Vamos analisar 
alguns casos envolvendo fundos a fim de entendermos a importância deles. Ressalto mais uma 
vez, que não existem fórmulas prontas, apenas orientações, a escolha dos fundos e das suas 
respectivas cores será balizada pelo projeto.
Geralmente elementos gráficos em cores escuras sobre fundo em cor clara são melhor 
percebidos pelo olhar do que elementos gráficos claros sobre o fundo em cor escura.
Compare os dois casos:
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
Lembre-se que o fundo colorido pode provocar alterações nas cores que estiverem 
sobrepostas a ele. Veja os exemplos a seguir, onde uma figura (círculo com o ponto de 
exclamação) nas cores verde, marrom e cinza são sobrepostos em diferentes fundos.
Conforme a cor do fundo, a percepção do conjunto é alterada, as vezes as diferenças são 
gritantes, às vezes são sutis e cada cor sobreposta se comporta de uma maneira diferente.
Ao observar os exemplos, tente encontrar onde o contraste funciona bem, onde as cores 
perdem destaque, onde se cria situações que não são agradáveis ao olhar.
Este raciocínio servirá de orientadore quando você tiver que escolher e sobrepor cores.
- elemento em cor escura sobre fundo em cor clara - visualizados melhor
- elemento em cor clara sobre fundo em cor escura 
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
!!
DESIGN GRÁFICO DESIGN GRÁFICO
Cores e Tipografia
Dica (para apresentações em geral, banners, faixas entre outros)
Palavras em cores escuras sobre fundo na cor branca são geralmente mais legíveis 
de longe do que palavras em cores claras sobre um fundo na cor branca
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
Observe as duas situações a seguir: 
- palavras em fontes diferentes e coloridas com a mesma cor amarela, ambas 
sobre um fundo na cor preta.
Qual das duas palavras é mais fácil de ser lida? Com certeza a palavra da esquerda.
Quando usamos uma fonte com cor clara sobre fundo escuro, devemos nos atentar para a 
tipografia escolhida. Este tipo de situação pede uma fonte grossa com volume e peso, pois o 
fundo escuro obrigatoriamente irá absorver a cor clara da fonte, tornando-a visualmente 
menor.
Observe mais estes exemplos. Desta vez é aplicado sobre fundos coloridos, palavras com 
tipografia diferentes nas cores cinza, preta e branca.
Ao analisar cada caso é possível dizer, que em sua maioria, as palavras em fonte mais 
grossa são mais fáceis de ler do que as de fonte fina.
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
DESIGN GRÁFICO
Estampas
Para encerrarmos esta unidade sobre Cores, iremos fazer mais um exercício de 
sensibilização do olhar. Observe as imagens a seguir, composta por 9 estampas. 
A primeira vista todos parecem diferentes, mas ao se observar mais atentamente 
verifica-se que todas as 9 estampas possuem o mesmo desenho. A diferença entre elas foi 
alcançada exclusivamente através das cores aplicadas. 
Mais uma vez, fica evidente como as cores conseguem alterar a percepção e 
entendimento visual de qualquer elemento que nos cerca.
Apesar de se tratar de um exercício lúdico, a escolha e distribuição das cores nestas 
estampas consideraram de forma consciente os elementos que seriam ou não destacados. 
Para qualquer projeto gráfico, esta linha de pensamento projetual é valida, é importante 
sempre saber o que você quer dar destaque (dar contraste) e aquilo que você não quer destacar.
As estampas foram coloridas usando 
basicamente as relações de contraste (cores opostas ou complementares) e de 
harmonia/equilíbrio (cores vizinhas ou análogas).
Jogo rápido - Cores
Trabalhar com cores exige prática e paciência, comece trabalhando com poucas cores, 2 
ou 3 e quando se sentir mais a vontade e seguro insira mais cores.
Pode parecer escolar, mas usar o círculo cromático realmente funciona! Ao surgir 
dúvidas, consulte-o (você o encontrará facilmente no google).
Sempre que iniciar um projeto tenha em mente um cartela de cores que você queira usar. 
Entretanto, se ao longo do projeto estas cores começarem a atrapalhar ao invés de ajudar, 
troque sua cartela de cores. Não se intimide diante disso!
Observe os objetos ao seu redor e busque entender porque suas cores te atraem ou te 
repelem.
Lembre-se: se quiser criar contrastes, usem as cores complementares. Se quiser criar 
harmonia e equilíbrio, use as cores análogas! O pintor Marc Chagall, tem uma frase bonitinha 
para nos fazer lembrar disso: “
”
TODAS AS CORES SÃO AMIGAS DE SUAS VIZINHAS E AMANTES 
DE SUAS OPOSTAS.
	Página 1Página 2
	Página 3
	Página 4
	Página 5
	Página 6
	Página 7
	Página 8
	Página 9
	Página 10
	Página 11