• 130k
  • 5
ウェブデザイン \ 2017年5月26日

Webデザインと色彩心理学:色と心理の不思議な力

世界は色で溢れています。

私たちは常に色に触れ、個人的または文化的な背景をもとに、色と感情を結び付けています。たとえば、ある物を人に説明するとき、最初に色を伝える人も多いのではないでしょうか?これは私たちにとって色がどんなに大事かを表しています。

ウェブデザインにおいても、色はサイトの構成やナビゲーションと同じくらい重要です。色を使って、サイト訪問者の注意を引いたり、ブランドの雰囲気を表現したり、あなたが訪問者に期待する行動(商品の購入、申し込み、問合せなど)を効果的に促したり…

ロゴや背景、ボタンなどの色全てがホームページのユーザーエクスペリエンスを向上させ、ブランドイメージをアップさせる要因の一つになります。

ホームページで伝えたいメッセージをきちんと伝えるために、色彩心理学の基礎を理解し、ホームページや会社のブランディングに利用しましょう!

色彩心理学の基礎

まずは、代表的な色とそれぞれの色が与える印象をみていきましょう。次に、Facebook、コカ・コーラ、Appleのロゴを思い浮かべてみてください。

色が与える心理効果

ロゴと一緒に、青、赤、白の色が頭に浮かびませんでしたか?これらのロゴの色は漠然と選ばれた訳ではありません。消費者にどんなイメージを持ってもらいたいかを基に決定されています。

Facebookロゴ

世界一のソーシャルメディアであるFacebook。
青は信頼や誠実といったイメージがあるので、個人情報を取り扱う企業のロゴやホームページにぴったりな色です。実際、青はコーポレートカラーとして多くの企業に使われており、多くの人に好まれる無難な色といえます。

コカ・コーラロゴ

1892年に設立されたコカ・コーラ。
このロゴは世界中のほとんどの人が知っているはずです。赤い背景と筆記体で作られたこのロゴは、設立当初からほぼ変わっていません。赤は心拍数を上げる色ともいわれ、興奮やエネルギーを表す、活発なイメージの色です。また緊急性を表したり、すぐに目につくことから、赤はセールの告知などにもよく使われます。

アップルロゴ

デザインにこだわりがあるアップル。
アップルのロゴは「無機質なコンピューターを親しみやすいものにしたい」との理由で昔はカラフルなものでしたが、90年代後半に、今のロゴに近い、シンプルなロゴに変更されました。白一色のロゴは、シンプルさや純潔を表します。

ホームページ作成ならWix

色の呼び方

面白いことに、色の呼び方によっても人は商品の見方を変える事があります。

例として、サムソンのスマートフォン「Galaxy S7 」をみてみましょう。スマートフォンの色をブラックやホワイトと呼ぶ代わりに、サムソンは「ブラックオニキス」「ホワイトパール」というような名称をつけています。

また、多くの色が入った高級色鉛筆についても同様です。「台風一過の夕焼け空」であったり、「甲子園の砂」であったり、個性的な色鉛筆の名前は忘れられないですよね。

単純に色を表すだけでなく、人のイメージを掻き立てるような表現をすることで、より商品を魅力的に、高級感にみせることができます。商品のカラーオプションが豊富にある場合、これはとても効果的な戦略です。購入の最後の決め手になるかもしれませんので、是非活用してください。

色を基準にホームぺージテンプレートを決定する方法

最後に、色を基準にホームページテンプレートを決定する方法をみていきましょう!

テンプレートはコンテンツを元に決定するのが基本ですが、色についても考えることで、テンプレートの選択を絞りこむことができます。(お気に入りのテンプレートが既にあり、色を変えたい場合にもWixであれば簡単に変更可能なので、ご心配なく!)

あなたのホームページデザインの参考になれば幸いです。

法律事務所 テンプレート

法律事務所ホームぺージテンプレート

青と白が使われたテンプレートは、信頼やクリーンなイメージを与えます

ゲームアプリ テンプレート

ゲームアプリホームぺージテンプレート

紫とオレンジを組み合わせたこのテンプレートは、独創的で想像力を刺激するような楽しい雰囲気です

フィットネス テンプレート

フィットネスコーチホームぺージテンプレート

黒を背景に、明るい色である白や赤がサイトのアクセントになったテンプレート。洗練されつつも、エネルギッシュな印象を与えます

色彩心理学を考慮する際の注意点

色彩心理学は全てにおいて正しいわけではありません。年齢や性別、文化によっても、色の印象は異なってくるからです。ターゲット市場を良く理解することが大切です。

例えば、このオーダーメイドスーツのテンプレートを見てみましょう。シンプルで分かりやすいこのテンプレートは、優雅さやクラッシックな雰囲気もあるので、年配の方があなたのターゲット顧客であれば良いですが、子供がターゲットの場合、おすすめできないデザインです。

仕立て屋ホームぺージテンプレート

ホームページデザインのアイデアが湧いてきましたか?
関連記事も参考に、ホームページの色を決めていきましょう!

本格ホームぺージ


今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email