A Descoberta da Comunicação Visual

O uso das cores

cor

arte

tipografia
cor & cor
Parte 1
 O uso das cores

A relação cor e luz

- Luz é uma mistura de radiações com comprimentos de ondas diferentes.

- Cada cor tem um determinado comprimento de onda.

Limites dos comprimentos de

Cores
onda (nm)
Roxo ou Violeta 380 – 450

Azul 450 – 500

Verde 500 – 570

Amarelo 570 – 590

Laranja 590 – 610

Vermelho 610 – 760

 O uso das cores

As cores da luz

- Primárias;

- Secundárias;

- Intermediárias.
 O uso das cores

Critérios para classificação dos tipos de luz

- Decomposição da luz branca (a soma de todos os comprimentos de on-

das de luz).

- Origina basicamente três comprimentos de ondas diferentes

(cores
primárias):

- verde

- vermelho

- azul-violetado
 O uso das cores

Síntese aditiva das cores

 O uso das cores

As cores da luz e seus tipos

- Cores primárias
- verde
- vermelho
- azul-violetado

- Cores secundárias
- amarelo: vermelho + verde
- ciano: azul + verde
- magenta: vermelho + azul
 O uso das cores

As cores complementares

- O que determina se uma cor é complementar de outra é a capacidade

que elas têm de ao entrarem em contato umas com as outras, origina-
rem a luz branca.

- vermelho x ciano
- verde x magenta
- azul x amarelo

- Uma luz é complementar à outra quando uma for secundária e a outra

for primária, desde que esta primária não participe de sua composição.
 O uso das cores

Síntese subtrativa das cores

 O uso das cores

As cores dos pigmentos e seus tipos

- Cores primárias
- ciano (C)
- amarelo (Y)
- magenta (M)

- Cores secundárias
- azul: magenta + ciano
- verde: amarelo + ciano
- vermelho: amarelo + magenta

- Cores intermediárias
- formadas pela mistura das cores primárias com as
secundárias
 O uso das cores

As cores complementares

- O que determina se uma cor é complementar de outra é a capacidade

que elas têm de ao entrarem em contato umas com as outras, origina-
rem a cor preta.

- amarelo + azul = preto

- vermelho + ciano = preto
- magenta + verde = preto

- A cor de um pigmento é complementar à outra quando uma for

secundária e a outra for primária, desde que esta primária não participe
de sua composição.
 O uso das cores

Diferenças entre a síntese aditiva e subtrativa

- Aditiva
- Utilizada quando se trabalha com luzes
- Cores primárias

- Subtrativa
- Utilizada quando se trabalha com pigmentos
- Cores primárias
 O uso das cores

Círculo cromático
 O uso das cores

Fenômenos de contraste

- Contraste entre branco e preto

 O uso das cores

Fenômenos de contraste

- Combinação Harmônica
- Parte básica da cor comum a todas as cores.
- Ex: verde e amarelo.
 O uso das cores

Fenômenos de contraste
- Combinação Contrastante

- Combinação de cores totalmente diversas

- Roxo e amarelo

- Contraste entre branco e preto

- Muitos profissionais empregam escalas de diferentes va-

lores de luminosidade a fim de suprirem a falta de cores
num determinado trabalho.
 O uso das cores

Fenômenos de contraste
- Contrastes Simultâneos

- Os valores observados por uma determinada cor se

alte-
ram quando ela passa a sofrer a influência de uma ou
mais cores colocadas dentro de um mesmo espaço.

- A complementar acentua o brilho da cor, o que pode

au-
mentar o seu efeito e sua beleza.
 O uso das cores

Fenômenos de contraste
- Contraste de Superfície

- Cores quentes: expansabilidade maior. Menos

espaço.
- Cores frias: dão a impressão de sempre ocupar um
lugar
menor.
 O uso das cores
Análise das cores no material visual
 A Descoberta da Comunicação Visual
Análise das cores no material visual

Composição das cores do anúncio

C:6 M:17 Y:3 K:0

C:14 M:44 Y:62 K:1

C:100 M:97 Y:26 K:12

