.

効果的なカラースキームを選ぶ

色の理論で大変興味深いことの1つに色の心理学があります。これは、人が色をどのように解釈し、どのようにその意味を活かすかについて説明してくれます。色は、人が製品、商品に対して抱く感情、決断の仕方、メッセージの理解の仕方などに影響を与えます。

色はアーティストやデザイナーにとって大変強力なツールです。その上手な活用方法を学ぶことは、成功への確かなステップとなります。新しいロゴデザイン考える時でも、webサイトのホームページを作る時でも、色が持つ意味と、それが何に関連するかを理解していれば、テーマを伝えるための最適な色を選ぶことができます。

虹のすべての色を活用する

赤は、ポジティブとネガティブの両方を想起させる大変インパクトのある色です。ポジティブな面で言うと赤は、力、情熱、自信を象徴します。しかし赤はまた、攻撃性、怒り、警戒、危険も象徴しています。だからと言って、赤を避けなければいけない、ということではありません。赤が有する両方の面と、その強い意味合いを有効に使うと良いでしょう。

目を閉じた人の顔のイラスト

「もしUIかUXインタラクションをデザインするなら、『削除』ボタンに青を使ってはいけません。こういう場合は『今から削除しますよ。削除してもいいですか?』と言う警告を伝える色を使うべきです」UIとUXのデザインを手がけるAliza Ackerman氏は語ります。

赤は人に早く決断をさせる色です。ファーストフードのブランドのほとんどが、赤を使っています。なぜなら赤は、身体的な反応を呼び起こし、人に空腹感と食欲を感じさせるからです。同様に企業は、セールのお知らせにも赤を使います。赤はメッセージの緊急性を伝えるからです。

オレンジ

オレンジは明るい色で、エネルギーに溢れています。オレンジが表す特性は、幸福感、遊び心、楽しみ、パワー、人目を引く、などです。このような特性をブランドやメッセージに取り込んでいきましょう。テクノロジーブランドの多くがオレンジを使っています。それは多分、こうした企業の前向きな姿勢と若いエネルギーを、オレンジが伝えてくれるからでしょう。

黄色

黄色は陽気な性質を意味し、カラーパレットにフレッシュな雰囲気を加えます。「黄色はとても強い色で、人目を強く引きます。私は、いつも黄色をアクセントとしてたっぷり使います」とAckerman氏は言います。赤と同様に、警告の意味合いもあれば、大胆で、メッセージをよく伝えてくれる色でもあります。

魚と共に泳ぐ人魚のような姿のイラスト
フクロウのイラスト

緑は色相環の中でも、最も汎用性のある色の1つです。日常生活の中で幅広く使われています。お金、木、食べ物、信号など、すべて緑色です。同じ緑でも、その色合いによってメッセージは大幅に異なります。自然との関連が深いオーガニックでヘルシーな雰囲気は、自然食品のブランドやヨガのスタジオに使用され、明るい色相の緑は、金融関係にもよく使用されています。「色調を落とせば、とても落ち着きのあるリラックスしたムードになり、極端に明るい緑なら新鮮でエネルギーいっぱいのイメージになります」とAckerman氏は付け加えます。

青は穏やかで、心を落ち着かせる親しみやすい色です。青は安全を守り、誰にでも気に入られる色です。使い方によっては、プロフェッショナルな雰囲気やフレンドリーな雰囲気も出すことができます。あらゆる産業のブランドが、会社のポジティブなイメージを築くために、この信頼性の高い青を使っています。

一方、青は悲しみも想像させ、気分が落ち込んでいる時には「ブルーな気分になっている」などと表現します。これは青がスペクトラムの中で、暖色の赤やオレンジとは反対の位置の寒色に属しているからです。しかし、青もやはり、色合いによって違う感情を引き起こすことができます。色を選ぶ時には、このことを念頭におきましょう。

「紫はとてもエレガントな色です。忠誠心を表す色なので、信頼を築きたい時には紫が最適な色です」とAckerman氏は言います。信頼性の他に、紫は神秘的な色としても捉えられています。この豊潤な色は、女性的な色としての伝統があるほか、古代から王家に関わりがあり、豪奢なイメージも備えています。

昔から言われている色の意味合いによってその使い方を限定する必要はありませんが、こうしたイメージが人の心に深く、または無意識に入り込んでいることを考慮し、自分のメッセージが意に反して違った意味に受け取られないよう注意しましょう。

