Ao projetar sites e aplicativos, notei que, ao misturar cores com branco, certas cores fazem o branco parecer mais "esverdeado" ou "roxo-ish". Isso acontece em um grau muito maior ao usar tons de branco.
Como designer, como podemos entender como o branco é influenciado pelas cores com que é contrastado?
color
color-theory
white
blurgoon
fonte
fonte
Respostas:
Eu amo essa pergunta. Embora parecesse estranho no começo.
Gradientes
Nesta primeira parte, eu o aprendi antes da era digital, misturando tinta de verdade.
Se você fizer um gradiente diretamente da cor de base para o branco, às vezes poderá ter um tom indesejável. Por exemplo, vermelho a branco passa por uma cor rosa. (Setas laranja)
Você precisa transformar levemente a cor em uma parte mais clara da roda de cores. (Setas verdes) para compensar.
Aqui está a diferença. Acabei de adicionar um pouco de amarelo em um adesivo no meio do gradiente.
O mesmo vale para os gradientes mais escuros. Especialmente com o amarelo
A quantidade de "correção" depende do projeto.
fonte
O que você está explicando acontece com todas as cores, na verdade, mas pode ser mais óbvio nos brancos.
A cor principal, especialmente se usada em muitos tons ou tons diferentes, criará a ilusão de que o restante do layout também possui uma tonalidade. Às vezes, essa ilusão cromática tem alguns benefícios, por exemplo, em decoração e pintura.
Você não pode controlar o reflexo da cor dominante nas outras cores, mas pode pelo menos controlar essa ilusão cromática. Eu acho que a reflexão pode ser ainda pior nos celulares.
A única maneira de equilibrar isso é tendo cores mais neutras como dominantes ou usando cores que "cancelam" uma à outra. Não é uma tarefa fácil, mas é assim que muitos designers trapaceiam para se livrar dessa ilusão.
Se você ainda deseja cancelar o branco rosado criado por um aplicativo de layout vermelho, por exemplo, pode ser necessário usar um branco com um pouco de azul ou amarelo; pelo menos, você poderá escolher como deseja que o branco seja. Como o vermelho é geralmente considerado como uma cor muito masculina, você (ou seus clientes) pode não apreciar esse branco rosa de fato, mas provavelmente o achará melhor se for um cinza-azul ou amarelo muito claro e, na verdade, ainda parecerá branco.
Você pode usar esses brancos somente quando eles estiverem cercados por uma área pesada da cor dominante e usar um branco normal em outras áreas onde o ambiente é mais neutro. A diferença será pouco visível.
Fonte e outra ilusão para ver:
http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html
Outro exemplo:
Fonte, vale a pena dar uma olhada, muitas ilusões cromáticas:
http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions
Outro: apenas 2 cores de galinhas
Fonte:
http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/
fonte
Tem a ver com cores complementares. A cor branca adquirirá uma tonalidade oposta à cor adjacente. Ex: amarelo e azul são complementares, portanto o amarelo imporá uma tonalidade azul à cor adjacente.
O efeito será mais pronunciado quando as cores adjacentes forem complementares. É por isso que você vê uma mudança de cor ainda maior quando o branco está sombreado.
Para compensar o efeito, você pode tentar adicionar uma cor análoga ao branco.
Aqui está uma referência: http://www.webexhibits.org/colorart/contrast.html
fonte
go-junta forneceu belos exemplos. Vou tentar explicar o que é e como descobrir mais sobre o efeito geral.
Esse fenômeno da percepção é chamado de "Efeito da Adjacência". Pesquise o termo para explorar o "Efeito do ambiente".
Outro exemplo é a Ilusão de Cornsweet, na qual o efeito é usado para aumentar o contraste percebido entre dois tons. Ilusão de Cornsweet
O PhotoShop aproveita isso com o filtro "Unsharp Masking" para "afiar" as bordas. Na verdade, isso não afia as bordas, mas trata as bordas de modo a "parecer" mais nítidas com maior contraste local.
Regra genérica: para aumentar um efeito, coloque-o para criar o máximo contraste. Para tornar o branco "mais branco", coloque-o próximo a tons e tons mais escuros.
fonte