デザインに必須である色についてよく考えてみる。 Part2
| Posted by |  |
横山 夢乃 Yumeno Yokoyama |
みなさんこんにちわ、横山です。
今回は前回の続きで色についてよく考えてみましょう。
さて、前回は「膨張色」「収縮色」・「進出色」「後退色」
といった単体の色が持つ視覚効果について紹介しました。
今回は2つの色による組み合わせの効果について色々お話をしていきます。
色の対比には、大きく分けて5つございます。
①明度対比
周りの色の明るさによって同じ色が違って見える現象。
この２つのオブジェクト。それぞれ真ん中にあるグレーの色は全く同じ色ですが、
白に囲まれたグレーは明るく、黒に囲まれたグレーはより暗いように見えますね。
このように、明度差のある2つの配色は
明るい色をより明るく、暗い色をより暗くみせてくれるような視覚効果があります。
明度の高い色を目立たせる時は、周りに暗めの色を置くと目立ちやすいってことですね！
②縁辺対比
２色並ぶと、その２色の境界付近が強調されて見えるという現象。
縁辺対比によって、並んだ2色の境界付近は実際の色の差よりも差が大きいように感じてしまいます。
明るい方の境界付近はより明るく、暗い方の境界付近はより暗く見える。
といったように強調部分が所々にあるので、なんだかぼこぼこと波打ったように見えますよね。
解決策としては、色と色の間に無彩色を挟み込むとその現象は起きなくなります。
③彩度対比
周りにある色の彩度によって、同じ色が違って見える現象。
周りの色が高彩度であればあるほどメインの色はくすんで見え、
反対に彩度が低ければ低い程メインの色の彩度が鮮やかになったように感じます。
デザインをする時、なあんだか全体的にくすんで見えるような気がしたら
配色の彩度を気にしておいたら解決するかもしれませんね。
④色相対比
周りの色に影響を受け、色相がずれてみえる現象。
真ん中のオレンジは2つとも同じ色ですが、赤に囲まれたオレンジは少し黄色っぽく
黄緑に囲まれたオレンジは赤っぽく見られますね。
赤に囲まれたオレンジは、赤の補色である緑の方へと色相がずれて黄色っぽく。
黄緑に囲まれたオレンジは、赤紫の方へと色相がズレていき赤っぽく見えます。
背景の周りの色の面積が大きかったり、周りの色が鮮やかな色になるほど強い色相対比を生みます。
⑤補色対比
色相環で反対同士にある色を組み合わせると互いに鮮やかに見えるという現象。
こちらも真ん中の色は同じ色ですが、緑色の方がお互いにより鮮やかに見えます。
補色対比では、彩度の高い補色を組み合わせた場合、
色と色の境界がちらついて見える「ハレーション」という現象が起きます。
ハレーションを回避する方法としては、色と色の間に無彩色を入れる
もしくはどちらかの彩度を下げてしまえば起こらなくなります。
補色の組み合わせは、色の差が激しいので目立たせたい時にとても有効ですが、
ハレーションが起きてしまうので注意が必要な対比でもあります。
因みに、補色の組み合わせはだいたいこんな感じになってます。
このように、色々な対比を使って目立たせたいものを目立たせ、
際立たせたいものを際立たせる方法がいくつかございます。
映像の制作やデザインで色というものを効果的に魅せていく為に
色と色の組み合わせによる視覚効果をしっかり確認しておきましょう。
|
|
Posted by Yumeno Yokoyama
本社クリエイター 横山 夢乃
|
横山 夢乃が書いたその他記事
【 チームラボ 】久しぶりのチームラボ
【Luma Ai Dream Mchine】故人に会える！心優しいシステム【AI】
かわいい犬
【 おすすめ動画 】かわいい映像を見てみよう【 Youtube 】
【 2024年 】あけましておめでとうございます！【 MV紹介 】
【 最新AI機能 】凄すぎて人類が脅かされつつあるAI機能【 Midjourney 】
【 オススメ 】可愛い映像を見てモチベーションを上げていこう【 MV 】
【花火】圧巻！花火アートイリュージョン！
【 映像クリエイター 】今！一番気になるクリエイターさん『 イクミ 』さんに迫る！
【 オススメ！ 】異能派hip-hop集団『 StudioLama 』
【マッピング】センサーを設置するタイプのマッピング【Happy Wedding!】
【 圧巻！ 】Soundstorm 2022が凄い！【 EDMフェス 】
【RR-777】超低周波発生装置のご紹介
今月の映画【 5月編 】
【がんばれ日本！】2025年開催予定、大阪万博について
【スグ見るべき！】Netflixで是非見てほしいモノ4選‼︎ 【Netflix】
【2023年卒必見！】現在の学生の頭の中【2022年卒も必見】
【2022】2022は勝負の年！【今年の漢字】
この日を2年間待ってた！クリスマスにぴったりの映画『キングスマン』を見に行ったよ！
好きなMVや映像を紹介する日。
視覚文化を楽しむ為の本屋、青旗本屋。
Vlogが、今アツい！〜 意外と簡単⁉︎今すぐVlogを始めてみよう 〜
スマホカメラが本格カメラに！オススメのカメラアプリ3選！
新型コロナウイルスの影響によって、より加速していく『仮想空間』の世界。
映画『 るろうに剣心 最終章 The Final 』を見に行ったよ
趣味：動画アサリ
ホームページっていろいろある
ネットフリックス大魔神
ホームページ制作の極意~その2~
ホームページ制作の極意
ロゴデザインの極意 ~その3~
ロゴデザインの極意 ~その2~
ロゴデザインの極意
ホームページのデザインとコーディング
キャラクターデザインの極意 - その3 -
キャラクターデザインの極意 - その2 -
キャラクターデザインの極意
偉大なるアニメーション監督の方々。
写ルンですの実力。
好きなものについて語るターン【 CM編 】
映像クリエイターがK-POPにどハマりしております。
Vtuber " ピーナッツくん "
旅行にいきたい！
ママからのお願い
【 PSM 】間違い探し☆テクニカルチーム編
デザインに必須である色についてよく考えてみる。 Part2
デザインに必須である色についてよく考えてみる。
映像クリエイター兼ディレクターが液晶タブレットでイラスト制作！
アニメ【 呪術廻戦 】OPっぽいのを作ってみる
仕事納め
Wacom one 13
Let's ! Christmas ! Part 2
映画鑑賞部
読書の秋
海の中道芸人
サーモグラフィーモニターってご存知でしょうか？
友人と撮影大会
「4K」や「8K」について
ARMY入門
京都のいいところ
横山の休日 - 花嫁修業 -
横山の休日 - 九州産業大学の卒業制作展 -
横山の休日
【 2020 】あけましておめでとうございます【 2020 】
FILM CAMERA
Let's ! Christmas !
ブログ 2022-10-06 22:57:00
どうもこんにちは★ 山内です 久しぶりの投稿です 今日は2022年7月〜9月で新たなことにたくさんチャレンジさせていただきました プ ...
ブログ 2025-05-29 21:10:00
みなさんこんばんは＾＾ 今回は以前ブログに書いたChatGPTのPart2ということで、 最近私がハマっているChatG ...
ブログ 2023-12-29 02:45:00
こんばんは！ ついに新卒じゃなくなる、なかむら りんです！ 早くも2023年が終わりに近 ...
ブログ 2023-02-28 11:04:00
話題のChatGPT みなさんご存知でしょうか。 ChatGPTとは ...
ブログ 2020-03-13 22:21:00
今回お邪魔したのは、天文館にあるスパイスカレー 「Cafe Anniv(カフェアニヴ)」さ ...
ブログ 2020-08-29 20:07:00
こんにちは、ホーリーです。 ホームページを作ろう！ と意 ...
ブログ 2022-07-30 10:19:00
こんにちは！ 深田雄太です！ WEB上で物やチケットを販売する案件があり いろいろ調べてSquareというサイトで運営 ...
ブログ 2020-04-18 15:47:00
新型コロナウィルスの影響で自粛要請...会社も一部休業 > <とはいえ､誰にも会わずに１人でマイカーで出かけることは出来る！今回 ...
ブログ 2025-11-29 17:13:00
みなさんこんにちは！福岡です！ 今回、大人気コミックの「SPY×FAMILY」のミュージカルを観に行ってきました。 ２０２３ ...
ブログ 2024-04-30 22:56:00
お久しぶりです！ 手嶋です。 ついに入社式を迎え社会人生活スタート！！ …と思っているうちに１ヶ月が過ぎました。 こう ...