経営者向けのメルマガ『経営塾』

好き嫌いで選んでない?!ホームページの配色(その2)色の持つイメージ

今回は、前回に続き「ホームページの色選び」について解説します。

前回は、ホームページの色を決めるとき、意識しておきたいこととして、以下の3つのポイントを解説しました。

  (1)会社や商品のブランドイメージ
  (2)ターゲットの心理
  (3)読みやすさや使いやすさ

  ▼前回の記事
  https://www.akibare-hp.jp/ml/hp_color_choice1/

今回は、そのポイントをおさえつつメインカラーを選ぶ際に参考にしたい、「色の持つイメージ」について具体例をあげて解説します。

赤は「エネルギー」「行動」「情熱」などを表現する色です。

購買色、注意喚起の色とも言われ、見る人の行動をひき起こす特性を持っています。バーゲンセールのPOPが赤い色で作られていることが多いのはこのせいです。

見る人に強い印象を与えるため、ブランドカラーとして特定の企業や商品と深く結びついている場合もあります。

例えば「ポッキー」「コカコーラ」といえば、赤が頭に浮かんでくるのではないでしょうか。

  ▼ポッキー
  http://www.pocky.jp

  ▼コカコーラ
  https://secure.cocacola.jp/

バナーやボタンなどの色として使うと、目立ちやすくクリック率もあがりやすいと言われています。

弊社のホームページも赤をサイトのメインカラーに採用しています。

  ▼あきばれホームページ
  https://www.akibare-hp.jp/

オレンジ

オレンジには、「快活」「陽気」「親しみやすい」といったイメージがあります。

ビタミンカラーと呼ばれるように、元気の出る色です。赤と黄色の中間色で、赤ほどアグレッシブではないため、万人受けしやすい色でもあります。

食品や健康に関わるサイトがメインカラーとして採用していることも多い色です。

  ▼クラシエ
  http://www.kracie.co.jp/

  ▼カドヤ製油
  http://www.kadoya.com/

  ▼日本大学食品ビジネス学科
  http://hp.brs.nihon-u.ac.jp/~fbs/

オレンジもバナーやボタンなどの色として見かけることが多い色ではないでしょうか。暖色系のバナーがクリック率が高い傾向にあるためのようです。

青は、「さわやか」「涼しげ」「知的」「落ち着き」「信頼」を感じさ
せます。

年齢性別や国籍を問わず、好む人が圧倒的に多く、Facebook、Twitter、Dropboxなど海外のIT系企業でも、採用されていることが非常に多い色です。

  ▼Dropbox
  https://www.dropbox.com/business/

日本では銀行や病院、教育関係などをはじめ、業種を問わず多くのサイトで採用されています。

  ▼ふくおかフィナンシャルグループ
  http://www.fukuoka-fg.com/

  ▼日本歯科大学付属病院
  http://dent-hosp.ndu.ac.jp/nduhosp/

  ▼東京工科大学
  http://www.teu.ac.jp/

緑は「癒し」「自然」「エコ」「安全」「安心」をイメージさせる色です。

刺激が少なく、見る人にすんなり受け入れられます。暖色にも寒色にも入らない中間色のため、一緒に使う色でもイメージが変わります。

赤やオレンジ、黄色などの暖色と組み合わせて使うことが多いです。

住宅関連やリラクゼーション、健康に関わるサイトなどで採用されることも多い色です。

  ▼Frosh
  http://www.asahi-kasei.co.jp/saran/products/frosch/index.html

  ▼永富調剤薬局
  http://www.nagatomi.co.jp/

  ▼東レエンタープライズ
  http://healthyclub.jp/

また通販業界では、バナーやボタンの色で、緑をよく見かけるのではないでしょうか。

これは、緑には「安心感」「信頼感」があり、安心して押させるには緑が良いとの説が流れ、緑ボタンが一気に広まったためです。

黒には「高貴」「上品」「リッチ」「力強い」「神秘的」などのイメージがあります。

周囲の色を引き締めて目立たせる効果を持つ色です。潜在的に負のイメージがあるため、若い年代には好まれ、年齢が高くなると苦手な人が増えます。

アパレルやホテル、化粧品など、高級感を出したい商品やサービスのサイトで使用されています。

  ▼フランクミューラージャパン
  https://franckmuller-japan.com/

  ▼dyson
  https://www.dyson.co.jp/

  ▼セルリアンタワー東急ホテル
  https://www.ceruleantower-hotel.com/

白は「清潔感」「いさぎよさ」「純粋」「シンプルさ」を感じさせる色です。

黒と同様、無彩色で、周りの色を目立たせる効果があります。シンプルである分、アクセントカラーやレイアウトなど、他の要素が重要になります。

ショッピングサイトやニュースサイトなど、雑多な情報と色があふれるようなサイトでは、情報部分以外の色を減らして白にすることでバランスをとっています。

  ▼フェリシモ
  https://www.felissimo.co.jp/

  ▼北欧、暮らしの道具店
  https://hokuohkurashi.com/

以上、基本的な6色についてご紹介しました。それぞれの色が持つ特徴や意味合いも考慮して、色を選んでみてくださいね。

【あきばれホームページ】では、実際に配色を変更しながらデザインのサンプルを見られるページを用意しています。こちらもぜひご活用ください。

  ▼【あきばれホームページ】デザインサンプル
  https://www.akibare-hp.jp/form/design/

ページの一番上へ

初めてのホームページ作成

初めての方へ

初めてのホームページを作成する際に失敗しない勘所をご紹介。自作であれ、制作会社に依頼する場合であれ、ここだけは押さえて欲しいポイントをまとめました。

費用を抑えたホームページ制作

低コストでHP作成をしたい

ホームページを作成予定の方に、低料金でホームページを作る方法をご説明します。なるべく低料金でホームページ作成をしたい方は、ぜひご覧ください。

お問合せ・ご相談はこちら

経営塾

ホームページ作成入門
ホームページ改善
コンテンツ作成ポイント
コンテンツの考え方
反応アップ文章術
デザインテクニック
更新テクニック
ホームページ集客術
アクセスアップ入門
SEOノウハウ
SEO事例集
メルマガ活用ノウハウ
ソーシャル活用
インターネットのトレンド情報
検索エンジンニュース
経営ノウハウのポイント
年度別バックナンバー

ホームページでお客さんを増やせる!
初心者むけガイドブック無料プレゼント

無料PDF

HP初心者むけ
集客できる
ホームページの作り方

本ガイドブックでは、初心者の方を対象に以下の3つをお話ししています。

  • どうすれば苦手な営業をせずに済むのか
  • どんなホームページを作れば、お客さんを増やすことができるのか
  • 低価格でホームページを作るにはどうすればよいか

集客でお悩みの方、ホームページ活用でお困りの方は、ぜひご一読ください。