Semiótica e

cores
Semiótica
É o esstudo dos signos, dos símbolos, que por meio de uma linguagem (dos sinais),
fazem a comunicação com pessoas, comunidades, raças e religiões.

A semiótica provém da raiz grega 'semeion', que denota signo. Também temos
'semeiotiké', a arte dos sinais.

Revela as formas como o indivíduo dá significado a tudo que o cerca.

2
É a ciência que estuda os signos e todas as
linguagens e acontecimentos culturais como se
fossrm fenômenos produtores de significado.

3
Por que saber semiótica?
Na área do web design as cores, formas, imagens e suas disposições em uma
página web transmitem sensações ao usuário dependendo do lugar e de como são
colocados no site.

Por isso o significado dos diversos meio de comunicação na área web é

importante para que as empresas possam atingir seus objetivos.

4
CORES
Cor é a impressão que luz refletida ou absorvida pelos corpos produz nos olhos.

Considerações para escolher as cores do site:

• Estética;
• Identidade;
• Usabilidade.

5
Psicologia das Cores
É o campo de estudo voltado à análise dos efeitos emocionais e comportamentais
produzidos pelas cores e suas combinações.

Por exemplo, como escolher uma cor que os usuários fiquem mais tempo em um site
e dessa forma poderão gastar mais dinheiro na compra de seus produtos?

As cores devem ser planejadas para interface considerando o contexto em que serão
utilizadas, muitas vezes tendo que respeitar a cor do logotipo da empresa.

6
Associação das
Cores
As cores transmitem emoções, sensações e
sentimentos.

Alguns significados das cores e o que elas

podem nos lembrar ou remeter a alguma
situação ou sentimento

7
VERMELHO
• Estimula a adrenalina e pressão sanguínea;
• Intensifica o metabolismo humano;
• É uma cor estimulante, dramática e rica, é a cor da paixão;

• Transmite: força, energia, amor, velocidade, liderança, masculinidade, alegria ,

perigo, fogo, raiva, revolução, "pare";

8
LARANJA
• É uma cor vigorosa e vívida;

• É uma cor mais informal e menos empresarial;

• Também estimula o metabolismo e o apetite;

• Muito usada para divulgar alimentos e a culinária.

9
AMARELO
• É uma cor vívida e visível;

• Muito utilizada em táxis e sinais de avisol;

• Está associada à alegria e energia;

• Também utilizada para concentração, otimismo, felicidade, idealismo, riqueza

(ouro), fraqueza ou depressão em excesso.

10
VERDE
• Está associado à natureza;

• Simboliza o crescimento, o frescor, esperança, primavera, fertilidade, juventude,

desenvolvimento, riqueza, dinheiro, boa sorte, ciúmes, ganância;

• É mais confortavél para os olhos e menos vívida que o amarelo, vermelho ou

laranja.

11
AZUL
• No nível emocional o azul simboliza fraqueza, inteligência, fé, harmonia,
confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia;

• É também um cor calmante e pode reduzir o apetite;

• Está associado com o céu e o mar (água);

• Transmite o senso de estabilidade e clareza de propósitos embutidos na cor. Por

exemplo: IBM, DELL, HP, Microsoft.

12
ROXO
• Está associado à realeza e ao poder;

• É simbolo de riqueza e extravagância;

• Esta cor é muito vinculada à flores, pedras preciosas, ao pôr-do-sol;

• Possui também cores derivadas como o violeta que remete à espiritualidade,

criatividade, sabedoria, resplandecência.

13
BRANCO
• A cor branca representa as sete cores do espectro: vermelho, laranja, amarelo,
verde, azul, anil e violeta;

• É a cor que remete ao significado de: pureza, inocência, reverência, paz,

simplicidade, esterilidade, rendição, limpeza, luz, perfeição;

• Muito usada em cor de fundo.

14
PRETO
• A cor preta é a inexistência de cor ou ausência de luz;

• Na maioria das vezes esta cor possui conotações negativas, como a morte e o
mal, ela pode ser também a cor do poder, elegância, força, dependendo de como
é usada;

• O preto pode transmitir: modernidade, sofisticação, formalidade, medo,

