Teoria da Cor para WebDesigners
2016• Cor no design é muito subjetivo.
• O que evoca uma reação em uma pessoa pode evocar uma reação muito
diferente em outra.
• Às vezes isso é devido à preferência pessoal, e outras vezes devido ao
contexto cultural.
• Teoria das cores é uma ciência em si.
• Estudar como as cores afetam diferentes pessoas, individualmente ou
em grupo.
• Algo tão simples como mudar a tonalidade exata ou saturação de uma
cor pode evocar um sentimento completamente diferente.
• As diferenças culturais significam que algo que está feliz e edificante em
um país pode ser deprimente em outro.
Teoria de cores básicas
• Teoria da cor
abrange uma infinidade de
definições, conceitos e aplicações de design -
o suficiente para encher várias enciclopédias.
No entanto, existem três categorias básicas de
teoria da cor que são lógicas e útil: o círculo
das cores, harmônia de cores, e no contexto
de como as cores são usadas.
Um círculo de cor, com base em vermelho, amarelo e azul, é tradicional no campo da arte. Sir Isaac Newton desenvolveu o primeiro diagrama circular de cores em 1666. Desde então, cientistas e artistas têm estudado e projetado inúmeras variações deste conceito. As diferenças de opinião sobre a validade de um formato sobre o outro continuar a provocar o debate. Na realidade, qualquer círculo cor ou roda de cores, que apresenta uma seqüência logicamente organizadas de tons puros tem mérito.
Há também definições (ou categorias) de
cores com base na roda de cores.
• Cores primárias:
vermelho
, amarelo e azul
Em teoria tradicional cor (utilizado em tintas e pigmentos), cores
primárias são as três cores de pigmentos que não pode ser misturado
ou formados por qualquer combinação de outras cores. Todas as
• Secundárias Cores: Verde,
laranja
e
roxo
• Estas são as cores formadas pela mistura de cores primárias.
• Terciárias Cores: Amarelo-laranja, laranja,
vermelho-púrpura, azul-violeta, azul-verde e amarelo-verde
• Estas são as cores formadas pela mistura de um primário e uma cor
secundária. É por isso que a tonalidade é um nome de duas
Harmonia
• Harmonia pode ser definido como um arranjo agradável de peças, seja na
música, poesia, cor, ou até mesmo um sorvete.
• Em experiências visuais, a harmonia é algo que é agradável aos olhos. Ele
envolve o espectador e cria uma sensação interna de ordem, um equilíbrio
na experiência visual. Quando algo não é harmoniosa, ou é chato ou
caótico. Em um extremo é uma experiência visual que é tão branda que o
espectador não está envolvida.
• O cérebro humano rejeitará sob estimulante informações. No outro
extremo, é uma experiência visual que é tão exagerado , tão caótica que o
espectador não pode estar a olhar para ele. O cérebro humano rejeita o
que não pode organizar, o que não consigo entender. A tarefa visual exige
que nós apresentamos uma estrutura lógica . Harmonia de cores
proporciona um visual interessante e um senso de ordem.
• Em resumo , a unidade extrema leva a sub- estimulação , a extrema
complexidade leva a estimulação excessiva . Harmony é um equilíbrio
dinâmico.
• Como a cor se comporta em relação a outras
cores e formas é uma área complexa da teoria
da cor . Compare os efeitos de contraste de
diferentes origens de cor para o mesmo
Criar paleta de cores
EXERCÍCIO
• A natureza fornece um ponto de partida perfeito para a harmonia
de cores . Na ilustração acima , amarelo vermelho e verde criam um
design harmonioso. Complementar são duas cores que estão em
frente um do outro no círculo das cores , como vermelho e verde e
vermelho-púrpura e verde-amarelo. Na ilustração acima , existem
diversas variações de verde-amarelo nas folhas e diversas variações
de vermelho-púrpura na orquídea. Essas cores opostas criar o
Exercício
• Escolha uma foto para fazer um paleta de cores e
faça uma arte abstrata com as cores selecionadas
na paleta..
• Uma cor precisa ser a predominante.
https://www.codecademy.com/pt-BR/learn
O lado cultural das cores...
• Povo russo pode ter uma associação negativa
com a
cor vermelha
, como um símbolo do
comunismo;
branco
retrata a pureza na
cultura ocidental, mas é um símbolo da morte
em algumas culturas orientais;
amarelo
significa tristeza na Grécia, o ciúme na França
mas é sagrado para os chineses.
Cores Quentes
As cores quentes incluem o vermelho, laranja e amarelo, e as variações destes três cores.
Estas são as cores do fogo, das folhas de outono, do pôr do sol e geralmente são energizantes, apaixonados, e estilo positivo.
Vermelho e
amarelo
são as cores primárias, e a laranja como cor intermediária, o que significa que as cores quentes são realmente quentes e não são criadas pela combinação de uma cor fria.Use cores quentes em seus projetos de modo a refletir a paixão, alegria, entusiasmo e energia.
As cores frias incluem verde, azul e roxo, muitas vezes são mais moderadas do que as cores quentes. São as cores da noite,
da água, da natureza
, e geralmente sãocalmante, relaxante e de sentido reservado
.Azul
é a única cor primária dentro do espectro , o que significa que as outras cores são criadas através da combinação de azul com cores quentes (amarelo para o verde e vermelho para o roxo).Os Verdes assumem atributos de amarelo, o roxo assume alguns dos atributos de cor vermelha. Use cores frias em seus projetos para dar uma sensação de
calma
eE a aplicação das cores
em sites???
O vermelho é uma cor muito quente.
É associada ao fogo, violência e guerra. Também é associada ao amor e paixão. Na história, ele já foi associado tanto com o Diabo e Cupido.
Vermelho pode realmente ter um efeito físico sobre as pessoas, elevando a pressão sangüínea e respiração. Tem sido mostrado para aumentar o metabolismo humano, também.
O vermelho pode ser associado com raiva, mas também está associado com a importância (pense no tapete vermelho em premiação shows e eventos de
celebridades).O vermelho também indica perigo (as luzes razão parar e sinais são vermelhos, e que a maioria dos rótulos de advertência são vermelhas).
McDonalds é amplamente reconhecido pelas cores vermelho e amarelo em seu logotipo. O site também mantém essas cores, a cor predominante no design do site MC é vermelho, uma cor que sugere emoção e é comumente usado na indústria de fast food, pois faz as pessoas comem mais rápido. Para constrastar, encontramos também no esquema de cores um pouco de preto, cinza claro e branco.
Fora do mundo ocidental, o vermelho tem associações
diferentes. Por exemplo, na China, o
vermelho
é a cor da
prosperidade e da felicidade.
Também pode ser usado para atrair
boa sorte
. Em outras culturas
orientais, o vermelho é usado por noivas no dia de seu
casamento.
Na África do Sul, no entanto, o vermelho é a cor do luto. O
vermelho é associado também com o comunismo. Vermelho
tornou-se a cor associada a conscientização sobre a Aids na
África devido à popularidade da campanha [RED].
É uma cor ótima para usar quando
o poder ou a paixão
quer ser
retratada no desenho. O vermelho pode ser muito versátil,
embora, com as versões mais brilhante a ser mais enérgico e
tons mais escuros de ser mais poderoso e elegante.
Os destaques em vermelho destacam-se contra o fundo escuro e preto, e dão um sentimento de poder e high-end para o site.
Os destaques muito brilhante em vermelho neste site dá uma sensação de energia e movimento.
O vermelha escuro sobre este site, é combinado com elementos do estilo grunge, mais parece a cor do sangue.
Vermelho escuro, quando combinado com branco e cinza, dá uma impressão muito elegante e profissional.
A laranja é uma cor muito vibrante e energético.
Em suas formas suaves, que podem ser associados com a terra e com o
outono. Devido à sua associação com a mudança das estações, a cor laranja pode representar a mudança e o movimento em geral.
Porque a cor laranja é associada com a fruta de mesmo nome, pode ser associado com a saúde e vitalidade. Nos projetos, laranja chama a atenção sem ser tão avassalador quanto o vermelho. É frequentemente considerado mais simpático e acolhedor.
O laranja escuro, quando comparado com a verde-limão, quase age como uma cor neutra.
• Rosa é geralmente associada com ternura,
romance, amor, juventude, inocência,
suavidade e é conhecido por ter um efeito
calmante. Os efeitos desta cor pode variar de
acordo com a intensidade da cor (forte, leve,
profunda, etc)
Amarelo é muitas vezes considerado o mais brilhante e energizante das cores quentes. Associado a felicidade e ao sol. Amarelo também pode estar associada com o engano e covardia. O amarelo é associado também com esperança, como pode ser visto em alguns países, quando fitas amarelas são indicadas por famílias que têm entes queridos na guerra.
O amarelo é associado também com o perigo, embora não tão forte como vermelho. Em alguns países, o amarelo tem conotações muito diferentes. No Egito, por exemplo, o amarelo está de luto. No Japão, o que representa coragem, e na Índia é uma cor para os comerciantes.
Em seus projetos, o amarelo brilhante pode dar uma sensação de felicidade e alegria.
Amarelos são comumente usados como cor de gênero neutro para bebês (ao invés de azul ou rosa) e crianças jovens.
Luz amarela também dão uma sensação de felicidade mais calmo do que amarelos brilhantes.
Amarelo escuro e amarelo-ouro em tons às vezes pode parecer antigo e ser usados em projetos onde um sentido de permanência é desejado.
O cabeçalho amarelo brilhante e gráficos utilizados neste site dá uma sensação de energia e positividade.
O amarelo é usado quase como um elemento neutro no cabeçalho aqui, e combinado com ilustrações desenhadas dá uma sensação muito
Os destaques amarelos chamam a atenção para as partes mais importantes deste site.
O girassol amarelo recorda aos visitantes o verão neste site, e combinado com o fundo antigo amarelo, dá um sentimento acolhedor.
As cores frias incluem verde, azul e roxo, muitas vezes são mais moderadas do que as cores quentes. São as cores da noite,
da água, da natureza
, e geralmente sãocalmante, relaxante e um pouco reservado
. Azul é a única cor primária dentro do espectro legal, o que significa que as outras cores são criadas através da combinação de azul com cores quentes (amarelo para o verde e vermelho para o roxo).Verdes assumiu alguns dos atributos de amarelo, roxo e assume alguns dos atributos de cor vermelha. Use cores frias em seus projetos para dar uma sensação de calma e profissionalismo.
O verde é uma cor que representa a terra.
Pode representar um novo começo e crescimento. Isso também significa renovação e abundância. Alternativamente, o verde também pode
representar a inveja ou ciúme e uma falta de experiência.
Verde tem muitos dos mesmos atributos que o azul é calmante, mas também incorpora um pouco da energia do amarelo. No projeto, o verde pode ter um efeito de equilíbrio e harmonização, e é muito estável. É apropriado para projetos relacionados à riqueza, a estabilidade, a renovação e a
natureza.
Verdes brilhantes são mais enérgico e vibrante
, enquanto os verdes oliva são mais representativos do mundo natural. Verdes escuros são as mais estáveis e representante da riqueza.Este é um site destinado a adultos, o esquema de cores inclui preto - uma cor forte, mas
elegante, verde - usado para alívio do estresse, sugerindo também a natureza, frescor e amor pela vida e branco, para criar um contraste bonito com as cores escuras.
Verde é mais frequentemente associada com a natureza, vida, saúde, harmonia,
tranquilidade, boa sorte, dinheiro, o otimismo, a durabilidade, o frescor. É também um símbolo de fertilidade ciúme, e isso tem um efeito calmante e alivia o estresse.
O esquema de cores no site da Nike inclui verde, branco e laranja. Verde é uma cor excelente, altamente associado com a saúde natureza, (incluindo esportes) e vida. Laranja é uma cor associada com a energia, diversão, entusiasmo - tudo em um ótimo relacionamento com o esporte e, implicitamente, os produtos do site está apresentando.
Os verdes extremamente suaves deste site dar-lhe uma sensação muito cor de terra e natural.
O verde mais verde-oliva em tons deste site dá-lhe um sentimento natural, que é muito apropriado para o conteúdo.
Azul é também amplamente utilizado para representar
a calma e
responsabilidade
. blues Light pode ser refrescante e agradável. azuis escuros são mais fortes e confiáveis.O azul é também associado com a
paz
, e tem uma conotação espiritual e religiosa em muitas culturas e tradições (por exemplo, a Virgem Maria é descrito geralmente trajando vestes azuis).Light blues são freqüentemente relaxada e calma. Azuis brilhantes podem ser energizante e refrescante. Azuis escuros são excelentes para sites corporativos ou projetos onde a força e a confiança são muito importantes.
O site da Pepsi é esmagadoramente azul. O logotipo da Pepsi contém as cores vermelho,
branco e azul, que podemos encontrar no cabeçalho, a barra lateral e os outros elementos do site. O pano de fundo do site é outra variação de cor azul, com bolhas que vêm de baixo,
fazendo com que pareça água com gás. A marca está tentando se posicionar como uma bebida refrescante, tentando associar isso com as cores usadas no design do site. Além disso, o azul é a cor declaração, conhecida mundialmente e associado com a Pepsi, por isso parece natural que esta seria a cor principal do site
O site da IBM tem um esquema de cores muito profissional, que inclui cores como azul, cinza e branco. As cores frescas dar o site um aspecto um negócio sério, criando uma impressão de seriedade e profissionalismo.
O céu azul brilhante deste site dá uma sensação de jovens, que é enfatizada pela destaques avermelhadas.
Purple (roxo) foi muito associado com a realeza.
É uma combinação de vermelho e azul, e leva em alguns atributos de ambos. É associada à criatividade e imaginação também.
Na Tailândia, o roxo é a cor do luto pelas viúvas. Roxos escuros são
tradicionalmente associadas com a riqueza e de royalties, enquanto roxos mais leves (como lavanda) são considerados mais românticos.
No projeto, roxos escuros podem dar uma sensação de riqueza e luxo. Roxos claros são mais suaves e estão associados com a primavera e ao romance.
A roxo escuro usado aqui evoca a herança real de púrpura, que é muito apropriado para a marca Asprey bens de luxo.
O mais brilhante, mais roxo avermelhado deste site dá-lhe tanto olhar rico e energético.
Black é o mais forte das cores neutras.
No lado positivo, ele é comumente associado a poder, elegância e formalidade. Do lado negativo, pode estar associada com o mal, da morte e mistério.
O preto é a cor tradicional do luto em muitos países ocidentais.Também é associada com a rebelião em algumas culturas, e está associado com o Halloween e o oculto. Black é comumente usada em projetos mais ousado, bem como em projetos muito elegante. Ele pode ser conservador ou moderno, tradicional ou não-convencionais, dependendo das cores que é combinado. No projeto, o preto é comumente usado para a tipografia e outras peças funcionais, porque ele é de neutralidade. Preto pode torná-lo mais fácil de transmitir uma sensação de sofisticação e mistério em um
Os detalhes em preto, misturado com as cores mais brilhantes e muito escuro fundo marrom adicionam um visual mais nítido para a concepção global.
O preto aqui, misturado com cinza escuro e verde limão, e um tema global, aumenta o nervosismo do projeto.
Os detalhes em preto aqui adicionar uma camada extra de sofisticação e modernidade ao local.
Branco é no extremo oposto do espectro de preto, mas como o preto, ele pode trabalhar bem com praticamente qualquer outra cor.
Branco é muitas vezes associada à pureza, limpeza e virtude. No Ocidente, o branco é comumente usado por noivas no dia do casamento. Também é associada com a
indústria de cuidados de saúde, principalmente médicos, enfermeiros e dentistas. O branco é associado com a bondade, e os anjos são descritos freqüentemente em branco.
No projeto, o branco é considerado geralmente um fundo neutro que permite que outras cores em um projeto de ter mais destaque. Pode ajudar a transmitir a limpeza e simplicidade, porém, e é popular em design minimalista. Branco em projetos também podem retratar frieza ou temperatura quente, dependendo do design motivos outras cores que o cercam.
Fundos brancos são muito populares em sites de minimalista, e fornecer grande contraste com tipografia preta.
O cinza é uma cor neutra, geralmente considerado na extremidade fria do espectro de cores.
Às vezes, pode ser considerada mal-humorado ou depressivo. Cinzas leves pode ser usado no lugar do branco, em alguns modelos, e cinza escuro pode ser usado no lugar do preto.
Gray é geralmente conservadora e formal, mas também pode ser moderno. Às vezes, é considerado uma cor de luto. É comumente utilizada em projetos corporativos, onde a formalidade e profissionalismo são fundamentais. Pode ser uma cor muito sofisticado. Cinzas puras são tons de preto, embora cinzas podem ter tons de azul ou marrom
O site da Apple tem design clean. Observe o fundo todo branco, sugerindo simplicidade e novidade e o cabeçalho cinza brilhante que nos faz associar o site com algo elegante, mas ao mesmo tempo sério. A combinação de cinza, branco e preto aqui é feito de uma forma
O backround cinza escuro e cinza da tipografia mais leve proporcionam um olhar decididamente moderno para este projeto.
O amplo espectro de tons de cinza utilizada neste projeto se combinam para dar uma aparência sofisticada e profissional para o site.
Brown está associado com a terra, madeira e pedra.
É uma cor totalmente natural e um neutro quente. Brown pode ser associada com segurança e confiabilidade, com firmeza. Ele também pode ser considerado maçante.
No projeto, o marrom é comumente usada como uma cor de fundo. Também é visto em texturas de madeira e, às vezes, com uma textura de pedra. Ela ajuda a trazer uma sensação de calor e salubridade aos desenhos. Às vezes, é utilizado em sua forma mais escura como um substituto para o preto, ou em fundos ou tipografia.
O fundo cinzento-marrom aqui dá uma sensação de estabilidade e baixo a qualidade terra.
Bege é algo único no espectro de cores, como pode assumir tons frios ou quentes, dependendo das cores que a rodeiam.
Ele tem o calor do marrom e o frescor do branco e, como marrom, às vezes é visto como maçante. É uma cor conservador na maioria dos casos, e é
geralmente reservado para os fundos. Ela também pode simbolizar a piedade. Bege em design é usado geralmente em fundos, e é comumente visto em
pano de fundo com uma textura de papel. Ele vai assumir as características de cores ao seu redor, o que significa que tem pouco efeito em si, na impressão final de um projeto dá quando usado com outras cores.
O pano de fundo castanho claro aqui se sente jovem e fresco por causa das cores brilhantes em torno dele.
O pano de fundo castanho claro aqui dá uma sensação mais conservadora e elegante para a concepção global.
O fundo castanho amarelado se torna ainda mais quentes, o laranja e o marrom acentuam a tonalidade bege.
Popularmente usado como uma textura saco de papel, e em sua forma mais acinzentada, como concreto ou a textura de pedra.
O pano de fundo do cabeçalho bege e outros acentos no site emprestar um sentimento refinado e tradicional para a concepção global.
Creme e marfim
Marfim e creme são cores sofisticadas, com um pouco do calor de marrom e um monte de frescor do branco.
Eles são geralmente calmo, e muitas vezes pode evocar um sentido da história. Marfim é uma cor calma, com alguns dos associados com a pureza branca, embora seja um pouco mais quente.
No projeto, marfim pode dar uma sensação de elegância e calma para um
site. Quando combinados com as cores terrosas, como pêssego ou marrom, que pode assumir uma qualidade de terra. Também pode ser usado para clarear cores mais escuras, sem o contraste de usar branco.
O fundo marfim aqui tem uma qualidade que é quente temperado por algumas das cores mais frias no local.
O pano de fundo creme-acinzentada aqui é quente feito pelos destaques alaranjado-marrom.
O pano de fundo creme aqui reforça o tema antigo que percorre os gráficos do desenho.
O marfim combinado com outras cores claras e tons creme torna este site em uma aparência muito elegante em geral.
A teoria da cor é tão grande quanto o sentimento que evoca no uso
de determinado tom. Abaixo um guia de referência rápida para os
significados comuns das cores discutidos nestes slides.
Vermelho: , amor, paixão, raiva
Laranja: , Alegria de Energia, Vitalidade
Amarelo: , Esperança Felicidade, Engano
Verde: Novos Começos, Abundância, Natureza
Azul: Calma, Tristeza, Responsável
Roxo: , Banco de Criatividade, riqueza
Preto: Mistério, Elegância, Evil
Cinza: Moody, conservador, Formalidade
Branco: , pureza, limpeza Virtude
Brown: , salubridade Natureza, Confiabilidade
ou bege Tan: Conservador, Piedade, Dull
Creme ou do Marfim: Calm, Pureza, elegante
http://www.pixel77.com/color-psychology-web-design-color-schemes-big-websites/ http://abduzeedo.com/psychological-study-web-designs