キャンピングカーの前に座っている2人と、キャンピングカーの上で手を広げて座っている女性のイラスト

ピンク

「女性向けの商品を作っているブランドの多くが、ピンクを使っています」とAckerman氏は言います。育成と遊び心の、両方の感じを醸すピンクはパワフルな色で情熱、愛、若さを想像させます。強烈なホットピンクは切迫感があり、おとなしいダスティピンクは穏やかで中立のイメージがあります。

色 意味が年月を経て社会の中で変わっていくという点で、ピンクはその良い例です。かつて「少年」の色であったピンクは、今ではほとんど女性的な色とされています。

白はほとんどの場合、簡潔、純粋、清潔さを表します。デザインにコントラストを加える白は、きれいで何もない空間を生み、デザインが複雑過ぎてしまうのを防いでくれます。「白は他の要素に対してホッと息をつく空間を作ってくれます。そして注意を引きたいものが目立つように、その背景を作ってくれます」とAckerman氏は言います。

中間色で自然な色の茶色は「暖か味があり安心感があります」とAckerman氏は言います。正に地に根を下ろしたようなこの色は、見るとすぐに自然界の要素を思い起こさせます。オーガニックで健康的な感じを出したいなら、茶色はパレットに取り入れる最適な色です。

グレー

真の中間色である灰色は、ほとんどの場合、補佐的な色やアクセントとして使われます。どんな色でも、グレーでそれを強調したり見栄えを一層良くしたりすることができます。また静かな背景としても使えます。デザインを灰色で埋め尽くさないようにしましょう。中間色としてのバランスが崩れ、暗くてつまらない色になってしまいます。

公園を歩いている人のグレースケールのイラスト

黒は、メッセージに引力と力を加えるパワフルな色です。黒をたっぷり使うと、無駄のない洗練さを表すデザインになります。Webデザインにおいて、黒の背景に人気が高まっています。しかし、インターフェイスを暗く重苦しい感じにしないよう、注意しましょう。

大胆な黒は他の何よりも、テーマを確実に伝えてくれます。デザインにシャープさや洗練された真摯なトーンを加えたいなら、黒にかなう色はありません。

色選びのスキルを磨くためのヒント

色の意味合いは文化によって異なります

色は全世界共通の言語だと思いがちですが、いつもそういう訳ではありません。文化や国が異なれば、色も異なる意味合いを持つことがあります。「アメリカの文化では白は純粋さや純潔さ、簡潔さを象徴します。一方、中国では、白は死を想起させ、葬儀のときに着る白い服を意味します。」とAckerman氏は言います。グローバル市場に向けてデザインを発表する場合は、異なる文化がどのように色を捉えるかを調べて、誤って不適切なメッセージを送らないように注意しましょう。

色相、彩度、輝度という単語が含まれる3つの円

色合いは色と同じくらい重要

色には3つの要素があります。色合い、彩度、輝度です。カラーパレットを作る時、選んだ色と同じくらい重要になるのが色合いと色調です。暗いネイビーブルーは大胆で強さがあり、男性的な感じがしますが、ライトブルーやベイビーブルーは軽く、明るく、若さを感じさせます。色を選ぶ時には、その色に含まれている様々な色合いと、それが醸し出すそれぞれ違ったムードを考慮しましょう。

UXデザインの観点から見て、Ackerman氏はソフトな色合いを選ぶことが多いと言います。白黒の場合は特にそうするそうです。「真っ黒か真っ白のレベルから、少し明るさを落とします。大抵の場合、人の目に優しい、ソフトなグレーかオフホワイトを選びます。特にスクリーンの場合にはそうしています」

他の色とのコンビネーションも試してみる

色は他の色と組み合わせた時、新しい意味合いを持ちます。色を組み合わせることで、メッセージ性を強化することも、なくすことも、またはまったく新しい意味を持たせることもできます。作品に最適な色を選ぶには、試してみることが最良の方法です。 Adobeのカラーパレットジェネレーター使って、オリジナルのカラースキームを作り、それぞれ違った色の組み合わせの関係性を学びましょう。

良質なデザインは賢い色彩理論から始まります。色の背後にある心理学が理解できたら、さっそく色相環を用いてデザインを始めてみましょう。


提供元

Aliza Ackerman


word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word word

mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1
mmMwWLliI0fiflO&1