C:33 M:16 Y:3 K:0

 Círculo cromático

- O resultado final prima pela harmonia

de cores análogas.
O significado psicológico das cores
 O significado psicológico das cores

- Atuam sobre a emotividade humana

- Produzem uma sensação de movimento, uma dinâmica
envolvente e compulsiva.
- O Amarelo transbordar de seus limites espaciais
- O vermelho embora agressivo, equilibra-se sobre si mesmo
- O azul cria a sensação de vazio, de distância, de profundidade.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Determinadas cores dão sensação de proximidade. Outras de

distância, da mesma forma que uma pessoa comunicativa,
vibrante, mais facilmente se aproxima de nós, enquanto outra
parece manter-se a distância por ser de poucas palavras ou
sem um sorriso, o qual contribui para abrir as portas de uma
boa comunicação.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cor e sociedade

Os costumes sociais são fatores que intervêm nas escolhas das cores. Por exemplo,

em determinadas culturas é hábito diferenciar, através da cor a veste das mulhe-

res mais idosas da usada pelas mais jovens. O mesmo se observa na diferenciação

dos sexos. Derivando de hábitos sociais estabelecidos durante longo tempo, fixam-

se atitudes psicológicas que orientam inconscientemente inclinações individuais.

 A Descoberta da Comunicação Visual
O significado psicológico das cores

Quadro de significados conativos

Sensações
Objeto Significado
visuais
Branco Vestido de noiva Pureza
Preto Noite Negativo
Manchas Tristeza,
Cinza
imprecisas coisas amorfas
Calor, dinâmismo,
Vermelho Sangue
ação, excitação
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cor e ABNT

A Associação de Normas Técnicas (ABNT) emitiu normas sobre o uso da cor na

segurança do trabalho e o uso das cores no campo industrial, apoiando-se na lin-

guagem psicológica educacional, que inclina o indivíduo a reações automáticas e

instantâneas.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cor e ABNT

Sensação visual Utilização

Azul Controle de equipamentos elétricos
Partes móveis e mais perigosas de máquinas e
Laranja
equipamentos

Vermelho Equipamentos de proteção ou combate contra incêndio

Verde Caixa de socorros de urgência, avisos, boletins etc.

Preto Coletores de resíduos

Branco Faixas indicativas de sentido de circulação

 A Descoberta da Comunicação Visual
O significado psicológico das cores

Significado das cores

As cores constituem estímulos psicológicos para a sensibilidade humana, influindo no

individuo, para gostar ou não de algo, para negar ou afirmar, para se abster ou agir.

Muitas preferências sobre as cores se baseiam em associações ou experiências agra-

dáveis tidas no passado e, portanto, torna-se difícil mudarem as preferências sobre as

mesmas. Na realidade, os estudos e as pesquisas realizados por eminentes psicólogos

e especialistas em cores propiciaram um claro esquema de significação das cores.

 A Descoberta da Comunicação Visual
O significado psicológico das cores

Significado das cores – Sensações

Acromáticas
-Associação material - batismo, casamento, cisne, lírio, primeira comunhão, neve,
nuvens, nuvens em tempo claro, areia clara.
Branco - Associação afetiva - ordem, simplicidade, limpeza, bem, pensamento, juventude,
otimismo, piedade, paz, pureza, inocência, dignidade, afirmação, modéstia, deleite,
despertar.
-Associação material - sujeira, sombra, enterro, noite, carvão, fumaça, condolência,
morto.
Preto
- Associação afetiva - tédio, tristeza, decadência, velhice, desânimo, seriedade,
sabedoria, passado.
-Associação material - pó, chuva, ratos, neblina, máquinas, mar sob tempestade.
Cinza - Associação afetiva - mal, miséria, pessimismo, sordidez, tristeza, frigidez, desgraça, dor,
temor, negação, melancolia, opressão, angústia. É alegre combinados com certas cores.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Significado das cores – Sensações Cromáticas

-Associação material - rubi, cereja, guerra, luta, sinal de parada, perigo, vida, sol, fogo,
chama, sangue, combate, lábios, mulher, feridas, rochas vermelhas.

