第1回では、「虹色のタコ」という言葉に込めた意味について書きました。
タコの8本の足は、デザインを支える8つの考え方。
その第1の足が「色彩」です。
色は、デザインの中でも特に感覚で語られやすい要素です。
- 「赤の方が目立つ」
- 「青の方が好き」
- 「もっと明るくしたい」
- 「この色はなんとなく違う」
こうした言葉は、デザインの現場でよく出てきます。
もちろん、色に対する感覚は大切です。
美しいと感じること。違和感に気づくこと。印象の違いを感じ取ること。
それ自体は、デザイナーにとって必要な力です。
しかし、色を「好き嫌い」だけで決めてしまうと、デザインは目的から離れてしまいます。
色は、感覚だけで扱うものではありません。
色彩学であり、色彩心理であり、人の視覚に関わる科学的な要素でもあります。
だからこそ、色は学ばなければならない。
そして、目的と根拠を持って選ばなければならないものだと考えています。
色は、飾りではなく情報である
色は、画面や紙面をきれいに見せるためだけのものではありません。
色には役割があります。
- 情報を整理する。
- 重要度を伝える。
- 注意を促す。
- 安心感をつくる。
- 信頼感を与える。
- ブランドを記憶させる。
- 行動を促す。
つまり、色は飾りではなく情報です。
たとえば、Webサイトのボタンを考えるとき、単に「目立つから赤にする」とは限りません。
赤は注意を引きやすい色です。
しかし、サービスの内容や文脈によっては、強すぎたり、不安を与えたりすることもあります。
青は信頼感や冷静さを感じさせやすい色ですが、使い方によっては冷たく見えることもあります。
色そのものに、いつでも通用する絶対的な正解があるわけではありません。
正解は、目的によって変わります。
「目立つ色」ではなく「目的に合う色」を選ぶ
色を考えるとき、よく出てくる要望があります。
「もっと目立たせたい」
これはとてもよくある言葉です。
しかし、ここで考えるべきなのは、ただ目立てばよいのか、ということです。
何を目立たせたいのか。
誰に気づいてほしいのか。
どの行動につなげたいのか。
その色は、全体の中で本当に機能しているのか。
すべてを目立たせようとすると、結局何も目立たなくなります。
赤、黄色、太字、大きな文字、強い背景色。
全部を同時に使えば、画面はにぎやかになります。
しかし、ユーザーにとっては、何を見ればいいのかわからなくなることがあります。
目立つことと、伝わることは違います。
デザインで大切なのは、目立たせることそのものではありません。
必要な情報が、必要な順番で、必要な人に伝わることです。
そのために色を使う必要があります。
色は、言葉から決める
私は、色を決めるときに、自分の好みから入らないようにしています。
まず見るのは、依頼者の言葉です。
- 何を大切にしているのか。
- 誰に届けたいのか。
- どんな印象を持ってもらいたいのか。
- どんな未来を目指しているのか。
- 何を避けたいのか。
そうした言葉を拾い、整理し、色に変換していきます。
印象を言葉にする
たとえば、伝えたい印象が「安心感」なのか。
「革新性」なのか。
「親しみやすさ」なのか。
「高級感」なのか。
「スピード感」なのか。
そこが変われば、選ぶ色も変わります。
色は、デザイナーの気分で選ぶものではありません。
依頼者の言葉、サービスの目的、ユーザーの状況から導き出すものです。
だからこそ、後から説明できます。
「私はこの色が好きです」ではなく、
「この目的に対して、この色が適切だと考えました」と言える。
それが、デザインにおける色の選び方だと思っています。
配色は、1色ではなくルールで考える
色彩で大切なのは、単に「何色を使うか」だけではありません。
むしろ大切なのは、配色のルールです。
- メインカラーは何か。
- サブカラーは何か。
- アクセントカラーは何か。
- 背景色はどうするのか。
- 文字色は読みやすいか。
- 警告やエラーはどう表現するのか。
- リンクやボタンはどう見せるのか。
こうしたルールがないと、デザインは場面ごとにぶれていきます。
- ページが増えるほど統一感がなくなる。
- 担当者が変わると色の使い方が変わる。
- バナーごとに印象が違う。
- ボタンの色が毎回違う。
- 重要な情報と装飾の色が混ざってしまう。
これでは、ユーザーにとっても、運用する人にとってもわかりにくくなります。
配色ルールは、デザインの品質を保つための仕組みです。
色を自由に使うためには、まずルールが必要です。
ルールがあるからこそ、必要な場面で柔軟に変化できます。
色彩学は、感覚を否定するものではない
ここで誤解してほしくないのは、色彩学や理論は、感覚を否定するものではないということです。
感覚は大切です。
ただし、その感覚を「なんとなく」で終わらせないことが重要です。
- なぜ明るく感じるのか。
- なぜ重く感じるのか。
- なぜ安心して見えるのか。
- なぜ読みにくく感じるのか。
- なぜ目立って見えるのか。
その理由を考えるために、色彩学があります。
色は学ぶべきもの
- 色相
- 明度
- 彩度
- 補色
- 類似色
- トーン
- コントラスト
- 色彩心理
- 視認性
- 可読性
こうした知識は、デザインを難しくするためのものではありません。
感覚を言葉にし、判断に根拠を持たせるためのものです。
「なんとなく良い」ではなく、
「なぜ良いのか」を考える。
「なんとなく違う」ではなく、
「何が目的に合っていないのか」を考える。
そのために、色彩学は必要です。
色はセンスだけで扱えるものではありません。
人の印象、認知、視覚、行動に関わるものです。
だから、学ばなければならない。
そして、学んだうえで目的に合わせて使い分ける必要があります。
色は、人によって見え方が違う
色を考えるときに、もうひとつ忘れてはいけないことがあります。
それは、色の見え方は人によって違うということです。
- 画面の明るさ
- 見る環境
- 年齢
- 視力
- 色の感じ方
- ディスプレイや印刷の違い
同じ色を使っていても、すべての人に同じように見えているとは限りません。
だから、色だけに意味を頼りすぎてはいけません。
たとえば、エラーを赤だけで示す。
重要な情報を色の違いだけで伝える。
リンクかどうかを色だけで判断させる。
これでは、伝わらない人が出てくる可能性があります。
色は強い表現手段です。
しかし、色だけに頼るのではなく、文字、形、配置、余白、アイコンなどと組み合わせて伝える必要があります。
ここで、色彩はアクセシビリティともつながります。
デザインの8本の足は、それぞれ独立しているようで、実際には深く関係しています。
色を選ぶ前に考えること
色を選ぶ前に、まず考えるべきことがあります。
- 誰に届けるのか。
- 何を伝えるのか。
- どんな感情を持ってほしいのか。
- どんな行動につなげたいのか。
- どの情報を優先して見せたいのか。
- 長く運用できる配色ルールになっているか。
- 見やすさ、読みやすさは保たれているか。
これらを考えずに色を選ぶと、配色は単なる好みの勝負になります。
「私はこの色が好き」
「私はこっちの方が良いと思う」
そうなると、議論は平行線になりやすい。
しかし、目的が明確であれば、色の判断は変わります。
このユーザーに安心感を与えるため。
このボタンを次の行動として認識してもらうため。
このブランドの信頼感を崩さないため。
この情報の優先順位を伝えるため。
目的があるから、色に根拠が生まれます。
第1の足としての色彩
色彩は、デザインの入口に見えやすい要素です。
見た瞬間に印象を左右するため、良くも悪くも注目されます。
だからこそ、好き嫌いで判断されやすい。
しかし本来、色は論理的に扱うべきものです。
色は、情報であり、感情であり、導線であり、ブランドであり、ルールです。
きれいに見せるためだけではなく、伝えるために使う。
目立たせるためだけではなく、迷わせないために使う。
好みで選ぶのではなく、目的に合わせて選ぶ。
これが、私が考える「第1の足：色彩」です。
虹色のタコは、ただ派手なタコではありません。
さまざまな色を理解し、目的に合わせて使い分ける存在です。
自分の好きな色に固まらず、相手と状況に合わせて配色を変えられる存在です。
デザイナーも、そうあるべきだと思っています。
次回予告：第2の足「構成」
次回は、第2の足である「構成」について考えていきます。
色を選んだとしても、それをどこに、どの大きさで、どの順番で配置するかによって、伝わり方は大きく変わります。
デザインは、色だけでは完成しません。
次回は、情報をどう並べ、どう見せるかという「構成」について掘り下げていきます。
コメント