Teoria da Cor para WebDesigners. O significado da cor

Transcrição

1 Teoria da Cor para WebDesigners O significado da cor

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

3

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

5

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

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

8 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, vermelhopú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.

9 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

10 2. Um esquema de cores com base em cores complementares 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.

11 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

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

13

14

15

16

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

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

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

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

21

22

23

24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

39

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

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

42

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

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

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

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

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

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

49

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

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

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

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

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

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

56 Outro site verde-oliva com um sentimento muito natural.

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

58 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

59

60

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

62

63

64

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

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

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

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

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

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

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

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

73

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

75

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

77 Preto, quando misturado com tristeza, parece mais fria.

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

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

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

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

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

83 Novamente, branco usado como um fundo ilumina todo o projeto

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

105 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

106