anonimato, raiva, mistério.

15
OUTRAS
CORES
16
ROSA
• O rosa, assim como o azul, é dividido entre tons mais suaves e mais fortes.

• O rosa suave tende a indicar delicadeza. Característico do universo feminino,

também simboliza inocência, romantismo e proteção;

• Já os tons mais intensos estão diretamente relacionados à modernidade e são

comumente utilizados para despertar a atenção do público.

17
MARROM
• Quando pensamos em sofisticação e seriedade, o marrom é a cor mais
recomendada. Ele é capaz de transmitir conceitos que se associam à natureza e
segurança..

• Comumente conseguimos perceber o uso dessa cor em produtos orgânicos e

coisas relacionadas à natureza, uma vez que proporciona sensação de
estabilidade e de um produto rústico.

18
CINZA
• A junção das duas cores mais neutras da paleta (preto e branco) resultam no
cinza, uma outra cor considerada neutra.

• Ele tende a ser utilizado para ressaltar outras cores, pois sua neutralidade auxilia
no destaque de outros tons.

• O cinza passa uma ideia de responsabilidade, conhecimento e profissionalismo e

tende a ser utilizado em design corporativo. A tecnologia e inovação também são
bem representadas pelo cinza. Essa cor, em combinação com outras, também
transmite a sensação de harmonia e equilíbrio.
20
20
Atributos das
cores
A psicologia das cores pode ajudar a iniciar
um projeto de paleta de cores.

O sucesso do esquema de cores de um projeto

depende da harmonia existente entre as cores
escolhidas.

21
TEMPERATURA DA COR
As cores são divididas em dois tipos de "temperaturas": QUENTES e FRIAS.

22
CORES QUENTES
São cores que possuem associação ao sol e fogo;

Elas representam tanto calor quanto moviemento;

Em constrate com cores frias elas se sobressaem, produzindo ênfase visual;

As cores quentes vão do vermelho ao amarelo, incluindo laranja, rosa, marrom e

vinho.

23
CORES FRIAS
As cores frias têm propriedades de acalmar pessoas e reduzir a tensão;

Em design estas cores são boas opções para fundos e elementos de maior dimensão
na página, pois não ofuscam o conteúdo;

Elas vão do verde ao azul, incluindo os tons de roxo e seus intermediários entre
vermelho e azul.

24
VALOR DA COR
Valor da cor: é a medida de claridade ou obscuridade de uma cor;

Matriz (Hue): é a adição do branco a uma cor, ou seja, os tons mais claros da cor;

Tom: é qualquer cor pura à qual foi adicionado o preto;

Saturação: (intensidade) é o grau de luminosidade ou opacidade de uma cor.

25
Formação das
Cores
As cores são classificadas em 3 tipos:
Primárias, Secundárias e Terciárias.

Elas estão dispostas em um diagrama simples

desenvolvido para apresentar os conceitos e a
terminologia da teoria da cor denomindado
RODA DAS CORES.

26
Cores Primárias
São o vermelho, amarelo e o azul;

As cores primárias, classificadas também como cores

puras, são tonalidades originais, ou seja, elas não são
obtidas através da mistura com a outras cores,
entretanto outras cores podem ser originadas por meio
delas.

27
Cores Secundárias
É a mistura de duas cores primárias próximas.

São cores secundárias: laranja, verde e roxo.

As cores secundárias são obtidas através da mistura com cores

primárias. Veja: o verde, que é um cor fria, é alçando por meio
da mistura entre o azul e o amarelo. O violeta é obtido através
da mistura entre o vermelho e o azul.

28
Cores Terciárias
São formadas pela mistura de uma cor primária com uma cor
secundária.

As cores terciárias são obtidas através da mistura realizada

entre cores primárias e secundárias. São elas: vermelho-
arroxeado (vermelho e roxo) e vermelho-alaranjado (vermelho
e laranja); amarelo-esverdeado (amarelo e verde) e amarelo-
alaranjado (amarelo e laranja); azul-arroxeado (azul e roxo) e
azul-esverdeado (azul e verde).

28
Roda das
cores
30
 FIM!
Análise e Desenvolvimento de Sistemas - UNIFUNEC

31