Vermelho -Associação afetiva - dinamismo, força, baixeza, energia, revolta, movimento, barbarismo,
coragem, furor, esplendor, intensidade, paixão, vulgaridade, poderio, vigor, glória, calor,
violência, dureza, excitação, ira, interdição.

-Associação material - outono, laranja, fogo, pôr do sol, luz, chama, calor, festa, perigo.
Laranja -Associação afetiva - força, luminosidade, dureza, euforia, energia, advertência, tentação.

-Associação material - flores grandes, terra argilosa, palha, luz, topázio, verão, limão,
chinês.
Amarelo
-Associação afetiva - iluminação, conforto, alerta, gozo, ciúme, orgulho, esperança.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Significado das cores – Sensações Cromáticas

-Associação material - umidade, frescor, primavera, bosque, águas claras, folhagem, tapete de
jogos, mar, verão, planície.
Verde -Associação afetiva - adolescência, bem-estar, paz, saúde, ideal, abundância, tranquilidade,
segurança, natureza, equilíbrio, esperança, serenidade, juventude, suavidade, crença.

-Associação material - montanhas longínquas, frio, mar, céu, gelo.

Azul -Associação afetiva - espaço, viagem, verdade, sentido, intelectualidade, paz, advertência,
precaução, serenidade, infinito, meditação.

-Associação material - noite, janela, igreja, aurora, sonho, mar profundo.

Roxo -Associação afetiva - fantasia, mistério, profundidade, eletricidade, dignidade, justiça, egoísmo,
grandeza, misticismo, espiritualidade, delicadeza, calma.

-Associação material - terra, águas lamacentas, outono, doença.

Marrom
- Associação afetiva - pesar, melancolia.
 Cores aplicadas à Comunicação Visual

Vermelho: aumenta a atenção, é

estimulante, motivador. Aplicado em
situações que indicam calor e energia.
 Cores aplicadas à Comunicação Visual

Laranja: aplicado em forma

mais moderada nos mesmos
casos do vermelho.
 Cores aplicadas à Comunicação Visual

Amarelo: visível à
distância,
estimulante.
Combinada com o
preto, pode
resultar eficaz e
interessante.
Geralmente,
aplicado em
situações que
indicam luz e
calor.
 Cores aplicadas à Comunicação Visual

Verde: pouca força sugestiva; oferece uma sensação de repouso. Aplicado em

anúncios de artigos que caracterizem frio. Pode ser aplicado também em artigos de
higiene e limpeza.
 Cores aplicadas à Comunicação Visual

Azul: possui grande poder

de atração; é neutralizante
nas inquietações do ser
humano, acalma o indivíduo
e seu sistema circulatório.
Aplicado em situações que
caracterizam frio, limpeza,
higiene.
Cores aplicadas à Comunicação Visual
Cores aplicadas à Comunicação Visual
 Cores aplicadas à Comunicação Visual

Roxo: acalma o
sistema nervoso.
Aplicado em anúncios
de artigos religiosos.
Cor relacionada a
moda, seu
magnetismo transmite
diferenciação, para
um público que
aprecia o inusitado, o
novo. Cor que
encontra preferência
no público adulto.
 Cores aplicadas à Comunicação Visual

Púrpura e Ouro: cores representativas do valor e da

dignidade. Artigos de alta categoria e luxo.
 Cores aplicadas à Comunicação Visual

Violeta: entristece o
ser humano, no
impresso não deve
ser usada
para produtos que
querem transmitir
energia e calor. Cor
sóbria, requintada,
usada
para produtos com
imagem séria.
 Cores aplicadas à Comunicação Visual

Cinza: indica
discrição. Para
as atitudes
neutras e
diplomáticas, o
cinza é muito
usado no meio
impresso.
 Cores aplicadas à Comunicação Visual

Preto: Bom contraste

se aplicado
juntamente com cores
quentes, valorizando a
informação. Impressos
em preto e branco
normalmente chamam
menos atenção que os
coloridos. Pode
também transmitir
discrição, seriedade.
 Cores aplicadas à Comunicação Visual

