Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Color Theory
Webdesign

Uma Introdução Abrangente Sobre Cor no Design

by
Length:LongLanguages:

Portuguese (Português) translation by Ingrid Fornazari (you can also view the original English article)

Esse artigo pretende dar a você uma introdução abrangente a mais profunda sobre a toca de coelho do design: a Cor. Vamos introduzir você aos termos e conceitos mais importantes para começar, ajudando você a tomar decisões melhores sobre aplicar cores no seu design.

Tópicos

Como de costume para esse guias, nós vamos cobrir uma grande quantidade incluindo:

  • Cor?
  • Matiz
  • Tom, Sombra e Tonalidade
  • Valor
  • Saturação / Chroma
  • Roda de Cores
  • Cores Correspondentes
  • Monocromático
  • Tipos de Cor
  • Cores Correspondentes
  • Ênfase
  • Consistência de Cores
  • Significado das Cores
  • Relatividade das Cores

Cor?

Sem luz não há cor, certo? Bem, atualmente sem "escuridão" não há cor também. Hã? Eu sei que soa estranho a principio, mas sem escuridão as cores também desaparecem. Nós precisamos conhecer coisas como essa quando escolhemos cores para nossos web design, escolher o matiz, a saturação e valor? Provavelmente não! Pode a teoria de cores te surpreender de vez em quando, e fazer de você um web designer mais eficiente, e dessa forma, um melhor "comunicador"? Absolutamente! Em termos de cores, nós temos uma tonelada de opiniões e emoções, mas com frequência falta as pessoas uma ideia clara do que eles realmente estão fazendo. Ter uma base teórica para construir em cima deixa você muito mais eficiente como pessoa de design. A escola de artes não é um lugar onde a maioria das pessoas passa um tempo significativo de suas vidas, mas você não precisa gastar anos para misturar as cores que você precisa. Então vamos acelerar você.

Em relação a seleção de cores, há muitas considerações que você não estaria esperando neste momento. Um pequeno aviso, isso pode ser uma toca de coelho do qual você nunca escapará. Para compensar isso, eu proponho que primeiro e antes de tudo, você deva focar em deixar isso interessante para seus usuários, enquanto faz escolhas razoáveis e efetivas que sustentem seu design. Isso parece uma meta atingível para os novatos em cores. Eu sei que isso soa super inflado, mas subjetivamente não é algo de que você possa se livrar quando se fala em cores. Vamos apenas dizer que nós concordamos que escolher cores que tenham um significado e criem interesse é um bom ponto para começar.

As  cores podem ser uma "arma" bem poderosa no seu arsenal artístico ou criativo, se entregues apropriadamente é claro. Para seus designs da web, cor é sempre sobre o impacto emocional e visual. Se usadas corretamente, cores podem  guiar os observadores para o que é importante, e adicionar ênfase se você não exagerar. Eu acho que é justo dizer que isso é provavelmente a coisa mais importante quando se usa cor em projetos da web. Uma preocupação secundária é que você possa estabelecer um certo humor, um impacto emocional que leva as ideias de marcas mais longe. Esse tópico é enorme, gigante na verdade. Nós vamos focar nos aspectos e termos mais importantes para você começar.

Matiz

Matiz é qualquer cor da roda de cores.

Muitas vezes quando as pessoas falam a respeito das cores, eles estão na verdade falando sobre valores, que são as cores básicas "puras", qualquer cor que esteja dentro do espectro de luz visível. O olho humano saudável pode enxergar 2.3M de matizes; variações de tons de vermelho, azuis, verdes e assim por diante.

Para o nosso trabalho com cores no design, eles representa pontos de inicio, como em estado natural ou as versões mais primitivas. Nos nossos designs, é aconselhável deixar isso para trás para evitar parecer amador ou infantil. Você já notou que os desenhos animados costumam usar essas cores para seus personagens? Não é uma grande surpresa eu acho. Você pode usar isso é claro para conseguir uma certa estética, mas a maioria das vezes, infantil não é o que funciona bem na web.

