harmonia cromática: uma metodologia para aplicação de cores em projetos web profa. valéria lara

Harmonia Cromática: uma metodologia para aplicação de

cores em projetos web Profa. Valéria Lara

Introdução

É simples colocar a cor em projetos?Porque? - Complexidade

design

psicanálise

sociologia

neurologia

neurooftalmologia

oftalmologia

cinema

psicologia

comunicação

fotografiafísica

químicaarquitetura

ciênciascognitivas

biologia

artesplásticas

pedagogia

propaganda

antropologia

linguística

filosofia

C

Teoria da Cor

OR

Análise intuitiva

E se fossemos colocar / trocar a cor?

Introdução

A cor não comunica sozinha, mas “reforça” ou “destrói” a comunicação Reforço da comunicação – principalmente

no caráter simbólico (percepção): Parte individual - intuição Parte coletiva – cultura

A aplicação da cor em projetos deve ser feita considerando todos os lados da percepção.

Teorias da Percepção

Explicação tradicional da visão: Perceber coisas depende

primeiramente de se ter SENSAÇÕES As SENSAÇÕES são resultados de

sintetizações FISIOLÓGICAS a partir dos ESTÍMULOS.


ESTÍMULOS CINCO (?) SENTIDOS (visão, audição,

tato, olfato, paladar ...) Luz, texturas, contrastes; Ruídos; Chuva, sol; Perfumes, gazes; Gostos.


SENSAÇÕES Cores Sons Sensações táteis Odores Gostos.


PERCEPÇÃO Objetos; Espaço; Significados; Cultura.


A ação da luz dentro dos olhos pode dar-nos “cores”, mas não “objetos coloridos”, com significado histórico individual e coletivo ao mesmo tempo.

ESTÍM ULO S SENSAÇ ÃO PERC EPÇ ÃO

E S P5 se ntid o sc a na is p o ssíve is

Fisio lo g ia Asp e c to ssó c io -c ultura is

Metodologia para aplicação de cores em projetos web

Para aplicar a cor em projetos, devemos considerar as três fases da percepção ao mesmo tempo

ESTÍM ULO S SENSAÇ ÃO PERC EPÇ ÃO

E S P5 se ntid o sc a na is p o ssíve is

Fisio lo g ia Asp e c to ssó c io -c ultura is

Metodologia para aplicação de cores em projetos web

Proposta:ESTÍMULO SENSAÇÃO PERCEPÇÃOAspectos físicos da cor

Aspectos fisiológicos da cor

Teorias da percepção

Esquemas de combinações de cores

Teoria tricromática da visão cromática

Significado das cores no Ocidente

Cores de contraste

Relações entre a cor e a forma

Cor e texto

13

Aspectos físicos da teoria da cor

cores-pigmento transparentes

Primárias

Secundárias

Terciárias

Cores-pigmentotransparentes

14

Aspectos físicos da teoria da cor

cores-luz

Primárias

Secundárias

Terciárias

Cores-luz

Esquemas de combinação de cores

Círculo cromático Cores-Pigmento Transparentes

C ian o

Verd e

A m are loM agen ta

Ve rm e lh o

A zu l-Vio le tado

C iano -Vio le tado C iano -esverdeado

Verde -am are lad o

L a ran ja

M agen ta -Vio le tado

Verm e lh o -am agen tado


Círculo CromáticoC i

C i/V l

B G

C i/V d

A m are lo

L j

M g

V m /M g

M g /V l V d /A m

R


Esquemas básicos: formados a partir de uma cor do círculo e cores “fora” do círculo Acromático Neutro Monocromático Cinzas coloridos


Esquemas básicos: formados a partir de uma cor do círculo e cores “fora” do círculo Acromático: Paleta formada a partir do

intervalo do branco ao preto, incluindo os tons puros (o branco e o preto)


Esquemas básicos: Neutro:

Paleta formada pela escolha de um tom do círculo e o intervalo entre este tom e a sua mistura com o castanho médio

Esquema básico neutro 1 - exemplo


Esquemas básicos: Neutro:

Paleta formada com um tom do círculo “fixo” e a sua composição com três tons de castanho


