Ao projetar sites e aplicativos, percebi que, ao misturar cores com branco, certas cores tornam o branco mais “esverdeado” ou “roxo”. Isso acontece em um grau muito maior quando se usa tons de branco.

Como designer, como podemos entender como o branco é influenciado pelas cores com as quais é contrastado?

Comentários

  • Não há mais branco que o branco. mas você pode adicionar algumas pequenas cores para dar a sensação de mais branco ” psicológico ” você pode adicionar 3% a 5% Ciano. ou você pode representá-lo em uma composição de alto contraste (Branco – Preto)
  • Eu queria dizer sim no início. Porque existem muitos livros sobre isso. Mas então, se você está pedindo tal coisa para a tela, a resposta é não. Por exemplo, alguns smartphones têm programado neles o ajuste de cores, portanto, com brilho reduzido (da tela pelo usuário) o branco ainda é percebido como branco.
  • Ponto de informação: as sombras são criadas misturando-se com o preto. Os matizes são criados pela mistura com o branco. Os tons são criados misturando-se com cinza.
  • @ SZCZERZOKŁY Diga que sim. Seu primeiro instinto estava correto. A percepção é independente do tipo de tela – cópia impressa ou eletrônica.

Resposta

Eu adoro essa pergunta . Embora parecesse estranho no início.

Gradientes

Esta primeira parte eu aprendi antes da era digital, misturando tinta real.

Se você fizer um gradiente direto da sua cor de base para o branco, às vezes você pode ter uma tonalidade indesejada. Por exemplo, vermelho para branco passa a cor rosa. (Setas laranja)

Você precisa mudar ligeiramente a cor para uma parte mais clara da roda de cores. (Setas verdes) para compensar.

insira a descrição da imagem aqui

Aqui está a diferença. Acabei de adicionar um pouco de amarelo em um patch no meio do gradiente.

insira a descrição da imagem aqui

O mesmo se aplica aos gradientes mais escuros. Especialmente com o amarelo

insira a descrição da imagem aqui

insira a descrição da imagem aqui

O valor de ” correção ” depende do projeto.

Comentários

  • Olá @Rafael, embora sua resposta seja educacional e possa ajudar os efeitos do gradiente mestre de OP, como isso responde à pergunta dele? Ele não ‘ não mencionou nada sobre ” gradientes “, ele apenas disse misturar cores que pode se referir a ter um recipiente verde com uma imagem rosa em uma cor de corpo branca …
  • Olá Alin. Citação: ” Isso ocorre em um grau muito maior ao usar tons de branco ” Estou considerando ” diferentes tons de branco ” como um gradiente. Mas isso também se aplica a swaches. Se você quiser que algo apareça como ” vermelho claro “, pode adicionar um pouco de amarelo.
  • Claro, eu concordo mas a questão é como fazer o branco parecer … mais branco? Quais cores não ‘ t subtraem visualmente a ‘ brancura ‘ do branco para fazê-la parecer , bem, menos branco, mesmo se a cor estiver definida como #FFF … Eu estava pessoalmente interessado neste tópico também, por isso ‘ é por que ‘ estou perguntando. Tenha uma boa noite.

Resposta

O que você “reexplicar acontece com todas as cores, mas pode ser mais óbvio nos brancos.

A cor principal, especialmente se usada em muitos tons ou sombras diferentes, criará aquela ilusão de que o resto do layout também tem uma tonalidade. Às vezes, essa ilusão cromática tem alguns benefícios, por exemplo, na decoração e pintura da casa.

Você não pode controlar o reflexo da cor dominante nas outras cores, mas você pode pelo menos controlar essa ilusão cromática. Acho que a reflexão pode ser ainda pior em celulares.


A única maneira de equilibrar isso é ter cores mais neutras como dominantes ou usar cores que “cancelam” umas às outras. Não é uma tarefa fácil, mas é assim que muitos designers trapaceiam para se livrar dessa ilusão.

Se você ainda quiser cancelar aquele branco rosado criado por um layout vermelho aplicativo por exemplo, você pode ne ed para usar um branco com um pouco de azul ou amarelo; pelo menos você poderá escolher como deseja que o branco seja.Como o vermelho é frequentemente considerado uma cor muito masculina, você (ou seus clientes) podem não apreciar esse branco rosa de fato, mas eles provavelmente acharão melhor se for um cinza-azulado muito claro ou amarelo, e na verdade ainda será parece branco.

Você pode usar esses brancos apenas 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á quase invisível.

ilusão cromática

Fonte e outras ilusões para ver:

http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html


Outro exemplo:

exemplo de ilusão óptica com cores

Fonte, vale a pena dar uma olhada, muito de ilusões cromáticas:

http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions


Outro: apenas 2 cores de galinhas

ilusão cromática de frango delicioso

Fonte:

http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/

Resposta

Tem a ver com cores complementares. A cor branca adquirirá um tom oposto ao da cor adjacente. Ex: Amarelo e azul são complementares, então o amarelo irá impor um tom de azul na cor adjacente.

O efeito será mais pronunciado quando as cores adjacentes uma à outra forem complementares. É por isso que você vê uma mudança de cor ainda maior quando o branco tem uma sombra.

Para compensar o efeito, você pode tentar adicionar uma cor análoga ao branco.

Aqui está alguma referência: http://www.webexhibits.org/colorart/contrast.html

Comentários

  • Digamos que eu tenha um tom de branco: rgb (254, 254, 250). Se eu quiser torná-lo mais puro ” branco ” (ou seja, rgb (255,255,255)), o ideal é impor um tom de azul maior (‘ b ‘) no tom de branco, para ficar mais próximo do branco puro. Portanto, devo misturar meu tom de branco com amarelo. Estou correto?

Resposta

Como designer, como podemos entender como o branco é influenciado pelas cores com as quais ele é contrastado?

go-junta forneceu belos exemplos. Tentarei explicar o que é e como para saber mais sobre o efeito geral.

Este fenômeno de percepção é conhecido como “Efeito de Adjacência”. Pesquise o termo para explorar o “Efeito do Meio Ambiente”.

Outro exemplo é a Ilusão Cornsweet, onde o efeito é usado para aumentar o contraste percebido entre dois tons. Cornsweet Illusion

O PhotoShop tira vantagem disso com o filtro “Unsharp Masking” para “aguçar” as bordas. Na verdade, isso não torna as bordas mais nítidas, mas trata as bordas de modo a “parecer” mais nítidas com contraste local elevado.

Regra genérica: para aumentar um efeito, coloque-o de forma a criar o contraste máximo. Para tornar o branco “mais branco”, coloque-o adjacente a sombras e tons mais escuros.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *