contrast

COLOR

色の対比が生む視覚効果

色は互いに影響し合う

色の組み合わせによっては、単色の時とは違った見え方をする場合があります。
お互いが引き立てあってより鮮やかに見えたり、元の色とは違って見える錯視を起こしてしまうなど、自分が想定したものとは違う見え方に戸惑ったことは誰にでもあるのではないでしょうか。

配色をコントロールして分かりやすく、見やすい表現をするためには、こうした色の対比による視覚効果のポイントを抑えておくことも時重要です。

彩度が増して見える「補色対比」

色相環の反対側に位置する色同士を「補色」の関係にあると言います。この補色の組み合わせから期待できる効果として、互いの彩度が増しているように(より鮮やかに)見えることが挙げられます。

補色対比の例「赤と緑」「黄と青紫」

上図の場合、互いに補色の関係にある「AとB」「CとD」の配色は、単色で見た時と比べて、互いの色がより鮮やかに見えます。

色相環とは?
虹の色(スペクトル)として知られている赤・橙・黄・緑・青・藍・紫を順に並べてリング状にしたもの。
例えば赤と黄色の間は「赤→黄みを帯びた赤→橙→赤みを帯びた黄→黄」のように徐々に色が変化していく。

また、補色とは逆に、下図のように色相環上で位置的に近い色同士の組み合わせからは、統一感のあるイメージが生まれます。

色相が近似している配色例

明度が近いと起こる不快なハレーション

補色や、補色に近いの組み合わせは鮮やかに見えますが、色同士の境界がチカチカして見えるハレーションと呼ばれる現象が起きることがあります。これは互いの明度が近いことが原因です。
この場合は、どちらかの明度を変更するか、または間に別の色を挟むことで解消されます。(セパレーション効果

明度とは

明度が近いために起こるハレーションの解消法

セパレーション効果
配色が強烈過ぎる、または曖昧に見える場合は、境界部分に別の色を挟むことでコントラストが生まれ、見やすくなることをセパレーション効果と言う。
セパレーションで使用する色は主に無彩色や金属色(ゴールド・シルバー)などが使われる。

並べて比較することで明るさ、暗さが際立つ「明度対比」

明度差がある2色の配色は、互いに明るい色をより明るく、暗い色をより暗く見せる視覚効果があります。

明度対比の例
上図のA,Bともに雪だるまは同じ色ですが、A(背景色が低明度の場合)は実際の色より明るく、B (背景色が高明度の場合)は、より暗く見えます。

異なる2色の境界付近で起こる縁辺対比

「縁辺対比」とは隣接した2色の境界付近が強調されて見える現象で、色相・彩度・明度の対比によって起こります。
下図Cは明度による縁辺対比ですが、色が変わる境界の部分がの色が強調されて見えます。

縁辺対比により境界が強調されて見える例

それぞれ、より暗い色に接する側(左)は明るく、より明るい色に接する側(右)は暗く見える。

境界部分に白を挟み、縁辺対比を回避した例

境界に無彩色(この場合白)などを挟むと、セパレーション効果により縁辺対比を回避することが出来る。

ポイントまとめ
  • 色相環の反対側に位置する色同士を「補色」と言う
  • 補色の組み合わせは互いを引き立て合い、鮮やかに見せる効果がある
  • 補色同士でハレーションが起こる場合は、間に別の色を挟むことで見やすくなる。(=セパレーション効果
  • 明度の差がある色の組み合わせは、違いをより「明るく」or「暗く」見せる効果がある。

tone色の調子【トーン】を利用した色選び前のページ

明度差による色のコントラスト -配色テクニック活用法-次のページCONTRAST

ピックアップ記事

  1. 書籍『失敗しないカラーリング』が出版されました!
  2. 心理学を取り入れて効果的なLPを作ろう|ランディングページ制作の基本
  3. 明度差による色のコントラスト -配色テクニック活用法-
  4. 色の対比が生む視覚効果
  5. Google Material Color Toolの活用法

関連記事

  1. tone

    COLOR

    色の調子【トーン】を利用した色選び

    かわいい、楽しい、大人っぽい…色でイメージを表現するには?色でイメ…

  2. CONTRAST

    COLOR

    明度差による色のコントラスト -配色テクニック活用法-

    色同士の差を拡げてコントラストを高める 色のコントラストとは、…

  3. Psychology of Color

    COLOR

    色彩心理

    ビジネスに使える? 押さえておきたい色彩心理の基本「色彩心理」と聞…

  4. COLOR

    Google Material Color Toolが便利!配色が苦手な人のお役立ちツール

    カラーパレットから選ぶだけ配色の参考サイトやツールは多々あれど、以外と…

  5. COLOR

    書籍『失敗しないカラーリング』が出版されました!

    私も企画や制作に参加させていただいた色の本が発売されました!著者は『東…

  6. COLOR

    Google Material Color Toolの活用法

    Googleカラーパレットで作る10色相のカラーサンプル-➀みなさん…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. Color Methodologies
  2. ランディングページ制作のポイント
  1. COLOR

    書籍『失敗しないカラーリング』が出版されました!
  2. tone

    COLOR

    色の調子【トーン】を利用した色選び
  3. CONTRAST

    COLOR

    明度差による色のコントラスト -配色テクニック活用法-
  4. contrast

    COLOR

    色の対比が生む視覚効果
  5. COLOR

    Google Material Color Toolの活用法
PAGE TOP

バンドワゴン効果

多数に人気のあるもの、支持されているものに惹かれて、それらの製品や事象への人々の支持がさらに高まる現象。行列がさらに人を呼ぶなど。
※『バンドワゴン』とはパレード楽団のこと

フォールス・コンセンサス

多くの人が自分と同じ意見を持ち、同じような行動をするだろうと考え、自分を多数派だと思い込むこと。
(さらには周囲と同じ行動を取れば安心するという心理)
※False Consensus:偽の合意

同調効果

周囲と同じ行動をしていると安心し、逆に自分が正しいと思っても他人が異なる行動をしている場合には不安になるといった集団心理のこと。

ピグマリオン効果

他者の期待値が本人の成長・成績結果に影響を与える心理効果。
アメリカの教育心理学者・ローゼンタールの実験では、教師が期待をかけた生徒とそうではない生徒の間では成績の伸びに違いが見られた。
※『ピグマリオン』はギリシャ神話の自作の乙女像に恋をした登場人物から。

ウィンザー効果

口コミやレビューなど、第三者から間接的に情報が伝わることによって、より信憑性や信頼感が増す心理効果。
直接本人から伝えられる評価に対しては利害関係を疑ってしまうため、無関係の第三者の意見の信憑性が増して感じられる。

ハロー効果

ある対象を評価するときに、目立ちやすい特徴に引きずられて他の特徴についての評価が歪められる現象のこと。後光効果とも呼ばれる、心理学における認知バイアスの1つ。

希少性の原理

需要に対して供給が少ない時、手に入る機会が限定される場合など、同じ内容のものであっても価値を高く評価してしまう認知バイアスのこと。

アンカリング効果

交渉の際、先行して提示される何らかの数値によって後の数値の判断が歪められる認知バイアスの一種。
例えば「この商品は1万円より高いと思うか?」と尋ねることによって、回答はアンカーである1万円に近い数値になる傾向のこと。

カクテルパーティー効果

多人数が談笑している会合など周辺の雑音レベルが高い場合でも、自分が話している相手の声はきちんと聞き取れる現象から、
自分に関係のある情報には注意が向けられる効果のこと。

ストーリーテリング

伝えたい内容を、それに関連した体験談やエピソードなどを引用しながら伝えるすることで、相手に強く印象付ける手法のこと。
物語として記憶されるので印象に残りやすい。

エピソード記憶

特定の日時や場所と関連した個人的経験(イベント)に関する記憶

損失回避性

損失を、利益よりも大きく評価する心理効果のこと。
新たに得られる利益からくる満足より、同額の損失がもたらす苦痛の方が大きいと感じる現象。

バイヤーズリモース

買い物をした直後に感じる不安や後悔の感情。
商品の品質に関係なく発生するため、こうした不安を解消することで返品や解約のリスクを下げ、リピートに繋がることが期待される。

親近効果

最後に提示された情報の再生率が良いこと。「新近性効果」とも言う。
接客業における「お見送り」など、最後の情報で印象が決定されやすい。

リフレーミング

事実に対して与えている意味づけを変え、異なる見方でとらえ直すこと。
例えば不動産物件の「徒歩15分」という表現に対して、「駅から遠過ぎて資産価値が無い」「歩けば健康に良い距離」など、同じ情報でも人によって受け取り方が違う現象。

想起集合

マーケティングにおける想起集合
例えば消費者に対して、ある分野のブランド名や企業名を想起させる「○○と言えば?」といった質問をした際に想起された一群(通常3~5個程度)を想起集合、もしくは喚起集合と呼ぶ。

準拠集団

個人の価値観、信念、態度、行動などに強い影響を与える集団。
何かを決めるときに判断の基準となることがある。