どうすれば白を可能な限り白く見せることができますか？

ウェブサイトやアプリケーションのデザインで、色を白と混ぜると、特定の色が白を「緑がかった」または「紫がかった」ように見えることに気づきました。白の色合いを使用すると、これははるかに大きな度合いで起こります。

デザイナーとして、白と対比される色が白にどのように影響するかをどのように理解できますか？

この質問が大好きです。最初は奇妙に聞こえましたが。

グラデーション

この最初の部分は、デジタル時代の前に実際の塗料を混ぜ合わせて学びました。

基本色から白に直接グラデーションを作成すると、望ましくない色相になることがあります。たとえば、赤から白はピンク色を通過します。（オレンジ矢印）

カラーホイールの明るい部分に色を少し変える必要があります。（緑の矢印）補正します。

ここが違いです。グラデーションの中央にあるパッチに小さな黄色を追加しました。

暗いグラデーションにも同じことが言えます。特に黄色と

「修正」の量はプロジェクトによって異なります。

あなたが説明していることは実際にはすべての色で起こりますが、白ではより明白かもしれません。

メインカラーは、特に多くの異なるトーンまたはシェードで使用される場合、レイアウトの残りの部分にも色合いがあるという幻想を生み出します。時々、その色の錯覚は、例えば家の装飾や絵画において、いくつかの利点があります。

他の色の支配的な色の反射を制御することはできませんが、少なくともその色の錯覚を制御することはできます。携帯では反射がもっと悪いのではないかと思います。

これをバランスさせる唯一の方法は、よりニュートラルな色を支配的な色にするか、お互いを「キャンセル」する色を使用することです。簡単な作業ではありませんが、それが多くのデザイナーがその錯覚を取り除くためにだます方法です。

たとえば、赤いレイアウトアプリによって作成されたピンクがかった白をキャンセルしたい場合は、少し青または黄色の白を使用する必要があるかもしれません。少なくともあなたはあなたが白であることを望む方法を選択するようになるでしょう。赤は非常に男性的な色と見なされることが多いので、あなた（またはクライアント）は実際にはそのピンクホワイトを気に入らないかもしれませんが、非常に薄いグレーブルーまたはイエローである場合、彼らはおそらくそれをよりよく見つけるでしょう。白い。

これらの白は、ドミナントカラーの濃い領域に囲まれている場合にのみ使用でき、周囲がよりニュートラルな他の領域には通常の白を使用できます。違いはほとんど見えません。

参照するソースおよびその他の錯覚：

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

もう一つの例：

ソース、一見の価値あり、色の錯覚の多く：

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

もう一つ：ニワトリ2色のみ

ソース：

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

それは補色と関係があります。白色は、隣接する色と反対の色合いになります。例：黄色と青は補色なので、黄色は隣接する色に青の色合いを適用します。

互いに隣接する色が補色の場合、効果はより顕著になります。そのため、白に色合いがあると、さらに大きなカラーシフトが見られます。

効果を補正するには、白に類似の色を追加してみてください。

ここにいくつかの参照があります：http : //www.webexhibits.org/colorart/contrast.html

デザイナーとして、白と対比される色が白にどのように影響するかをどのように理解できますか？

go-juntaは美しい例を提供しました。それが何であるか、そして全体的な効果についてもっと知る方法を説明しようと思います。

この知覚現象は「隣接効果」と呼ばれています。「サラウンドの効果」を調べるために用語を検索します。

別の例は、効果が2つのトーン間の知覚されるコントラストを高めるために使用されるCornsweet Illusionです。 コーンスイートイリュージョン

PhotoShopはこれを利用して、「アンシャープマスキング」フィルターでエッジを「シャープ」にします。これは実際にはエッジをシャープにするほどではなく、エッジを処理してローカルコントラストを高めてシャープに「見える」ようにします。

一般的なルール：効果を高めるには、コントラストを最大にするように配置します。白を「白く」するには、暗い色合いと色調に隣接して配置します。