Harmonia Cromtica: uma metodologia para aplicao de cores em projetos web

Profa. Valria Lara

Introduo
simples colocar a cor em projetos? Porque? - Complexidade
Teoria da Cor
pedagogia psicanlise neuro oftalmologia oftalmologia neurologia psicologia cincias cognitivas fsica filosofia lingustica sociologia antropologia propaganda design artesplsticas cinema arquitetura comunicao fotografia

C O R

qumica biologia

Anlise intuitiva

E se fossemos colocar / trocar a cor?

Introduo
A cor no comunica sozinha, mas refora ou destri a comunicao

Reforo da comunicao principalmente no carter simblico (percepo):

Parte individual - intuio Parte coletiva cultura

A aplicao da cor em projetos deve ser feita considerando todos os lados da percepo.

Teorias da Percepo
Explicao tradicional da viso:

Perceber coisas depende primeiramente de se ter SENSAES As SENSAES so resultados de sintetizaes FISIOLGICAS a partir dos ESTMULOS.

Teorias da Percepo
ESTMULOS

CINCO (?) SENTIDOS (viso, audio, tato, olfato, paladar ...)

Luz, texturas, contrastes; Rudos; Chuva, sol; Perfumes, gazes;

Gostos.

Teorias da Percepo
SENSAES
Cores Sons

Sensaes tteis
Odores Gostos.

Teorias da Percepo
PERCEPO
Objetos; Espao;

Significados;
Cultura.

Teorias da Percepo
ES MUL T OS 5 sentidos canais possveis S AO ENS Fisiologia PERCEPO Aspectos scio-culturais

A ao da luz dentro dos olhos pode dar-nos cores, mas no objetos coloridos, com significado histrico individual e coletivo ao mesmo tempo.

Metodologia para aplicao de cores em projetos web

Para aplicar a cor em projetos, devemos considerar as trs fases da percepo ao mesmo tempo
ES MUL T OS 5 sentidos canais possveis S AO ENS Fisiologia PERCEPO Aspectos scio-culturais

Metodologia para aplicao de cores em projetos web

Proposta:
ESTMULO
Aspectos fsicos da cor Esquemas de combinaes de cores

SENSAO
Aspectos fisiolgicos da cor Teoria tricromtica da viso cromtica Cores de contraste

PERCEPO
Teorias da percepo Significado das cores no Ocidente Relaes entre a cor e a forma Cor e texto

Aspectos fsicos da teoria da cor

cores-pigmento transparentes

Secundrias Cores-pigmento transparentes

Primrias Tercirias
13

Aspectos fsicos da teoria da cor

cores-luz

Secundrias Cores-luz

Primrias Tercirias
14

Esquemas de combinao de cores

Crculo cromtico Cores-Pigmento Transparentes
Ciano
Ciano-Violetado Azul-Violetado Magenta-Violetado Ciano-esverdeado

Verde
Verde-amarelado

Magenta
Vermelho-amagentado

Amarelo
Laranja

Vermelho

Esquemas de combinaes de cores

Crculo Cromtico
Ci/Vl B Mg/Vl Mg Vm/Mg R Lj Ci Ci/Vd G Vd/Am Amarelo

Esquemas de combinaes de cores

Esquemas bsicos: formados a partir de uma cor do crculo e cores fora do crculo

Acromtico Neutro Monocromtico Cinzas coloridos

Esquemas de combinaes de cores

Esquemas bsicos: formados a partir de uma cor do crculo e cores fora do crculo

Acromtico: Paleta formada a partir do intervalo do branco ao preto, incluindo os tons puros (o branco e o preto)

Esquemas de combinaes de cores

Esquemas bsicos:

Neutro:
Paleta formada pela escolha de um tom do crculo e o

intervalo entre este tom e a sua mistura com o castanho mdio

Esquema bsico neutro 1 - exemplo

Esquemas de combinaes de cores

Esquemas bsicos:

Neutro:
Paleta formada com um tom do crculo fixo e a sua

composio com trs tons de castanho

Esquemas de combinaes de cores

Esquemas bsicos:

Monocromtico:Paleta formada com apenas um dos tons do crculo, respeitando o seu ndice de luminosidade (observados na tabela de tons e valores);

Esquemas de combinaes de cores

Esquemas bsicos:

Monocromtico: TABELA DE TONS E VALORES (ndice de luminosidade aproximados)

100% 100%

90%
80% 70% 60%

90%
80% 70% 60%

50%
40% 30%

50%
40% 30%

20%
10%