O Envoy Passaport usa esse estilo cartunizado, divertido com vantagem aqui. Você pode ver que as cores são bem chapadas e não sofisticadas. Mas eles estão usando esse estilo aqui para transmitir uma impressão ou ideia que pode ser mais difícil de retratar sem imitar um trabalho artístico para crianças.

Tom, Sombra e Tonalidade

Matizes não tem sombra ou Tons, o que significa que faltam a eles qualquer adição de branco ou preto. É por isso que nós estamos falando sobre tons e sombras de matizes em particular. Tom é sobre a quantidade de branco que você coloca numa cor. Quando você mistura uma cor com o branco você está tonalizando ela. Mais branco leva a um aumento da luminosidade do matiz. Adicionar branco a um matiz puro diminua a sua saturação, deixando o matiz menos intenso.

A sombra por outro lado é sobre a quantidade de preto na cor. Quando você mistura uma cor com preto você está sombreando ela. Isso resulta em uma cor rica, em geral mais escura, mais intensa devido a natureza poderosa dos pigmentos pretos. Muitos pretos mudam as características de um matiz, mesmo em pequenas quantidades. Assim sendo eles devem ser usados com com moderação.

Como você pode ver no espectro abaixo, no meio você vai encontrar o matiz puro. A esquerda, nós acrescentamos mais branco como tom, e a direita nós sombreamos o vermelho com preto.

Tint-Hue-Shade Spectrum
Espectro de Tom - Matiz - Sombra

Nós falamos sobre criar tonalidade quando nós misturamos um matiz com cinza, significando que você efetivamente faz tom e sombra ao mesmo tempo. Tonalidades podem ser mais claras ou escuras do que o valor original, dependendo da quantidade de branco e preto adicionada. Eles também vão parecer menos saturados e intensos que o matiz original. Tonalidades podem revelar qualidades sutis e complexas em um matiz e são representações mais perto do modo como nós vemos o mundo "real". 

From MOMA
Ainda da série do MoMA Termos de Arte em Ação

Valor

Valor é a luminosidade ou escuridão de um matiz. Valores são muito, muito cruciais para resultados profissionais. De certo modo, eles são muito mais importantes para chegar ao correto do que escolher um matiz. Quando nós dizemos que a cor está brilhante ou escura nós estamos falando do valor de um matiz. Isso nos diz o quanto isso está perto da versão mais clara ou mais escura. Uma escala de valores é como uma escala de cinza para um valor em particular.

As seções de uma escala são chamadas de etapas. Cada um pode ser claramente distinguido por ser significantemente mais claro ou escuro do que o próximo. Se você aplicar esses valores você vai conseguir um melhor contraste tonal ao usar luzes e sombras realistas.

Várias das grandes pinturas que nós admiramos coletivamente na história da arte, foram criadas  por artistas que dominaram a arte sutil do contraste tonal, através da utilização adequada dos valores da escala. Eles conseguiram variações de profundidade através da alteração gradual de valores de um número limitado de matizes.

Isso funciona não só com escalas de cinza, mas com cores monocromáticas também (com um matiz).Pense nisso como se fosse as luzes e sombras de um matiz.

Clearing Up--Costa da Sicília, Andreas Achenbach

Você pode ver como essa escala é eficiente dessaturando a pintura. Os valores não mudam quando você transforma as cores em cinza. As luzes mais claras e as sombras mais  escuras ainda definem uma variação efetiva  para produzir uma imagem que não perde suas qualidades artísticas.

Pense nas icônicas fotografias preto e branco dos últimos 50 anos ou mais. Elas tem uma variedade grande de etapas de escala de cinza e cria um contraste forte mais interessante, variando dos pretos bem escuros aos brancos bem brilhantes. Os amadores frequentemente acabam com imagens preto e branco chapadas, porque eles não percebem a necessidade de deixá-los mais vibrantes com uma escala de cinza mais ampla.

Extraído de Guerrillero Heroico por Alberto Korda.

O interessante é que cada cor tem sua própria variação de valores inerente. Algumas tem uma variação maior que outras. O vermelho por exemplo, tem uma variação mais limitada se comparado ao matiz azul. O vermelho está baixo na variação da escala de cinza, o valor é muito escuro. O amarelo por sua vez está no alto da variação. O verde, violeta e azul tem a variação mais ampla, indo do escuro ao clara em algumas etapas a mais.

