Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Curso prático de Web Design
SEÇÕES
Manuais relacionados
+Curso prático de Web Design
Categorias
+Design
+Guias de desenho

Índice do Manual Curso prático de Web Design
+ Introdução ao design gráfico
+ Design gráfico
+ Design gráfico na web
+ Componentes gráficos de um computador
+ Resolução de tela
+ Cores em um computador
+ Calibragem do monitor
+ Formas básicas em design gráfico
+ O ponto
+ A linha
+ O contorno
+ O quadrado
+ A circunferência
+ Contornos mistos
+ Contornos orgânicos
+ O design equilibrado. Introdução
+ O design equilibrado. As proporções
+ O design equilibrado. A escala
+ O design equilibrado. O contraste
+ O design equilibrado. Os agrupamentos
+ O design equilibrado. O reticulado
+ O design equilibrado. Os alinhamentos
+ O design equilibrado. As simetrias
+ O design equilibrado. O equilíbrio entre conteúdos
+ O design equilibrado. A hierarquia visual
+ Teoria da cor. Introdução
+ Teoria da cor. Natureza da cor
+ Teoria da cor. A percepção da cor
+ Teoria da cor. Modelos de cor
+ Teoria da cor. Tipos de cor
+ Teoria da cor. Propriedades das cores
+ Teoria da cor. Contrastes de cor
+ Teoria da cor. Estudo de algumas cores I
+ Teoria da cor. Estudo de algumas cores II
+ A cor na web. Cores disponíveis para a web
+ A cor na web. Paletas de cor seguras. Websafe e Reallysafe
+ A cor na web. O problema das imagens

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Teoria da cor. Contrastes de cor

O contraste é um fenômeno com o qual se podem diferenciar cores atendendo à luminosidade, à cor de fundo sobre a qual se projetam...


Vimos no tema sobre o design equilibrado que o contrate entre elementos era um aspecto importante na hora de criar uma composição gráfica, e que uma das formas mais efetiva de consegui-lo era mediante a cor.



Quando duas cores diferentes entram em contraste direto, o contraste intensifica as diferenças entre ambas. O contraste aumenta quanto maior for o grau de diferença e maior for o grau de contacto, chegando a seu máximo contraste quando uma cor está rodeada por outra.

O efeito de contraste é recíproco, já que afeta às duas cores que intervêm. Todas as cores de uma composição sofrem a influência das cores com as que entram em contato.

Existem diferentes tipos de contrastes:

Contraste de luminosidade

Também denominado contraste claro-escuro, se produz ao confrontar uma cor clara ou saturada com branco e uma cor escura ou saturada de preto.



É um dos mais efetivos, sendo muito recomendável para conteúdos textuais, que devem destacar com clareza sobre o fundo.

Contraste de valor

Quando se apresentam dois valores diferentes em contraste simultâneo, o mais claro parecerá mais alto e o mais escuro, mais baixo.

Por exemplo, ao colocar dois retângulos grenás, um sobre fundos esverdeados e o outro sobre fundo laranja, veremos mais claro o situado sobre fundo esverdeado.



A justaposição de cores primárias exalta o valor de cada um.

Contraste de saturação

Origina-se da modulação de um tom puro, saturando-o com branco, negro ou cinza. O contraste pode se dar entre cores puras ou então pela confrontação destes com outros não puros.

As cores puras perdem luminosidade quando se adiciona preto, e variam sua saturação mediante a adição do branco, modificando os atributos de calor e frieza. O verde é a cor que menos muda misturada tanto com o branco como com o preto.



Como exemplo, se situarmos sobre o mesmo fundo três retângulos com diferentes saturações de amarelo, contrastará sempre o mais puro.

Contraste de temperatura

É o contraste produzido ao confrontar uma cor cálida com outra fria.



A calidez ou a frieza de Uma cor é relativa, já que a cor é modificada pelas cores que a rodeiam. Sendo assim, um amarelo pode ser cálido com respeito a um azul e frio com respeito a um vermelho. E também um mesmo amarelo pode ser mais cálido se estiver rodeado de cores frias, e menos cálidas se o rodeiam com vermelho, laranja, etc.

Contraste de complementares

Duas cores complementares são as que oferecem juntas melhores possibilidades de contraste, embora resultem muito violentas visualmente combinar duas cores complementares intensas.



Para conseguir uma harmonia convém que um deles seja a sua cor pura, e a outra esteja modulado com branco ou preto.

Contraste simultâneo

É o fenômeno segundo o qual nosso olho, para uma cor dada, exige simultaneamente a cor complementar, e senão der, ele mesmo a produz.



A cor complementar engendrada no olho do espectador é possível vê-la, porém não existe na realidade. É devido a um processo fisiológico de correção no órgão da vista.

Outros contrastes

Uma cor pura e brilhante aplicado em uma grande extensão da página costuma ser irritante e cansativo (especialmente, o amarelo), enquanto que essa mesma cor, usada em pequenas proporções e sobre um fundo apagado pode cria a sensação de dinamismo.



Duas cores claras brilhantes colocadas uma ao lado de outra impactam nossa vista, produzindo um efeito de rejeição, enquanto que se situamos essas mesmas duas cores uma dentro da outra o efeito muda completamente, resultando agradável.



Uma mesma cor pode mudar muito seu aspecto visual dependendo da cor na qual se encontrar embutida. Este efeito dá mudança de aparência de uma cor dependendo da incidente sobre ela, do material de que está formado ou da diferente cor que lhe sirva de fundo recebe o nome de Metamerismo.



Neste exemplo vemos dois quadrados, um de cor de fundo azul, e outro preto, ambos com um quadrado amarelo dentro. O dois quadrados interiores são do mesmo amarelo, porém parecem diferentes: no fundo azul se mascara a pureza do amarelo, enquanto que no fundo preto o amarelo mostra toda sua pureza e frescor.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Curso prático de Web Design

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Design
+ Entrar em Guias de desenho


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites