PR

色彩の視覚効果で魅せるデサイン術

デザイン

色の対比

色の対比とは、色の組み合わせによって、まったく同じ色でも周囲の色や先に見た色の影響を受け、単色で見たときとは異なる色に錯覚する現象のこと。

 

継時対比

継時対比*けいじたいひ
/ Successive Contrast サクセシブ・コントラスト
とは、ある色をジーッと見たあとにほかの色を見ると、はじめに見ていた色*ある色の影響を受けて本来の色*ほかの色とは異なって見える現象のこと。

このとき、見ていた色の反対色が見える現象を「補色残像現象」、見ていた色の残像が見える現象を「心理補色」という。

 

ゲーテが提唱する色彩調和論とは
色彩調和については様々な学者による論議が繰り返されてきた。れをはじめて意識した人物とも言われるゲーテの『色彩論』についてまとめたものである。

 

同時対比

同時対比*どうじたいひ
Simultaneous Contrast サイマルテイニアス・コントラスト
とは、2色以上の色を同時に見たとき、互いの色が影響し合うことで単色のときとは異なる見え方をする現象のこと。

また、対比する色が、色の三属性である「色相・明度・彩度」のどの属性に関わるかによって、対比の種類が分類される。

 

クリックで拡大

色相対比
色相対比*しきそうたいひとは、色みの異なる複数の色を組み合わせたとき、隣接する色の影響によって色相が変化し、本来の色みと差が生じる現象のこと。
 
例えば、赤の補色である青緑の影響を受けると、「黄みがかったオレンジ色」に見える。また、青緑の補色である赤の影響を受けると、「赤みがかったオレンジ色」に見える。

 

クリックで拡大

明度対比
明度対比*めいどたいひとは、明るさの異なる複数の色を組み合わせたとき、隣接する色の影響によって明度が変化し、本来の明るさと差が生じる現象のこと。
 
例えば、明るい色の背景に置かれたグレーは「より暗く」見える。また、暗い色の背景に置かれたグレーは「より明るく」見える。

 

クリックで拡大

彩度対比
彩度対比*さいどたいひとは、鮮やかさの異なる複数の色を組み合わせたとき、隣接する色の影響によって彩度が変化、本来の鮮やかさと差が生じる現象のこと。
 
例えば、鮮やかな色の背景に置かれた水色は「よりくすんで」見える。また、くすんだ色の背景に置かれたグレーは「より鮮やか」に見える。

 

クリックで拡大

補色対比
補色対比*ほしょくたいひとは、彩度対比の一種で、色相環上で正反対*補色関係にある色どうしを組み合わせると、互いの残像が影響し合い、本来の色より鮮やかに見える現象のこと。
 
例えば、赤の補色である青緑を背景にした場合、赤とうすいグレーの組み合わせよりも「鮮やか」に見える。また、黄の補色である青紫を背景にした場合も、黄とうすいグレーの組み合わせより「鮮やか」に見える。

 

クリックで拡大

ハレーション
明度差のない補色どうしの配色では、境界線がチカチカして見える現象が起こる。その対策としては、どちらかの色の明度を変えるか、2色の間に無彩色や金属色などの別の色を挟むこと方法がある。
 
セパレーション効果
強すぎる配色や弱すぎる配色を調和させるために、色と色の間に別の色を挟み、配色を効果的にみせる分離効果のこと。

 

クリックで拡大

縁辺対比
縁辺対比*えんぺんたいひとは、隣接する2色の明度段階が異なると、その境界線が際立って見える現象のこと。
 
例えば、暗い色に接する明るい色は「より明るく」見え、明るい色に接する暗い色は「より暗く」見える。

 

クリックで拡大

セパレーション効果
境界線に無彩色などの別の色を挟むことで、セパレーション効果により縁辺対比を回避することができる。

 

 

色の同化

ある色が隣接する色の影響を受け、互いの色に似て見える現象のこと。面積が小さく細かい図柄や、間隔の狭いストライプなどの配色で起こりやすくなる。

 

色相同化
色相同化*しきそうどうかとは、組み合わせる色の色みの違いよって、色が変化して見える現象のこと。
 
例えば、赤の影響を受けると黄は「赤みを帯びて」見える。また、緑の影響を受けると黄は「緑みを帯びて」見える。

 

明度同化
明度同化*めいどどうかとは、隣接する色の明るさの影響を受けて、色の明るさが変化して見える現象のこと。
 
例えば、明るい色の背景に置かれたグレーは「より暗く」見える。また、暗い色の背景に置かれたグレーは「より明るく」見える。

 

彩度同化
彩度同化*さいどどうかとは、組み合わせる色の鮮やかさの違いよって、色が変化して見える現象のこと。
 
例えば、赤の影響を受けたピンクは「より鮮やか」に見える。また、グレーの影響を受けたピンクは「くすんで」見える。

 

色の対比・同化・混色

背景色に挿入される色の細かさによって現れる現象が異なる。また、色を見る距離によっても変化し、挿入された色を近くで見ると「対比」、少し離れて見ると「同化」、さらに離れて見ると「混色」の現象が起こる。

 

対比
色が大きく挿入された場合、対比の現象が起こる。
 
例えば、白の影響を受けたグレーは明度対比の影響で「暗く」見える。また、黒の影響を受けたグレーは明度対比の影響で「明るく」見える。

 

同化
色が細かく挿入された場合、同化の現象が起こる。
 
例えば、白の影響を受けたグレーは明度同化の影響で「明るく」見える。また、黒の影響を受けたグレーは明度同化の影響で「暗く」見える。

 

混色
色がさらに細かく挿入されると、混色の現象が起こる。
 
例えば、白の影響を受けたグレーは明度の混色により「さらに明るく」見える。また、黒の影響を受けたグレーは明度の混色により「さらに暗く」見える。

 

色陰現象

 

クリックで拡大

色陰現象
色陰現象*しきいんげんしょうとは、グレーが有彩色に囲まれると、その有彩色の心理補色の影響を受けて色みを帯びたグレーに見える現象のこと。
 
赤の影響を受けたグレーは、「青緑みを帯びた」グレーに見える。
青緑の影響を受けたグレーは、「赤みを帯びた」グレーに見える。
黄の影響を受けたグレーは、「青紫みを帯びた」グレーに見える。
青紫の影響を受けたグレーは、「黄みを帯びた」グレーに見える。

 

面積効果

 

クリックで拡大


 

クリックで拡大

面積効果
面積効果*めんせきこうかとは、同じ色でも面積の大きさによって明るく見えたり、暗く見えたりする現象のこと。一般的に、色は大きな面積で見ると明るく鮮やかに、小さな面積で見ると暗くくすんで見える性質がある。
 
例えば、部屋の壁などの大きな面積の色を選ぶとき、小さな色見本だけで判断すると、実際に仕上がったときに見え方が少し違ってしまい、トラブルの原因になることもある。そのため、色を決める際には少し大きめのサンプルを参考にするのがおすすめ。
 
明るい色
明るい色は、同じ色でも「小さな面積」で見るより、「大きな面積」で見ると「より明るく」感じられる。
 
暗い色
暗い色は、同じ色でも「小さな面積」で見るより、「大きな面積」で見たときの方がで見ると「より暗く」感じられる。

この記事を読んでくださり、ありがとうございます。
ほんの少しでも、あなたの力になれているのなら
私にとっても、良き良きなことです。

デザイン