Por que  nós nos importamos? Valores são uma maneira efetiva de traduzir uma representação bidimensional em qualquer tela e deixar ela parecer tridimensional usando as sombras relativas de um matiz. Isso é o que as pessoas chamam de ficar mais vivo ou vibrante, em contraste com as cores chapadas que falham em conseguir esse efeito.É por isso que em geral, utilizar tons mais dessaturados, matizes puros são de pouca ajuda e parecem imaturos. Uma boa dica é começar com apenas um valor e desenvolver uma escala de valores para seu site. Você pode usar valores para destacar áreas em particular e outros que regridem gentilmente para o plano de fundo, ao passo que todos ficam dentro do mesmo valor. Simples e elegante.

Pesquisa Netlife

Saturação / Chroma

A saturação, também chamada de chroma, é outro conceito que nós não devemos negligenciar. Isso é o "colorido" ou a pureza de um matiz. Esses termos estranhos realmente traduzem a intensidade ou brilho da cor percebida O chroma define o quanto o valor é puro. Quando você compra cores para pintura, chromas são as cores que você tira direto do tubo. Em contraste com isso, as cores dessaturadas são aguadas ou acinzentadas e são frequentemente usadas como cores de sombra em várias graduações. Uma cor completamente dessaturada  parece cinza.

Nós dessaturamos matizes adicionando uma cor complementar. Tudo o que for adicionada a partir do oposto da cor na roda de cor vai dessaturar o valor efetivamente.  Onde as duas cores se encontram, você tem o ponto neutro da cor, marrom ou cinza. É importante entender que nós não estamos acrescentando cinza para isso. Como efeito você está criando cinza, mas não por adicionar preto ou branco. Esses cinzas são usados por pintores para quebrar a saturação das cores.

Porque isso é uma boa ideia? A resposta é na verdade muito prática: você não quer bombardear seus espectadores com saturações de cores intensas em todo o lugar, pelo contrário. Cores altamente saturadas podem parecer incrivelmente falsas e baratas. Muito disso dá aos seus olhos poucas chances de descansar e nada em que se focar realmente, mais ruido visual.

Captura de Tela.

Quando um site como o UXDESIGNER.TOP, dedicado de certo modo aos erros de UX está dessa maneira, é sem dúvida triste de ver na minha opinião. Não parece bonito, parece? Tem toda uma série de problemas, mas primariamente a bagunça de cores não torna fácil de estabelecer uma hierarquia que guia o espectador. UX mau!

Pegue o azul e laranja como exemplo. Perto um do outro eles se comportam intensamente. Se você misturá-los você consegue um tom cinza que pode separar suas variações mais saturadas muito bem. Essas novas posições de cor está entre essas duas versões altamente saturadas e cria uma experiência visualmente mais agradável, aplicando cores mais realistas. Por mais leve que isso soe, tem mais vibração, mais vida. Isso cria uma barreira entre as cores que é mais maduro em técnica. Quando você fala sobre mestres da pintura, isso é uma das coisas que eles pegam firme.

Impressão, soleil levant por Claude Monet.

No design é uma boa ideia focar apenas em uma ou duas cores, e então criar variações delas. Dá a você  muitas opções dentro de uma mesma cor. Você varia sua cor, mas fica dentro do mesmo matiz de cor. Isso ajuda depois a ancorar a atenção do seu espectador quando apenas algumas partes são seletivamente dessaturadas. Na imagem acima, você perceberá que seus olhos desenham a cena. Ela realmente salta

Roda de Cores

Nós formamos a roda de cores pegando o espectro de luz e então conectando os dois lados em um círculo. Isso é classicamente usado e uma ferramenta útil para nos mostrar as relações entre as cores. Como? Para início, a roda de cores pode dizer a você como criar o maior contraste possível para uma escolha em particular.

Roda de cores de Goethe.

