ブログ - 2021-01-18 12:12:00

デザインに必須である色についてよく考えてみる。 Part2

Posted by 横山 夢乃
Yumeno Yokoyama

 

 

 

みなさんこんにちわ、横山です。

今回は前回の続きで色についてよく考えてみましょう。

 

 

さて、前回「膨張色」「収縮色」・「進出色」「後退色」

といった単体の色が持つ視覚効果について紹介しました。

今回は2つの色による組み合わせの効果について色々お話をしていきます。

 

 

色の対比には、大きく分けて5つございます。

 

 

 

①明度対比

周りの色の明るさによって同じ色が違って見える現象。

 

 

 

 

この2つのオブジェクト。それぞれ真ん中にあるグレーの色は全く同じ色ですが、

白に囲まれたグレーは明るく、黒に囲まれたグレーはより暗いように見えますね。

このように、明度差のある2つの配色は

明るい色をより明るく、暗い色をより暗くみせてくれるような視覚効果があります。

明度の高い色を目立たせる時は、周りに暗めの色を置くと目立ちやすいってことですね!

 

 

②縁辺対比

2色並ぶと、その2色の境界付近が強調されて見えるという現象。

 

 

 

 

縁辺対比によって、並んだ2色の境界付近は実際の色の差よりも差が大きいように感じてしまいます。

明るい方の境界付近はより明るく、暗い方の境界付近はより暗く見える。

といったように強調部分が所々にあるので、なんだかぼこぼこと波打ったように見えますよね。

 

 

 

 

解決策としては、色と色の間に無彩色を挟み込むとその現象は起きなくなります。

 

 

③彩度対比

周りにある色の彩度によって、同じ色が違って見える現象。

 

 

 

 

周りの色が高彩度であればあるほどメインの色はくすんで見え、

反対に彩度が低ければ低い程メインの色の彩度が鮮やかになったように感じます。

デザインをする時、なあんだか全体的にくすんで見えるような気がしたら

配色の彩度を気にしておいたら解決するかもしれませんね。

 

 

④色相対比

周りの色に影響を受け、色相がずれてみえる現象。

 

 

 

 

真ん中のオレンジは2つとも同じ色ですが、赤に囲まれたオレンジは少し黄色っぽく

黄緑に囲まれたオレンジは赤っぽく見られますね。

赤に囲まれたオレンジは、赤の補色である緑の方へと色相がずれて黄色っぽく。

黄緑に囲まれたオレンジは、赤紫の方へと色相がズレていき赤っぽく見えます。

背景の周りの色の面積が大きかったり、周りの色が鮮やかな色になるほど強い色相対比を生みます。

 

 

⑤補色対比

色相環で反対同士にある色を組み合わせると互いに鮮やかに見えるという現象。

 

 

 

 

こちらも真ん中の色は同じ色ですが、緑色の方がお互いにより鮮やかに見えます。

補色対比では、彩度の高い補色を組み合わせた場合、

色と色の境界がちらついて見える「ハレーション」という現象が起きます。

ハレーションを回避する方法としては、色と色の間に無彩色を入れる

もしくはどちらかの彩度を下げてしまえば起こらなくなります。

 

補色の組み合わせは、色の差が激しいので目立たせたい時にとても有効ですが、

ハレーションが起きてしまうので注意が必要な対比でもあります。

 

因みに、補色の組み合わせはだいたいこんな感じになってます。

 

 

 

 

 

このように、色々な対比を使って目立たせたいものを目立たせ、

際立たせたいものを際立たせる方法がいくつかございます。

映像の制作やデザインで色というものを効果的に魅せていく為に

色と色の組み合わせによる視覚効果をしっかり確認しておきましょう。

 

Posted by Yumeno Yokoyama
本社クリエイター 横山 夢乃

横山 夢乃が書いたその他記事

2024-02-15
かわいい犬
2023-02-22
2020-12-28
仕事納め
2020-12-14
Wacom one 13
2020-11-29
映画鑑賞部
2020-10-30
読書の秋
2020-10-01
海の中道芸人
2020-07-31
ARMY入門
2020-01-31
横山の休日
2019-12-29
FILM CAMERA

ブログ TOP

ブログ 2022-12-19 18:49:00

こんにちは、桑原です。   テキストにアニメーションをつけるとき 大体の人がプリセットから選んでるのではないかと思います。 ...


ブログ 2021-01-31 14:19:00

こんにちは、ホーリーです。     最近カメラにすっかりお熱でございます。 しかも念願の単焦点レンズが今日届くよ ...


ブログ 2025-12-31 15:23:00

「スキルは量でカバーできる」 さて2025年ラストのブログということで何を書こうかなと考えたんですが、 あらためて仕事で一番大事なことっ ...


ブログ 2022-02-04 19:24:00

こんにちは! 深田雄太です!   また新型コロナウイルスの感染が拡大しており。 イベントや旅行など外へ出る行動が制限されて ...


ブログ 2024-12-20 10:47:00

師走ってなんでこんなに忙しいんだ・・・   とういうかイベントが多すぎる   ・年賀状   ・お歳 ...


ブログ 2021-01-30 21:29:00

  こんばんは   そろそろ野球を見に行きたいひきちひきです;;       ...


ブログ 2019-12-31 23:22:00

年の瀬にこんばんは、ほーりーです 2020年も顔を出し始めたこの頃いかがお過ごしでしょうか!     さて、先日 ...


ブログ 2021-02-06 22:47:00

どうもこんばんは山内です★ 本日は私達がいつもお世話になっている結婚式場の姉妹店についてお話していきたいと思います!!! 私たちがメイン ...


ブログ 2025-02-22 18:00:00

こんにちは、瀬元です!   先日、ドローンなどでお馴染みのDJIからスマートフォン用ジンバル Osmo Mobile 7,7 ...


ブログ 2024-02-23 14:32:00

こんにちは!お久しぶりです。   23卒の牛です。       2024年ですね!!!! ...