20%
10%

0%

0%

Monocromtico (Vm-Pr)

Esquemas de combinaes de cores

Esquemas bsicos:

Cinzas coloridos:Paleta formada com apenas um dos tons

do crculo, misturando-o com um cinza mdio (50% preto, 50% branco). Cria-se assim intervalos infinitos de cinzas coloridos (pode-se usar as duas pontas da paleta, ou seja, o tom e o cinza mdio ao mesmo tempo).

Cinzas coloridos

Cinzas coloridos

Cinzas coloridos

Cinzas Coloridos

Esquemas de combinaes de cores

Consonantes:Paletas formadas a partir de tons vizinhos (cores anlogas) no crculo cromtico. Condio: utilizar de dois a sete tons.
OU OU OU

Ci

Ci

Ci

Mg

Am

Mg

Am

Mg

Am

Consonante B - Am

Consonante B- G/amarelado

Esquemas de combinaes de cores

Dissonantes:Paletas formadas a partir de tons

localizados de forma contrria no crculo cromtico.

Tons-rompidos Complementares Duplas complementares Complementares divididas Esquemas de choque

Esquemas de combinaes de cores

Dissonantes:

Tons-rompidos: escolhe-se uma cor do crculo e procurase sua complementar. A paleta formada ento pelo caminho desta cor escolhida em direo sua complementar, passando pelo centro do crculo, ou seja, pelo 100% tom-rompido ou o chamado cinza-neutro. Condio: se mostramos a cor, no tocamos na sua complementar.
OU OU

Ci

Ci

Mg
R

Am

Mg
R

Am

Esquemas de combinaes de cores

Dissonantes:

OU OU

Ci

Ci

Tons-rompidos:
Mg
R Am

Mg
R

Am

Esquemas de combinaes de cores

OU OU

Ci

Ci B

Dissonantes:

Mg

Am

Mg

Am

Tons-rompidos:

Esquemas de combinaes de cores Dissonante, Tons-rompidos, Am-B

Esquemas de combinaes de cores

Dissonantes:

Complementares:trabalha-se com apenas as duas cores complementares, localizadas no prprio crculo.

OU OU OU

Ci
B G B

Ci
G B

Ci
G

Mg
R

Am

Mg
R

Am

Mg
R

Am

Complementares B-Am

Complementares B-Am

Esquemas de combinaes de cores

Dissonantes:

Duplas Complementares:rene-se quatro cores escolhendo uma delas no crculo, localizando sua oposta e, em seguida, pula-se, no sentido horrio, a cor seguinte escolhida e usase a prxima e sua oposta.
OU

Ci
B G B

OU

Ci
G B

OU

Ci
G

Mg
R

Am

Mg
R

Am

Mg
R

Am

Duplas complementares R-Ci / Mg-G

Esquemas de combinaes de cores

Dissonantes:

Complementares divididas: a paleta formada a partir de uma combinao de trs cores. Uma delas escolhida e, em seguida encontra-se as duas laterais cor oposta.
OU OU

Ci
B G B

Ci
G

Mg
R

Am

Mg
R

Am

Complementares divididas Lj-B-Ci

Esquemas de combinaes de cores

Dissonantes:

Esquemas de Choque: a paleta formada com uma cor escolhida do crculo e o intervalo entre a sua complementar e a primria que aumenta a luminosidade ou a outra primria que diminui a luminosidade.
Ci
B G

Mg
R

Am

OU
B

Ci
G

Mg
R

Am

Esquemas de choque Ci-R (para o am)

Esquemas de combinaes de cores

Assonantes: paletas formadas a partir de
triangulaes dentro do crculo .

Primrias Secundrias Tercirias

Esquemas de combinaes de cores

Assonantes:

Primrias: a paleta formada pelas cores primrias da trade escolhida em igual quantidade e/ou qualidade. No caso das cores-pigmento transparentes, as primrias so: ciano, magenta e amarelo.
Ci

Mg
R

Am

Esquemas de combinaes de cores

Assonantes:

Secundrias: a paleta formada pelas cores secundrias da trade escolhida em igual quantidade e/ou qualidade. No caso das cores-pigmento transparentes, as secundrias so: vermelho, verde e azul-violetado.
Ci

Mg
R

Am

Esquemas de combinaes de cores

Assonantes:

Tercirias: a paleta formada pelas cores tercirias da trade escolhida.

Ci
G

Mg
R

Am

Ci
B G

Mg
R

Am

Assonante

Assonante

Assonante

Assonante

Assonante