As cores simétricas das roda não é muito uma coisa científica, mas uma representação de como o nosso cérebro trabalha. Ela direcionada em como nosso cérebro pode reagir emocionalmente, em termos de quais reações as cores despertam. Cientificamente não há cores opostas no espectro, isso é uma ideia do nosso cérebro, ou nos conceitos que nos juntamos para organizar e distinguir as cores. É definitivamente útil para escolher uma cor. Essas percepções não são apenas ditadas pela nossa biologia, mas também pela influência de muitos séculos de história da arte e podem variar significativamente entre várias culturas.

Nesses exemplos nós vamos usar a roda de cores dos "artistas" tradicionais baseadas no modelo de cor vermelho-amarelo-azul (RYB). Essa é derivada de como os pintores criam suas misturas, através da mistura subtrativa de cores. É usado em sua maioria na arte de design hoje em dia, precedendo a teoria científica das cores, que se referem ao ciano, magenta e amarelo (CYM) com suas cores primárias. O CYM atinge um maior subconjunto de cores do que o modelo RYB.

Cores Primárias: Vermelho, Amarelo e Azul

O vermelho, amarelo e azul são usados para criar todas as outras cores, e por isso ganharam o nome de primárias. Você não consegue misturar nenhuma outra cor para consegui-los.

Isso certamente é um bom ponto de início e tudo o que você precisa saber sobre cores primária por agora. Na realidade, com tinta para pinta ou tinta para escrever por exemplo, você pode apenas misturar um número limitado de cores que não atinge a variação completa que um olho humano saudável pode perceber. O que nós estamos falando aqui é um certo subconjunto completo de cores, também chamado de gama. Então um pouco de desconfiança é a ordem aqui.

Cores Secundárias: Verde, Laranja, Roxo

O Verde, laranja e roxo são feitos combinado as cores primárias.

Na roda de cores de Goethe acima, o verde forma a base. É a mescla das duas cores primárias  amarelo e azul. O laranja é a mistura do amarelo e vermelho, enquanto o roxo é uma mistura de vermelho e azul.

Cores Terciárias

Nós podemos levar essa ideia adiante e misturar as cores primárias com as secundárias, novamente  mesclando as cores que ficam uma do lado da outra na roda de cores.

Fonte: Wikipedia

Após terminas essa declinações você ficara com o seguinte:

  • Chartreuse: amarelo-verde
  • Âmbar: amarelo-laranja
  • Vermilion: vermelho-laranja
  • Magenta: vermelho-roxo
  • Violeta: azul-roxo
  • Azul petróleo: azul-verde

Observe que a cor secundária segue a cor primaria nessa notação.

Cores Análogas

As cores Análogas são adjacentes na roda de cores, uma do lado da outra.

Elas formam uma relação simples e são normalmente muito agradáveis aos olhos, criando um humor confortável, pacífico. Como? Na maior parte, porquê essa combinação de cores pode ser vista com frequência na natureza.

Cores Complementares

Na roda de cores, as cores complementares ficam opostas umas as outras.Cores complementares são combinações muito populares uma vez que elas agradam os olhos "naturalmente". Vermelho e verde são especialmente populares.

Mas tenha em mente de não usá-las igualmente, ao invés disso, decida qual será a cor dominante. Geralmente a cor mais fraca é usada mais distribuída e a outra cor para acentuar. Pense em combinações de cores como combinar fontes serifadas e sem-serifa. Uma equilíbrio é realmente importante aqui. Cores complementares também são capazes de criar os contrastes mais fortes de cor para cada matiz.

Cores Triádicas

As cores triádicas estão situadas equidistantes na roda de cores. Elas estão presentes em combinações um pouco mais avançadas, e usá-las pode ser um pouco mais difícil para os iniciantes acertarem, eu acho, mas não me deixe parar você. Quanto mais você praticar, etc,etc...

Elas são muito boas para cartoons e cenas surreais e podem sugerir um certo tom brincalhão.

Tipos de Cores

Aqui está uma representação mais nova da roda de cores RYB.

Cores Quentes

Cores quentes são representadas pelo lado direito da roda de cores. Elas tendem a chamar mais atenção, serem energéticas, realmente fortes, ao menos na nossa percepção comum. Não se esqueça que esses são atributos humanos e não tem nada haver com o fenômeno da luz. Essas cores podem chamar nossa atenção muito rápido e são consideradas muito ativas.