Azul e branco: predispõe à simpatia, oferece uma sensação de paz. Serviços que precisam
informar de sua segurança e estabilidade.
 Cores aplicadas à Comunicação Visual

Azul e vermelho: estimulante da

espiritualidade, combinação de
grande eficácia.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cores aplicadas à Comunicação Visual

Vermelho e verde: contraste ruim, de pouca eficácia no meio impresso.

Vermelho e amarelo: estimulante e eficaz na Comunicação Visual, mas em certas

pessoas esta combinação provoca opressão e insatisfação.

Amarelo e verde: produz atitude passiva em muitas pessoas, poderá se tornar mais
eficaz se houver mais detalhes coloridos na peça.

Azul e preto: sensação de antipatia, deixa o indivíduo preocupado, desvaloriza

completamente a mensagem e é contraproducente.
 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cores aplicadas à Comunicação Visual

É inegável que um impresso realizado nos contrastes de branco e preto

tem um poder atrativo muito grande. É um contraste agradável à vista e com um

inquestionável poder de impacto. Mas as combinações de cores possuem um poder de

sugestão muito maior, atuando diretamente sobre a parte sensorial do indivíduo.

O poder de fixar a atenção e conseguir do consumidor uma rápida assimilação da

mensagem está ligado à simplicidade da imagem, à sua precisão, ao destaque dado ao

foco onde se centraliza a idéia a ser assimilada.

 A Descoberta da Comunicação Visual
O significado psicológico das cores

Cores aplicadas à Comunicação Visual

Para não criar um “carnaval” e para que o observador não se perca com muitos

focos de atenção, provocados pelas cores diferentes, recomenda-se usar em uma

matéria além das cores da fotografia ou ilustração, no máximo 3 cores distintas.

Uma dica é trabalhar as matérias com as cores das fotos.

cor & arte.
Parte 2
Cores pré-históricas.

Gama limitada pelos materiais.

Ocre (óxido de ferro) – sangue e vida

Preto (carvão)- contorno

Amarelo ocre- sol

Branco brilhante (calcita) – luz

 Cores egípcias.
Começo dos pigmentos sintéticos. Maior
duração para as pinturas.

Verde (malaquita) – cor do Nilo.

Vermelho vivo (cinabre)

Roxo tírio (búzios do Tírio) – Riqueza e poder

Azul egípcio (sílica cobre e cálcio)

 Tempos medievais.
O esplendor do ouro.

Simbolismo da glória e paraíso.

Junção com o vermelho e verde para criar solidez.

Encontrado em pinturas, artefatos e tecidos.

Símbolo de nobreza.
 Período Bizantino.
Afrescos: pigmentos orgânicos facilitando o
escurecimento.

Cores que não podiam ser colocadas juntas.

Vermelhão + Branco chumbo= preto.

Cores provenientes da terra: Sinopla

(vermelho), Umbre Cru ( Marrom), Siena
cru ( Amarelo), Terra Verde, Azurita (Azul),
Branco (Cal).
Lamentação sobre cristo morto - Giotto
 Início da Renascença.
A cor como status para os patronos.

Cores importadas: azul ultramarino (Lápis-lazuli) e

vermelho brilhante (enxofre e mercúrio).

Cores para significação da narrativa.

Cores puras para os divinos e cores misturadas

para os corrompidos.
A coroação da Virgem - Enguerrand Quarton
 Leonardo.
Uso do claro-escuro efeito de relevo e
tridimensionalidade.

Sfumato: cores e contornos esfumaçados.

Perspectiva aérea: afastamento usando o azul.

Cores brilhantes banidas.

A virgem, Jesus criança e Santa Ginevra de´Benci.
Ana.
 Escola Veneziana.
Pigmentos ricos e puros.

Tintas importadas e de ótima qualidade.

Saturação e brilho usadas para criar uma cor natural.

A família de Dario diante de Aexandre- Pao
Veronese
 Rococó.

Corte das sombras.

Transparência nas pinturas.

ores frescas e suaves para decoração.

