Webサイトやアプリケーションの設計で、色を白と混合すると、特定の色によって白がより「緑がかった」または「紫がかった」ように見えることに気付きました。デザイナーとして、どのように白が対照的な色によってどのように影響を受けるかをどのように理解できますか?

コメント

  • 白よりも白はありません。しかし、少し色を追加して、より白い感じを与えることができます"心理的

    3%から5%のシアンを追加できます。または、ハイコントラストの構図(白 – 黒)で表現することもできます

  • 最初は「はい」と言いたかったのです。それについての本がたくさんあるからです。しかし、あなたがスクリーンのためにそのようなことを求めているなら、答えはノーです。たとえば、一部のスマートフォンでは色を調整するようにプログラムされているため、(ユーザーが画面の)明るさを下げても、白は白として認識されます。
  • 情報のポイント:シェードは黒と混合して作成されます。白と混ぜることで色合いが生まれます。トーンはグレーと混ぜ合わせることで作成されます。
  • @ SZCZERZOKWY「はい」と言ってください。あなたの最初の本能は正しかった。認識は、表示の種類(ハードコピーまたはソフトコピー)とは無関係です。

回答

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

グラデーション

この最初の部分は、実際のペイントを混ぜて、デジタル時代の前に学びました。

グラデーションを作成する場合基本色から白にまっすぐにすると、望ましくない色合いになることがあります。たとえば、赤から白にピンク色を渡します。 (オレンジ色の矢印)

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

ここに画像の説明を入力してください

ここに違いがあります。グラデーションの真ん中にあるパッチに少し黄色を追加しました。

ここに画像の説明を入力してください

同じことが暗いグラデーションにも当てはまります。特に黄色の場合

ここに画像の説明を入力してください

ここに画像の説明を入力

"修正"はプロジェクトによって異なります。

コメント

  • こんにちは、@ Rafael、あなたの答えは教育的であり、OPマスターの勾配効果を助けることができますが、これは彼の質問にどのように答えますか?彼は' "グラデーション"については何も言及していませんでした。白いボディカラーにピンクの画像が付いた緑のコンテナを参照することができます…
  • こんにちはアリン。引用:"これは、白の色合いを使用するとはるかに大きく発生します"私は"グラデーションのようなさまざまな白の色合い"。しかし、これはスワッチにも当てはまります。 "明るい赤"として表示したい場合は、黄色を追加できます。
  • もちろん、同意します。しかし、問題は、白をどのように見せるかです…もっと白ですか?白の'白さ'を視覚的に差し引いて'表示しない色、まあ、色が#FFFに設定されていても、白は少なくなります…私もこのトピックに個人的に興味がありました。それが'理由です'質問しています。おやすみなさい。

回答

「説明は実際にはすべての色に起こりますが、白ではより明白になる可能性があります。

特に多くの異なる色調や色合いで使用すると、メインの色が作成されますレイアウトの残りの部分にも色合いがあるという幻想。家の装飾や絵画など、色彩の幻想にはいくつかの利点がある場合があります。

他の色への支配的な色の反射を制御することはできませんが、少なくともその色の錯覚を制御することができます。モバイルでは反射がさらに悪化する可能性があると思います。


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

それでも、赤いレイアウトによって作成されたピンクがかった白をキャンセルしたい場合たとえば、アプリは必要かもしれません少し青または黄色が入った白を使用するように編集しました。少なくともあなたは、白をどのようにしたいかを選択することができます。赤は非常に男性的な色と見なされることが多いため、あなた(またはクライアント)はピンクホワイトを実際に評価しないかもしれませんが、「非常に明るいグレーブルーまたはイエローの場合はおそらくより良いと思います」、実際にはそれでも白く見えます。

これらの白は、「支配的な色の重い領域に囲まれている場合にのみ使用でき、周囲がよりニュートラルな他の領域には通常の白を使用できます。違いはほとんど見えません。

目の錯覚

ソースとその他の錯覚:

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


別の例:

色による目の錯覚の例

出典、一見の価値あり、たくさん目の錯覚の例:

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


もう1つ:2色の鶏のみ

おいしい鶏の目の錯覚

出典:

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

回答

補色と関係があります。白い色は、隣接する色と反対の色合いを取得する。例:黄色と青は補完的であるため、黄色は隣接する色に青い色合いを課します。

互いに隣接する色が補完的である場合、効果はより顕著になります。そのため、白に色合いがあると、さらに大きな色の変化が見られます。

効果を補正するために、白に類似の色を追加してみることができます。

これが参照: http://www.webexhibits.org/colorart/contrast.html

コメント

  • 白の色合いがあるとします:rgb(254、254、250)。もっと純粋に見せたい場合は"白"(つまり、rgb(255,255,255))、理想的には、より大きな青(' b ')の色合いを課したいはずです。白の色合いなので、真っ白に近くなります。したがって、白の色合いと黄色を混ぜる必要があります。正しいですか?

回答

デザイナーとして、白が対照的な色によってどのように影響を受けるかをどのように理解できますか?

go-juntaは美しい例を提供しました。それが何であるかとその方法を説明しようと思います全体的な効果の詳細については、こちらをご覧ください。

この知覚現象は、「隣接効果」と呼ばれます。「周囲の効果」を調べるための用語を検索してください。

もう1つの例は、効果を使用して2つのトーン間の知覚コントラストを高めるCornsweetIllusionです。 コーンスウィートイリュージョン

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です