普段から配色を意識していると、色についてのセンスが良くなったり、色使いが上手くなったりします。

普段から配色を意識していると、色の組み合わせ方が自然と身に付いていきます。

この記事では、基本となる「色相・明度・彩度」の考え方や、色相環を使った配色のコツを紹介します。

色相環(カラーホイール)
出典:武蔵野美術大学 造形ファイル

色の3属性とは、色相・明度・彩度

色は3つの属性、色相・明度・彩度で示すことができます。

3属性を意識すると例えば、「目立たない青色」を作るためには「明度と彩度を下げる」と考えられるようになります。

デザイン系アプリ《Adobe Illustrator》などは、色決めを3属性から指定できます。

色相とは、色の種類です。色を円状に配置したものが、色相環しきそうかんです。

対極にあるのを“補色”といいます。言い換えれば、最も似ていない色です。

ファッションで使われる「差し色」は、ベース色に対しての補色であることが多いのではないでしょうか。

配色術

色相環を踏まえた配色

色相環で離れた位置にある色を組み合わせると、目立つ配色になります(上図左)。

一方、近い色同士でまとめると落ち着いた印象に(上図右)。ただし、色覚特性のある人には区別しづらいことがあるため、注意が必要です。

行政や大手企業では、カラーユニバーサルデザインについてのガイドラインを定めているところがあります(参考:川崎市カラーUDガイドライン)。

色相に意味を持たせる

姉妹メディア《駅ずかん》の駅構内図は、エレベーターやエスカレーターは緑系にするなど、色相に意味を持たせています。

あるメーカーのUIでは「赤色は警告だけに使う」というデザインルールがありました。

色相に意味を持たせることで、説明文を減らせる効果があります。

明度対比と彩度対比

周辺色に影響をうける

隣接する色に影響を受けて、色の明るさや濃さの感じ方が変わります。これを“明度対比”や“彩度対比”と呼びます。

上図の丸は同じ色です。しかし、周囲の色によって明るく感じたり暗く感じたりします。

色が時間の感覚に影響する

時間の感覚が変わる

色は見た目の印象だけでなく、人の心理にも影響を与えることが知られています。

その一例として、赤色を見ていると実際より時間を長く感じ、青色を見ていると短く感じるという実験結果があります。

「時計を持たずに60分経ったら出てきて」とお願いすると、赤い部屋に入った人は 40〜50分ほどで出てくる一方、青い部屋にいる人は70〜80分くらい出てこなかったそうです。

出典:広告リンク 『マンガでわかる色のおもしろ心理学』ポーポー・ポロダクション:著

配色見本として写真を撮る
気になった景色を撮っておくと、配色のヒントになる

感性を磨く方法

配色の感性を磨く場は、日常にたくさんあります。

ファッション誌を見たり、ショップ巡りをしたりすることは、良い配色を吸収できる機会です。また、自然の風景も参考になります。

特に色数が少ないと、ヒントになりやすいです。例えば、駅の案内板・施設マップ・ショーウィンドウなど。気になったら、スマホで撮っておくことをおすすめします。

図書館で画集を見るのもおすすめです。

また、コンビニで同じカテゴリーの商品を見比べるのも面白い方法です。冬季の缶コーヒーは赤系が多い、など気付けることがあるかもしれません。

配色トレーニング課題
受講生作品

配色トレーニング

最後に、配色トレーニングの課題を紹介します。

5×5マスに対して、任意の3色の中から一つ選ぶルールです。

テーマを「甘い」と「辛い」など対にして、その印象を与えられるかというトレーニングです(上図参照)。

複数人で行うと違いが刺激になります。

このガイドについて

カテゴリ
ガイド記事, 視覚系デザイン
特徴タグ