新着記事プロフィールmenuデザイナー長期保存版!Webデザイン、グラフィック、DTP...製作に役立つ「色彩心理学」2014.10.9デザインすみません、目次が超絶長いです。Webデザインのネクストステップは心理学だと思います。「これをこうするのにはこんな意図があって、それはこれを表現してる”」というノウハウ的な部分だと思います。メモのために色彩心理学、色が成し得る効果についてメモします。Webデザインのネクストステップは「色彩心理学」。実はかなり影響を与えています。調査対象のうち85%が、物を購入する時に「色」を第一の理由としており、93%の人はビジュアルをちゃんと見ています。問題で店に戻らなかった人は約半数、52%もいます。Aaker氏の論文で、ブランドイメージとカラーが一致していることの重要性を説いています。「ハードでクールなイメージのない、『ピンク色のハーレーダビッドソン(バイク)』を購入するか?」もちろん、NOである。そのプロダクトにとって何のカラーが適切か明確なガイドラインはありませんが、カラーがブランドと一致し、説得する役割を果たすことが重要です。新しいブランドである場合、イメージの強い競合が持つカラーと違うカラーにブランドカラーを設定することで差別化が図れますがその際は気を付けること。消費者が好む色は?消費者の多くは、類似色からなるカラーパターンや、アクセント色とのコントラストが強い配色を好むとされています。活発な補色を用いることがコンバージョンを誘発する手段というのは研究からも裏付けられているそうです。上の図はどちらもカラーコーディネート的に違和感はありませんが、右の赤いボタンのページのほうが21%もコンバージョン率が高いそうです。よるもの)確かに違和感はないのですが、周囲に、左の図の緑ボタンと同じ色相の要素が多いように感じます。彩度でボタンを際立たせていますが、調和してしまうのは免れないようです。Branding日常で色にどんな影響を受けているのか?色別に分類した図が、上のものです。実際に書き出してみると、「あぁ、なるほど」ですよね。影響を受けている経験があるからです。周りにある色の影響を受けて、対象の色が本来よりも暗く見えたり明るく見えたりすること。背景と対象を比べ、背景の色の彩度の影響で対象の彩度が高く見えたり低く見えたりすること。彩度の低い背景に、同じ色相で背景より彩度の高い色を置くと対象の彩度は本来よりも高く見える。逆に、彩度の高い背景に、同じ色相で彩度の低い色を置くと対象の彩度は本来よりも低く見える。する色どうしが影響して、色相がすこしズレて(若干違う色に)見えること。隣接させることで、お互いの彩度が増したように見えること。2色感の明度差が少ないほど、効果が大きい。AとBの緑は同じ色だが、Aは左に補色である紫があるために、影響を受けて、Bの緑よりも彩度が高く見える。色が隣り合わせるその境目で、隣の色の影響を受けてギリギリの”縁”が明るく見えること。黒い服を着ると引き締まって見え、白を着ると太って見える。じ平面に存在しても、突出して見える色、奥にあるように見える色のこと。同じ色を、小さな面積と大きな面積で見比べた場合、色みや明るさに差が出ているように見えること。明るい色は大きな面積の場合のほうが、いっそう明るく見える。暗い色は面積が大きい場合のほうが、いっそう暗く見える。家具や布生地のカラーサンプルと実物を比べた場合など、これに当てはまる。背景色が、柄の影響を受けて、柄の色相に偏って見えること。背景色が、柄の影響を受けて、柄の明るさに偏って見えること。背景色が、柄の影響を受けて、柄の彩度に偏ってハッキリした色に見えること。上に乗せている柄の影響で、Aのほうがハッキリとした背景色に見え、Bはくすんで見える。色相やトーンが似ている色を組み合わせたとき、調和すること。色相やトーンが対照的な場合には調和すること。変化を出すことができる。図「対照の調和A」は色相環上、対象の位置にある色どうしの配色。保つ心理的な効果」のメモでは、ここから細かく別れた各カラーがもたらす心理的な影響をメモしていきます。カラーコードはこちらを参考にしていますが、これらは必ずしもこのカラーコードのみが正解ということではなく、あくまで一例として捉えてください。人や、上で述べた「明度の同化」や「色相の同化」により表現の仕方が異なってしまう場合があるかもしれません。併せて、ご覧頂いただいている方へ。効果を保証するものでは一切ございませんよ。※2015年2月7日追記:カラーサンプルを追加しました。ディスプレイの設定により若干の差は生じますが、ご参考ください!ピンク#FFC0CBピンクを使ったWebサイトピンク色の効果は?女性らしさ。誰かに甘えたい、愛されたい乙女の象徴。女性ホルモンの分泌を調整するとも言われる。女性に最も好まれる色であると同時に、「女性らしさ」に距離を置く女性などには最も嫌われる色という説も。穏やかなピンクは筋肉の緊張・弛緩を数値化した「ライトトーナス値」が最も低い色とされており、交感神経に働きかけて脳を活性化し、血行を良くする。味覚的な甘さを刺激する色で、ダイエットの時に取り入れるには注意が必要。イライラしがちなとき、攻撃に敵になってしまうとき、また、穏やかに話し合いを進めたいときなど取り入れると良いかも。ピンクを好む人はロマンチスト。辛いこと、逆境からは逃避する傾向があり愛されたい、優しくされたい願望がある。他人に対する愛情を大切にし、気配りのできる優しさとの二面性を持つ。ローズ・ピンク#EE8EA0ピンクよりも深みがあり、より大人な女性らしさ、母性の演出。ショッキングピンク#ff0099セクシャルな要素が強いピンク。女性としての魅力をよりアピールしたいときに活用できる。反対に、「体力回復」の意味合いもある。マゼンタ#FF00FF色彩心理の中で、マゼンタは、優しさ、親切さ、思いやりを意味する。マゼンタが好きな人には、性格や個性が強い人が多い。サーモン・ピンク#FF9E8C”素直で明るい”を意味する「白」と“愛情と生命力”の「ピンク」が混ざった色のため、そんな感じ。反面、深層心理では良からぬ欲望が渦巻いている可能性がある。ベビー・ピンク#FEC6C5「ピンク」はいろいろな欲望を含んだ色とされており、「白」は”潔癖性を求めたり”、”何かを放棄したいときに選ぶ色”とされている。いうことは、ベビーピンクに注目が行くときは、疲れていたり精神的に参っていたりある種の危険信号かも。コーラル色#FF7F50オレンジに近いとされており、人気、愛情、暖かさ、自己愛などを意味する。朗らかで、良い第一印象を与えることが出来る。チェリーピンク#D35889“愛情と生命力”を示す「ピンク」に、エネルギーの象徴である「赤」が入った色。人間関係を前向きにしたいときに良い方向に働くかもつつじ色#DF548F前述のとおり、エネルギーの象徴である「赤」と”感受性・神秘性”を意味する「紫」の混ざった色。悩んでいるのではなく、成功させようと考えている時に選ぶ色との見方があり、比較的良い精神状態の時に選ぶケースが多いとのこと。刺激し、内分泌系の働きを鎮静化させたり、催眠効果、発刊を抑える効果を持つ。ビジネスや学習のシーンに多用されているカラー。連想させる効果もある。誠実さを感じさせる色で、一対一のコミュニケーションをスムーズにする。自尊心の強さ、見栄、負けず嫌いなど、頑固なほど意思の強い人が青を好む。水色#9DCCE0色彩心理の中で、水色は、(10代に近い)若さ、冷静さ、自由などを意味する。スカイブルー#89BDDE青系の色。冷静さの象徴でもある。“自分自身をしっかりとコントロールしたい”意志の表れ。シアン#00FFFF落ち着きのある「青」の中でも、「緑」のもつ暖かさも合わせており、自分に落ち着きをもたらしたい人が用いると良い色。紺(ネイビー)#1D3156紺を使ったWebサイト紺色(ネイビー)の効果は?真面目さ、知的さを意味する。ビジネスシーンなどでよく用いられるので、信頼感がある色として広く印象を持たれている。収縮色なので、ファッションにおいては着痩せして見えたりするが、基本的には男性系統の色。身に付けると、少し近づきにくい印象も与える。一直線に、猪突猛進に、突き進んでいく姿勢のあるとき(または、そうありたい)に紺を選ぶ傾向があるとされる。インディゴ#4B0082紺よりも深い青?黒が強いので、尊敬や信頼感を集めやすい。つゆくさ色#2595C7ベースである「青」本来の冷静さと落ち着きのほか簡素さ、また、上品さや清潔さを表す。基本的には良い精神状態のときに選ばれる。アイアンブルー#3A4861理性的な「青」に加え、”神経質な気持ちですとか、不安定さを表している”とも言われる「グレー」が混ざった深い色。冷静かつ消極的な印象。基本的にエネルギー低めな色。紫(パープル)#7C4B8D紫を使ったWebサイト紫(パープル)色の効果は?「活発な赤」と「抑制の青」という正反対の属性が混ざり合った色。感性を磨き、情緒豊かな気分を誘う。自分の直感に頼って判断するようになること、より美しいものを自ずと選ぶ心理作用がある。精神的疲労を緩和し、気持ちを穏やかにしストレスを軽減するとされる。想像/創造力を促進させる色である。体の回復を図ろうとして本能的に惹かれる色であるとも言われる。紫を好む人は芸術的で神秘的な面が強く情緒不安定的で協調性に掛ける。ラベンダー#E6E6FAどちらかというと落ち着きを求めている反面どこか期待している人が利用しがち。何かを求めている、そのような色彩心理がありますので、ラベンダーは心機一転する際や新しいチャレンジを試みようと思っている人にとって良い色。桔梗#4347A2「紫」に、「紺」のエッセンスが加わっている。堅実な色であるとされている。江戸むらさき色#614876感受性の豊かさを表す”紫”と愛情面に優れた「ピンク」の合わさった色。精神的に満ちている状態を表現する色とも言える。ディープロイヤルパープル#47266e濃い紫。心を穏やかにする効果や、思慮深い、大人な印象をあたえる。赤(レッド)#FF0000赤を使ったWebサイト赤(レッド)色の効果は?壮大さや情熱をイメージさせるエネルギッシュな色。怒りや憎しみなどネガティブな面にも作用し、アドレナリンを分泌させる。血や肉、熟した果実の色であるため、「生命に直結する色」として遠い昔から人間は本能的に赤に反応するようになった、と考えられている。赤を選ぶときは、外向的、新しいものや刺激を求める状態で、積極的なリーダータイプの人に好まれやすい色である。暖色の代表的な色で、赤に囲まれた部屋では、交感神経が刺激され、脈拍と体温が上がることで血流が良くなり体感温度が2°C~3°C上がるという研究結果も報告されている。ダイエットで代謝を高める効果がある。セックスアピール的な面も持つ。ワインレッド#80273F性的衝動を駆り立てる。完成を豊かにし、才気を感じさせることが出来る。女性への怒り・悲しみなどが含まれていると言われているので注意。橙(オレンジ)#FFa500オレンジを使ったWebサイト橙(オレンジ)色の効果は?活発で開放的、実りをイメージする色。恐怖やプレッシャーによる心の不安や抑圧を取り除く効果があり、前向きな気持ちに作用し、健康的で、躍動感や賑やかさを感じさせる。進出色/膨張色であるため大きくみせることができる。(=衣服においては太って見える)オレンジを好む人は明るく社交性に長けており、愛想が良く印象が良い。ナンパされやすい色、食欲を湧かせる色でもある。ライトオレンジ(ジェネ)#FEB041明るく優しい気持ちになる。柿色#DB5C35体温を上昇させたり、前向きな気持にさせてくれる。赤のように直接期な作用ではなく、もっと間接的に働きかける色。オレンジ同様に少々ネガティブな人や、人間関係を円滑にしたい人などが用いると効果的。目で捉えやすい領域の色。無意識のうちに、疲労を避けて選ぶ色である。子供用部屋に緑を使うと、人間関係を作るのが上手になる、安心考えられるなどの効果があるとのこと。マイペース」といった印象があるため、補色の赤とは正反対のイメージを持つ色。そのため、積極的で活発な人からは好まれない。ライム#00FF00ライムを好む人は、新しい事が好きな分、楽しい事だけを選んで行う傾向があり、努力や我慢と言った事が苦手。チャレンジングなエネルギーを提供する色。アップルグリーン#A2D29E「緑」をベースに、若干「黄色」を含む。精神安定や緊張緩和でコミュニケーションを円滑にする色。深緑色#004E2D落ち着きを与え、緊張緩和やリフレッシュ効果がある。エメラルドグリーン#00A474落ち着き、安心感を与える。