Utilização do ouro .
Jean-Honroé Fragnond.
 Harmonia e
contraste.
Eugène Delacroix - romantismo francês.

Harmonia baseada em contrastes.

Cores complementares. Força total dos

matizes.

Pele avermelhada – sombra verde

Luz do sol amarela- sombra violeta

Eugene Delacroix.
 Impressionismo.
Tons complementares para captar a luz.

Pouca utilização de tons terrosos.

Pigmentos puros e brilhantes escondendo
os tons escurecidos.

“O ar fresco é violeta” – Monet.

Mulher com o guarda sol – Monet.
 Pontilhismo.
Teorias científicas aplicadas ao trabalho.

Cores poderiam ser misturadas pelos olhos assim como

na palheta.

Mistura optícas são mais luminosas.

Somente matizes puros usados nos quadros.

 Expressionismo.
“Não pinto o que vejo e sim o que sinto” – Van Gogh.

Cores chocantes e nervosas.

As complementares com as suas vibrações.

 Oriente.
Cinco cores primárias:amarelo, vermelho, branco,
preto e azul.

Cores suaves e frescas causadas por matizes

pálidos (mistura da tinta com a água). Azul
turquesa e rosa pessêgo.

Repetição de cores em diferentes elementos da

pintura.
 Cubismo.
Picasso: Fase azul (depressão), fase rosa (amor e alegria).

Cubismo analítico: Preto, branco marrom e cinza (cor dos

cantos e espaços.)

Cubismo sintético: cores primárias.

Cezáne: cor fria sobre cor quente e cinzas criando volume.

 Fovismo.
Os “animais selvagens”.

Cor pura, agitando o olho.

Quadros com mesmo brilho e saturação mantendo

a atenção em todos os pontos.

Cores são bastões de dinamites.

Harmonia em vermelho- Matisse
Influências orientais.
Paul Klee.

Amarelos, azuis, lilases e verdes.

O calor do sol e o azul do céu.

Padronagens com cores e formas para dar

sentido e rítimo.

Tons translúcidos da aquarela

 Abstrato.
A cor como um elemento principal.

Transmitindo emoções e mensagens.

A cor domina os sentidos.

 Novas abordagens.
Pós-guerra: O começo da separação da cor do seu
contexto.

Maneiras não convencionais.

Novas técnicas (pintar por cima de fotos) e novos

materiais (esmalte de unha).

A cor finalmente ficou livre.

tipografia
Parte 3
Um dos grandes responsáveis para um bom
resultado de um trabalho é, sem dúvida, a
tipografia
 Com a invenção dos tipos
moveis de Guttemberg
adquirimos uma multiplicação do
conhecimento e da informação

A maquina inventada por ele

e seus tipos desenhados e
fundidos em metal, foram o
ponto inicial para a revolução
na comunicação
 Estrutura do caracter

Corpo: tamanho da letra, varia de acordo

com o público e objetivo que irá se trabalhar.
•Caixa alta: letras maiúsculas.
•Caixa baixa: letras minúsculas.
A tipografia (do grego typos - "forma" - e graphein -
"escrita")
é a arte e o processo de criação na composição um
texto, fisicamente ou digitalmente.

No uso da tipografia o interesse visual é realizado

através da escolha adequada de :
 Fontes tipográficas,

 Composição de texto,

 Cor do texto

 Relação entre texto e os elementos gráficos na

página.
 Tipografia
É a arte e processo de criação de caracteres. A tipografia
tem origem etimológica na implantação da impressão por
tipos móveis na Europa.

Tipologia
Tipologia é o estudo das características dos tipos.
 Tipo
Cada um dos caractere tipográficos.

Fonte (Família tipográfica)

Conjunto ou coleção de tipos cujo traçado,
em qualquer corpo (tamanho) ou variante
(normal, negrito, itálico), apresenta as
mesmas características estruturais e cujo
desenho básico é conhecido por um nome.
Famílias Tipológicas
Baseados em estudos feitos por Francis Thibedeau, em
meados do século XVIII, na França, foi estabelecido as
principais família de letras de imprensa. São elas:

 Romana antiga
 Romana moderna

 Egípcia ou Serifa Grossa

 Lapidária ou Sem Serifa

 Cursiva
 Fantasia ou decorativa