SmartBribe

Você pode fazer as cores quentes trabalharem muito efetivamente, mas aqui está um exemplo que falha em estabelecer responsabilidade, segurança e confiança, porque bombardeia você com uma tonelada de cores quentes. E ainda por cima, esse design faz um péssimo trabalho em estabelecer ênfase a ação central. O botão de inscrição no email, tem a mesma cor do plano de fundo e desaparece visualmente. Isso poderia ser muito mais sutil e efetivo se apenas o botão estivesse usando uma cor quente para se destacar mais claramente e se o plano de fundo não estivesse usando esse arranjo de cores ativas.

Cores Frias

O lado esquerdo, por outro lado, representa as cores frias. Essas são mais confortáveis e estáveis. Elas também tendem a sumir facilmente para o plano de fundo da composição e não "saltam" tanto. Elas são consideradas de natureza mais passiva.

O lado esquerdo da roda de cores é bem popular entre os sites hoje em dia. Apenas dê uma olhada pelo Facebook e Twitter e você encontrará uma abundância de projetos bem conhecidos que fazem essas cores intrínsecas as paletas deles. Por quê? Porque projetos da web sempre tem que lutar por não terem uma localização física, onde uma conexão pessoal e confiável pode ser feita mais facilmente. Websites que atendem um zilhão de pessoas precisam parecer estáveis, dignos de confiança, relaxantes e calmos, e até mesmo reconfortantes. Essas são todas as coisas em que os tipos de cores mais frias podem ajudar.

Etsy

Cores Neutras

Preto, branco, cinza e marrom são consideradas neutras. Nesse sentido eles são "cores de suporte". Se aplicadas corretamente, essas cores neutras podem unir tudo, como na pintura de Monet acima. Eles fornecem uma quebra na intensidade das cores brilhantes, mais intensas que atraem os olhos mais facilmente. Nesse sentido, os neutros são a base do interesse e variação, como seu espaguete com molho de tomate e almôndegas. O espaguete é o aglutinante neutro para tudo isso. 

Os neutros retrocedem para o plano de fundo quando você traz cores mais saturadas à mistura. Em cada ótimo vocabulário de cor, eles desempenham um papel importante, poque eles ajudam a criar um equilíbrio hábil no seu trabalho. Apenas imagine se tudo estivesse gritando cores. Isso não seria muito efetivo e nós acabaríamos novamente com um "ruído" de cores. Os neutros são nossa arma secreta para direcionar o foco onde é preciso. Em termos práticos, isso significa que você construiu sua composição na maior parte em tons neutros e então decidiu onde está o foco, e para onde os olhos devem supostamente serem atraídos.

Cinebody

Imagine se nós tivéssemos toneladas de cores saturadas aqui. Seria muito mais difícil para os botões de pré ordem se destacarem. Uma vez que eles são o centro desse negócio, eles precisam ser altamente destacados para evitarem se perder. As áreas branca e cinza retrocedem para o plano de fundo e deixam as poucas cores de destaque saltarem aos olhos.

Cores Combinando

Antes de prosseguir, uma palavra sobre juntar várias cores. Como eu indiquei, esse processo realmente pode ser semelhante a escolher fontes. Tente se comprometer com uma, ou talvez duas cores principais para o seu design. Você tem muitas variações para brincar ajustando valores, tons, brilho, saturação, ou use uma core neutra, etc... Se você não ficar maluco com toneladas de cores você vai conseguir um resultado muito mais coerente, um que amarre toda a peça junta com significado e elegância.

Comece com uma cor, tire as outras cores daí e veja até onde consegue chegar. É até melhor se você começar com uma escala de cinza e esperar antes de trazer as cores para a equação. Brinque com luz e sombra, em suas primeiras abordagens. Para destacar certas partes use cores dominantes com parcimônia, enquanto deixa as cores de suporte fazer o trabalho de plano de fundo.

Escolhas Monocromáticas

