ブログ - 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

ブログ 2019-08-29 20:07:00

こんにちは、しばたです。 先日研修でラスベガスへ行ってきました!!大好きな舞台をアメリカで観れると言うことで3年前からすっごく楽しみにして ...


ブログ 2023-04-24 00:00:00

こんにちは、瀬元です!   ちょうど1ヶ月前に遡るのですが、 3/24に東京・有明アリーナで行われたHarry Styles ...


ブログ 2021-01-24 19:59:00

こんにちは、ホーリーです。   商用利用可のフリー音源を扱っているサイトは沢山ありますが やはり知名度、使用率がぶっちぎりで ...


ブログ 2021-01-09 18:54:00

  拡張現実、通称AR(Augmented Reality)     「ポケモンGO」にも採用され ...


ブログ 2021-01-25 14:37:00

誕生日プレゼント何にするか、悩む人も多いと思います! この間もらったプレゼントが嬉しかったので 参考までにご紹介しますね♪   ...


ブログ 2021-02-01 17:53:00

こんにちは、ホーリーです。     どんなにいい商品があっても知られていなければ売れることはありません。 それは ...


ブログ 2020-12-24 12:25:00

みなさん!クリスマスイブですよ! 小さな子供たちはサンタがいつ来るかいつ来るか・・とそわそわする日ですね^^     ...


ブログ 2021-02-21 11:49:00

  今日はとっても天気がよくて 鹿児島はおさんぽ日和です♪     映像やムービング、HP制作などに ...


ブログ 2023-11-13 21:00:00

こんにちは、瀬元です!   先日、東京研修についてを綴ったブログをアップしましたが、 実は僕、私情で1日早く東京へ行ってまし ...


ブログ 2019-06-25 14:37:00

誰もが見ることができる星。 でもカメラを通して見る星はさらに素晴らしい!   写真のように各地で綺麗な星を見ることができます ...