Romana antiga
Criada pelos franceses, é inspirada na escrita monumental romana.
Suas serifas facilitam a leitura, pois fazem o texto parecer contínuo
aos olhos. Proporciona ao leitor um inconsciente descanso visual.

Idéias para longos textos impressos.

 Romana moderna
Criada pelos italianos, apresenta uma evolução
dos romanos clássicos, Esteticamente
agradáveis, trouxeram sensível melhora na
legibilidade das letras.
 Egípcia (Serifa Grossa)
Criada com o advento da revolução
industrial,
tem como característica estrutural uma certa
uniformidade
nas hastes e serifas retangulares.
 Lapidária (sem serifa)
Criada na Alemanha, possui caracteres com
poucas variações em suas hastes, cujos
arremates não possuem serifas.
Ideal para títulos e embalagens
 Cursiva
São as letras que não se encaixam em
nenhuma das famílias já vistas. São mais
ilegíveis, limitando seu uso a destaques,
com número limitado de toques.
 Fantasia
Fruto da evolução tecnológica e da
necessidade de criar identidades corporativas
cada vez mais inteligentes, criativas e
individualizadas.
 Destaque
Existem algumas maneiras para se dar destaque
em uma informação,dentro do mesmo texto.
 Utilizar inclinação.

 Tonalidade (Extra Bold, Bold, Média,Light,

Extra light).
 Condensado ou expandido.
 kerning: Ajuste do espaço entre as letras de
uma palavra com o objetivo de criar uma
textura visual, tornando assim o texto mais
legível.
Legibilidade

A legibilidade é a qualidade do que se pode ler

ou do que está escrito em caracteres nítidos.

•Dessa forma, não se lê letra por letra, e, sim,

reconhecem-se os grupos de letras pelas suas
particularidades formais, isto é,
“lê-se”a imagem das palavras.

•A boa legibilidade das letras, números,

símbolos (caracteres), palavras e frases
depende de variáveis que devem ser
observadas:
•simplicidade, dimensão, força, e harmonia.
 Simplicidade

 Quanto mais simples for o desenho dos caracteres,

mais legível ele será, principalmente se o desenho
seguir a lei da Boa continuação, isto é, o olhar tem
tendência a seguir na direção que, oticamente, melhor
continua a direção da letra.

 As letras com traços ascendentes (b, d, f, h, k, l, t) e

aquelas com descendentes (g, f, p, q, y) se sobressaem
e contribuem para formar a imagem da palavra.
Legibilidade depende do topo das letras
Legibilidade depende do topo das letras
 Dimensão

Texto com corpo muito pequeno ou muito grande

dificulta a leitura. O tamanho do tipo1 utilizado
pela maioria dos profissionais da área para um
texto varia entre 09 e 12 pontos; alguns
profissionais expandiram este estudo levando em
conta a faixa etária do leitor, concluindo que:
 Menores de 7 anos –corpo 24

 De 7 até 14 –corpo 16
 Maiores de 14 anos –corpo 10 ou 12.
 Força

A força dos caracteres é derivada da largura de seus

traços, bem como das áreas de intervalos entre cada
letra, entre cada palavra e entre cada linha.

Letras maiúsculas podem ser consideradas mais

fortes, mas textos compostos integralmente em
maiúsculas devem ser evitados, pois prejudicam a
legibilidade. Portanto, as letras maiúsculas devem ser
utilizadas em início de sentenças, títulos, nomes
próprios e siglas ou abreviaturas triviais aos leitores.
 Efeito psicológico

Os caracteres, de acordo com suas famílias, transmitem

sensações psicológicas conforme o seu desenho, força e
orientação, principalmente quando associados e reforçados
com os efeitos psicológicos proporcionados pela cor.

Devido a esse fato, a escolha da família deve ser criteriosa

e transmitir os sentimentos desejados ou reforçar o texto.
www.tipograficos.net