Eu também devo mencionar rapidamente que você precisa conhecer sobre escolhas de cores monocromáticas. Lembra desse amigo dali de cima?

Isso é uma escala de cores monocromática de matiz vermelho. Abaixo temos um ótimo exemplo do uso da abordagem monocromática de forma eficaz.

Boom

Ênfase

Se você usa a sua cor dominante esparsamente, você pode criar um efeito de ênfase. Evite encher demais e perder a oportunidade de destacar os elementos chave do design, guarde para a "cereja do topo". Use nos elementos foco que são realmente cruciais para comunicar as peças mais importantes de informação. Essa cor "primária" da sua paleta normalmente trabalha bem com uma escala de cinza porque ela desaparece facilmente e suporta a cor principal de forma eficaz.

RIF6  realça apenas os itens chave para uma transação de negócios bem sucedida. Nesse exemplo é difícil não notar os botões que permitem comprar esse item. Nada está no caminho de guiar os olhos rapidamente para o item de interface que vai facilitar a ação principal do usuário. Tudo que usa a cor principal da empresa é identificado como uma marca. Simples e eficaz! E nenhum absurdo no caminho.

Consistência de Cores

Uma vez que você estabeleceu um mapa de cores para seu usuário, é importante não quebrá-lo. Se você deliberadamente escolher quebrar, faça com habilidade e com propósito. Por exemplo, manter os links da mesma cor quando eles fazem a mesma coisa é crucial, especialmente se você tem toneladas de conteúdo em uma página. Também, manter as cores dos cabeçalhos consistentes dá ao usuário algo em que ancorar sua jornada.

Manter as cores de plano de fundo semelhantes pode ser bem efetivo também. Isso não é algo que cause muito dano quando ignorado, mas pode amarrar as coisas juntas de modo agradável ao ser observado. A peça mais importante disso tudo é que você está definindo as expectativas do usuário, e que você pode querer deixar isso mais fácil para os usuários seguirem e entenderem onde a jornada os está levando.

Pattern

Padrão é um novo produto da Etsy e faz um ótimo trabalho usando a consistência das cores. Mesmo a imagem da mesa com os livros e coisas se expande elegantemente em sua cor de marca e fica dentro da variação de cores quentes indistintas. A parede acinzentada no plano de fundo dá um cenário perfeito para chamar a atenção a ação principal do site. Ele fala claramente "ETSY" sem gritar diretamente em seus rostos. Duplo jóinha!

O Etsy  também faz um ótimo trabalho sendo consistente com as cores em sua página principal, mas eles também dão uma escorregada aqui e ali. Eu acho que é justo dizer que aqui está um espaço para criar mais coesão usando as cores de forma mais consistente dentro da página principal deles, especialmente no que se refere aos planos de fundo. De uma olhada você mesmo e seja o juiz:

Significado das Cores

Em várias culturas, cores podem ter diferentes significados ou associações. Elas evocam sentimentos diferentes e não podem ser subestimadas quando nós trabalhamos em projetos que atingem zonas culturais. Para evitar desentendimentos e para uma comunicação efetiva nós precisamos levar isso em consideração.

Abaixo estão alguns significados comuns que as cores tem como atribuídos a elas. Você pode achá-los superficiais, mas é sempre bom estar ciente dessas associações e guardá-las na memória.

Azul

O azul fala de confiança, estabilidade e negócios como nenhuma outra cor. Ela também implica confiança e profissionalismo. Honra e ser dependente está la também. O céu (azul) é o limite!

Sorted

Verde

Verde significa crescimento, harmonia, natureza , saúde, otimismo e dinheiro (é claro).

Zpotdrop

Vermelho

Amor é a maior associação com o vermelho, mas poder, erotismo e força fazem par com ele também. O que torna um pouco difícil trabalhar com ele é que também significa, perigo, sangue, o mal e estado de emergência. Coragem também é sinônimo. Seja cauteloso sobre o contexto e o significado com essa, uma vez que pode evocar conotações muito poderosas, potencialmente negativas.

O site para o SpeedX Leopard usa o vermelho de maneira bem inteligente. Ele destaca a cor da bicicleta em si, mas apenas com moderação realça o chamado para a ação. revestir de vermelho todo o local não pareceria nem de perto tão elegante.

