teoria da cor para webdesigners o significado da...

106
Teoria da Cor para WebDesigners O significado da cor

Upload: lenhi

Post on 06-Feb-2018

217 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Teoria da Cor para WebDesigners

O significado da cor

Rita
Texto digitado
Rita Paulino [email protected]
Page 2: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• 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.

Page 3: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 4: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

• Teorias da Cor criam estrutura lógica para a cor. Por exemplo, se temos uma variedade de frutas e vegetais, podemos organizá-los por cor e colocá-los em um círculo que mostra as cores em relação ao outro.

Page 5: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 6: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 7: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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 outras cores são obtidas a partir destas três cores.

Page 8: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• Secundárias Cores: Verde, laranja e roxo • Estas são as cores formadas pela mistura de cores primárias.

• Terciárias Cores: Amarelo-laranja, vermelho-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 palavras, como o azul-verde, vermelho-violeta, e amarelo-laranja.

Page 9: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

1. Um esquema de cores com base em cores análogas

Page 10: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• 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.

2. Um esquema de cores com base em cores complementares

Page 11: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• A natureza fornece um ponto de partida perfeito para a harmonia de cores . Na ilustração acima , amarelo vermelho e verde criaam um design harmonioso, independentemente de essa combinação se encaixa em uma fórmula técnica para cores harmony.

• Complementar são duas cores que estão em frente um do outro , 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 máximo de contraste e estabilidade máxima

Page 12: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• 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 quadrado vermelho.

Page 13: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 14: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 15: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 16: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

http://www.skittles.com/

Page 17: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 18: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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, e do pôr do sol e geralmente são energizantes, apaixonado, e estilo positivo.

Vermelho e amarelo são as cores primárias, com a laranja caindo no meio, o que significa que as cores quentes são realmente quentes e não são criados pela combinação de uma cor quente com uma cor fria. Use cores quentes em seus projetos de modo a refletir a paixão, alegria, entusiasmo e energia.

Page 19: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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).

Page 20: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 21: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

http://www.coca-cola.com/en/index.htm

Page 22: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 23: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 24: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 25: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 26: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os tons escuros de vermelho neste projeto dão ao site uma sensação de elegância.

Page 27: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 28: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os destaques muito brilhante em vermelho neste site dá uma sensação de energia e movimento.

Page 29: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O vermelha escuro sobre este site, é combinado com elementos do estilo grunge, mais parece a cor do sangue.

Page 30: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Vermelho escuro, quando combinado com branco e cinza, dá uma impressão muito elegante e profissional.

Page 31: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 32: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O esquema de cores no site da Laranja inclui laranja (obviamente), cinza e branco. A presença de laranja no logotipo da empresa também está presente em alguns elementos da página, dando-lhe uma sensação criativo e energia, enquanto o cinza dá uma nota mais séria e profissional.

Page 33: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O retangulo laranja brilhante chama a atenção para seu conteúdo, mesmo com os outros elementos vermelhos brilhantes na página.

Page 34: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Laranja é usado aqui em sua simbologia mais óbvia, para representar o fogo.

Page 35: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O laranja escuro, quando comparado com a verde-limão, quase age como uma cor neutra.

Page 36: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

A laranja é usada aqui para dar uma impressão simpática e convidativa.

Page 37: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

A cor laranja em destaque acrescenta aqui uma série de interesse visual e chama a atenção para o apelo à ação.

Page 38: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

• 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)

Page 39: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 40: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 41: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 42: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 43: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O cabeçalho amarelo brilhante e gráficos utilizados neste site dá uma sensação de energia e positividade.

Page 44: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O amarelo é usado quase como um elemento neutro no cabeçalho aqui, e combinado com ilustrações desenhadas dá uma sensação muito alegre.

Page 45: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os destaques amarelos chamam a atenção para as partes mais importantes deste site.

Page 46: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O girassol amarelo recorda aos visitantes o verão neste site, e combinado com o fundo antigo amarelo, dá um sentimento acolhedor.

Page 47: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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ão calmante, 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.

Page 48: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 49: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 50: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 51: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 52: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 53: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os verdes extremamente suaves deste site dar-lhe uma sensação muito cor de terra e natural.