Esquemas básicos: Monocromático:Paleta formada com

apenas um dos tons do círculo, respeitando o seu índice de luminosidade (observados na tabela de tons e valores);


Esquemas básicos: Monocromático: TABELA DE TONS E VALORES (índice de luminosidade

aproximados)

0% 0%

10% 10%

20% 20%

30% 30%

40% 40%

50% 50%

60% 60%

70% 70%

80% 80%

90% 90%

100% 100%

Monocromático (Vm-Pr)


Esquemas básicos: Cinzas coloridos:Paleta formada com apenas um

dos tons do círculo, misturando-o com um cinza médio (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 médio ao mesmo tempo).

Cinzas coloridos

Cinzas Coloridos


Consonantes:Paletas formadas a partir de tons vizinhos (cores análogas) no círculo cromático. Condição: utilizar de dois a sete tons.

O U

C i C i C i

M g M g M gAm Am Am

O U O U

…

Consonante – B - Am

Consonante B- G/amarelado


Dissonantes:Paletas formadas a partir de tons localizados de forma contrária no círculo cromático.

Tons-rompidos Complementares Duplas complementares Complementares divididas Esquemas de choque


Dissonantes: Tons-rompidos: escolhe-se uma cor do círculo e

procura-se sua complementar. A paleta é formada então pelo caminho desta cor escolhida em direção à sua complementar, passando pelo centro do círculo, ou seja, pelo “100% tom-rompido” ou o chamado “cinza-neutro”. Condição: se mostramos a cor, não tocamos na sua complementar.

OUC i C i

M g M gAm

R R

Am

OU

…


Dissonantes: Tons-rompidos:

OUC i C i

M g M gAm

R R

Am

OU

…


Dissonantes: Tons-rompidos:

OU OUC i C i

B B

M g M gAm Am

…

Esquemas de combinações de coresDissonante, Tons-rompidos, Am-B


Dissonantes: Complementares:trabalha-se com apenas as duas

cores complementares, localizadas no próprio círculo.

OU OU OUC i C i C i

M g M g M gAm Am Am

R R R

B B BG G G

…

Complementares B-Am


Dissonantes: Duplas Complementares:reúne-se quatro cores

escolhendo uma delas no círculo, localizando sua oposta e, em seguida, pula-se, no sentido horário, a cor seguinte à escolhida e usa-se a próxima e sua oposta.

OU OU OUC i C i C i

M g M g M gAm Am Am

R R R

B B BG G G

…

Duplas complementares R-Ci / Mg-G


Dissonantes: Complementares divididas: a paleta é formada a partir

de uma combinação de três cores. Uma delas é escolhida e, em seguida encontra-se as duas laterais à cor oposta.

OU OUC i C i

M g M gA m A m

R R

B BG G

…

Complementares divididas Lj-B-Ci


Dissonantes: Esquemas de Choque: a paleta é formada com uma cor

escolhida do círculo e o intervalo entre a sua complementar e a primária que aumenta a luminosidade ou a outra primária que diminui a luminosidade.

OUC i

M g Am

R

B G

C i

M g Am

R

B G

Esquemas de choque Ci-R (para o am)


Assonantes: paletas formadas a partir de “triangulações” dentro do círculo .

Primárias Secundárias Terciárias


Assonantes: Primárias: a paleta é formada pelas cores primárias da

tríade escolhida em igual quantidade e/ou qualidade. No caso das cores-pigmento transparentes, as primárias são: ciano, magenta e amarelo.

C i

M g Am

R

B G


Assonantes: Secundárias: a paleta é formada pelas cores secundárias

da tríade escolhida em igual quantidade e/ou qualidade. No caso das cores-pigmento transparentes, as secundárias são: vermelho, verde e azul-violetado.

C i

M g Am

R

B G


Assonantes: Terciárias: a paleta é formada pelas cores terciárias da

tríade escolhida.

C i

M g Am

R

B G

C i

M g Am

R

B G

Assonante

harmonia cromática: uma metodologia para aplicação de cores em projetos web profa. valéria lara

Documents