サイトの配色を決める時に抑えておきたい色の特徴とWEBデザイン

サイトの配色を決める時に抑えておきたい色の特徴とWEBデザイン
目次

WEBの使用色を逆算式で選んで、色を味方につける

私たちは、日頃から無意識的に色から多くの印象を受け取っています。

WEBの配色を適切に選ぶと、色を味方につけて、効果的に伝えることができます。
そのためには、WEB運営側は「どんなイメージを届けたいか」から逆算して、WEBの使用色を選ぶことが大切ですね。

色が私たちの身体に与える影響「ライト・トーナス」

私たちの筋肉が色を感じると、筋肉が緊張したり弛緩したりします。
リラックスした状態を23として、緊張の度合いを数値化したものを「ライト・トーナス値(Light Tonus)」と言います。

※トーナス(tonus)とは、英語で緊張という意味


このように、色は私たちの身体を変化させ、気持ちにも影響を与えます。
では、これらの効果をどのように活用すれば、マーケティングやホームページに役立てる事ができるのかを見ていきましょう。

赤は愛と情熱の色

  • 配色の仕方によって、男性的にも女性的にも表現できる色
  • また、交通標識に使われているほど、注意喚起に適している
  • 赤×男性的なデザイン⇒情熱的な力強さや安定感、前進する力
  • 赤×女性的なデザイン⇒成熟した女性らしさや美しさ
  • 赤×SALE⇒購買意欲を煽り、お得感を主張する色。

ピンクは子宮の色

  • お母さんが子供を包み込むような優しさや愛情を表現
  • 赤色と比較すると、より優しい女性らしさや母性を表現するのに適している

オレンジは太陽の色

  • 太陽のように明るい雰囲気を演出できる色で、社交的・満足感・幸福感を表現
  • 飲食業界では食欲増進・シズル感を出すのに欠かせない

黄色は中性的でエネルギッシュな色

  • さわやかで新鮮な演出に最適
  • 緑・オレンジ・赤など他の色と組み合わせて配色することで、温度感が変わってくる

緑は植物グリーンの色

  • 植物の緑を連想させ、自然や癒し、協調性や調和を表現
  • ナチュラルやエコを演出するのみも使われる
  • 運転の若葉マークに象徴される、若々しさやフレッシュなイメージも

青は海・空・宇宙を連想させる色

  • 清潔感・信頼感・安定感を表す青は、ビジネスに必要な要素が全て揃っている色
  • 日本人が最も好む色でもあることから、企業サイトで最も多い色
  • 空や水の色と近く、穏やかさ・冷静さを表現するのにも便利な色

茶色は大地の色

  • ゆるがない大地を象徴するので、安定感やリラックスを演出
  • 薄いベージュと合わせれば、歴史やアンティークな雰囲気を演出するのに便利

まとめ:色相と色の特徴

色相を順に取り上げていきましたが、いかがでしょうか。
最後に、取り上げた色をまとめます。

赤:
【特徴】興奮させる色、注意喚起
【イメージ】情熱的・大人の美しさ・安定感

ピンク:
【特徴】母性を思い出させる色
【イメージ】母性・女性らしさ・若々しさ

オレンジ:
【特徴】太陽の色
【イメージ】にぎやか・陽気・ポジティブ・社交的

黄色:
【特徴】気分が明るくなる
【イメージ】希望・光・エネルギッシュ・知恵

緑:
【特徴】自然や植物の色
【イメージ】若さ・自然・癒し・調和・平和

青:
【特徴】海・空・宇宙の色
【イメージ】信頼・清潔・冷静・自由・誠実

茶色:
【特徴】大地の色
【イメージ】安定・リラックス・歴史・アンティーク

デザインで最も記憶に残り易いのが色だという説もあります。
今回の記事内では、知名度の高い大企業のホームページばかりを例に挙げましたが、知名度の低い中小企業にこそ、色を味方につけてブランド戦略を考えるメリットがあるのではないでしょうか。

ウェブマーケター

やり方がわからないなど、お困りの際はお気軽にお問い合わせください

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次