Page 54: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O verde mais verde-oliva em tons deste site dá-lhe um sentimento natural, que é muito apropriado para o conteúdo.

Page 55: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O mais brilhante, mais verdes com aspecto retrô deste site dar-lhe uma sensação muito frescao energizado.

Page 56: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Outro site verde-oliva com um sentimento muito natural.

Page 57: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 58: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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

http://www.pepsi.com/

Page 59: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 60: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 61: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 62: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 63: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 64: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 65: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O céu azul brilhante deste site dá uma sensação de jovens, que é enfatizada pela destaques avermelhadas.

Page 66: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

A luz azul, deste site dá uma impressão muito relaxado e calmo.

Page 67: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 68: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

A roxo escuro usado aqui evoca a herança real de púrpura, que é muito apropriado para a marca Asprey bens de luxo.

Page 69: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

A luz e roxos claro aqui funcionam bem para transmitir um senso de criatividade.

Page 70: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O mais brilhante, mais roxo avermelhado deste site dá-lhe tanto olhar rico e energético.

Page 71: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O fundo roxo escuro aqui aumenta a sensação criativa do site global.

Page 72: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os destaques roxo escuro sobre este site dá uma sensação de luxo e requinte.

Page 73: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 74: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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 projeto.

Page 75: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da
Page 76: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 77: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Preto, quando misturado com tristeza, parece mais fria.

Page 78: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O preto aqui, misturado com cinza escuro e verde limão, e um tema global, aumenta o nervosismo do projeto.

Page 79: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Os detalhes em preto aqui adicionar uma camada extra de sofisticação e modernidade ao local.

Page 80: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 81: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Fundos brancos são muito populares em sites de minimalista, e fornecer grande contraste com tipografia preta.

Page 82: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

White combinado com o cinza dá uma sensação suave e limpa para este projeto.

Page 83: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Novamente, branco usado como um fundo ilumina todo o projeto

Page 84: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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 misturado no projeto, os fundos de cinza são muito comuns, como a tipografia é cinza.

Page 85: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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 eficiente.

Page 86: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O backround cinza escuro e cinza da tipografia mais leve proporcionam um olhar decididamente moderno para este projeto.

Page 87: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O amplo espectro de tons de cinza utilizada neste projeto se combinam para dar uma aparência sofisticada e profissional para o site.

Page 88: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 89: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O alaranjado-marrom aqui dá uma sensação muito terreno e confiável.

Page 90: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O marrom escuro usado no letter dá um olhar de terra e firmes para o layout geral, e deixa as cores no projeto com destaque.

Page 91: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Woodgrain é um uso popular de marrom, e neste caso, o marrom quente acrescenta alguma simpatia para um site de outra forma minimalista.

Page 92: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O fundo cinzento-marrom aqui dá uma sensação de estabilidade e baixo a qualidade terra.

Page 93: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 94: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo castanho claro aqui se sente jovem e fresco por causa das cores brilhantes em torno dele.

Page 95: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo castanho claro aqui dá uma sensação mais conservadora e elegante para a concepção global.

Page 96: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O fundo castanho amarelado se torna ainda mais quentes, o laranja e o marrom acentuam a tonalidade bege.

Page 97: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

Popularmente usado como uma textura saco de papel, e em sua forma mais acinzentada, como concreto ou a textura de pedra.

Page 98: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo do cabeçalho bege e outros acentos no site emprestar um sentimento refinado e tradicional para a concepção global.

Page 99: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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.

Page 100: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O fundo marfim aqui tem uma qualidade que é quente temperado por algumas das cores mais frias no local.

Page 101: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo creme-acinzentada aqui é quente feito pelos destaques alaranjado-marrom.

Page 102: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo creme acrescenta uma sensação de elegância deste site.

Page 103: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O pano de fundo creme aqui reforça o tema antigo que percorre os gráficos do desenho.

Page 104: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

O marfim combinado com outras cores claras e tons creme torna este site em uma aparência muito elegante em geral.

Page 105: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da

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

Page 106: Teoria da Cor para WebDesigners O significado da cormidiaonline.sites.ufsc.br/wp-content/uploads/2015/05/Teoria-da-Cor... · entanto, existem três categorias básicas de teoria da