Amarelo

Amarelo simboliza esperança, alegria, sol, contentamento, mas também avisos de perigo. Como ele é muito brilhante, ele pode "gritar" alto para você. A maior parte das vezes não é isso que nós, como usuários, precisamos.  No exemplo abaixo, menos teria sido mais eu acho. Para um projeto que tem "segurança" e "família" no seu nome, amarelo pode não se a melhor das escolhas.

FamilyInSafe

Roxo

A boa e velha cor da realeza. Não sou chegado, mas essa cor é usada para traduzir a ideia de luxo, magia e todo esse jazz.  Curiosamente, eu sinto que punk vai bem com ele também.  A associação com a realeza e o luxo provavelmente tem raízes da natureza cara do roxo no passado. É difícil produzir (alguma história que envolva vários pequenos caramujos e tal) e por isso  apenas os mais altos na cadeia social de comida eram capazes de usá-lo. Hoje em dia não é mais um problema é claro.

O engraçado é que Bootstrap, uma projeto bem popular de Fonte Aberta, usa o roxo em um contexto totalmente diferente com bastante sucesso. Talvez os projetos de fonte aberta tenham mas espaço para manobras e tenham aderido a uma física diferente. Incrível!

Branco

Esse é outro item difícil na lista. O branco pode traduzir pureza, clareza, maciez, sofisticação, elegância, deidade, casamentos, realeza e positividade em geral. Em outras culturas ele também pode ser claramente identificado com a morte e tragédia. O branco e o preto podem ter diferentes significados dependendo de onde você está. Cuidado.

Cinebody

Preto

Por último, mas não menos importante, o bom e velho misterioso, sexy e sofisticado preto. Porque tão sério preto? É industrial, mecânico, e também associado com "O Fim", morte e o mal. E por cima de tudo, é rebelde também.

Impossible

Pessoalmente eu acho que muitas dessas associações são um pouco inventadas. Mas é com você! Faça sua pesquisa, quando você trabalha num projeto, especialmente se pesquisar pessoas de fora de sua zona de conforto cultural, mas tenha certeza de muitas frustrações. Na maior parte, divirta-se e deixe sua criatividade fluir! Desenvolver estritamente conforme o livro é extremamente tedioso de qualquer forma, e um modo seguro para matar o humor com certeza.

Relatividade das Cores

Deixe-me mencionar algo bem rapidamente, antes de nós prosseguirmos. A cor é altamente influenciada pelo que a cerca. Em algum ponto, nós falamos sobre cores quentes e frias, mas é um pouco mais relativo que isso. As cores podem parecer desse modo em relação umas as outras. Elas podem parecer quentes ou frias dependendo do ambiente em que estão. Nosso olho humano é um pouco tolo dessa maneira. Veja como as cores abaixo influenciam umas as outras e como a borda cinza dos quadrados inferiores parecem diferentes dentro de cada espectro. Isso é o que chamamos de relatividade da cor.

Em alguns exemplos  cores podem parecer completamente diferentes e enganar totalmente o olho humano.

Acredite ou não, os quadrados 'A' e 'B' são na verdade da mesma cor. Precisa ver alguma prova?

Use seu conta gotas favorito para checar, se quiser. Alimento para o pensamento na estrada.

Pensamentos Finais

A cor pode ser um poderoso alterador de humor. Use isso para sua vantagem ou ruína. Isso é realmente com você porque é uma arma poderosa para manejar. Não tenha pressa e aprenda mais, não fique frustrado pela escala pura à sua frente. Na web, você definitivamente usa a cor para criar um certo humor e também para realçar elementos de particular importância. Como princípio do design, menos é mais. Se tudo é realçado via cor, nada se sobressai e você vai acabar com uma proporção de ruido visual desfavorável.

Não se perca em toda essa teoria de cores de uma vez! Você tem uma vida inteira para atingir provavelmente uma fração do entendimento completo. Pegue leve e curta a viajem! Uma vez que você abrir seus olhos para todo esse tópico, você verá o mundo com lentes diferentes.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.