カラーエモーションを使用して、視聴者とより深くつながる

公開: 2019-04-13

色が感情に影響を与える可能性があると聞いたことがあるでしょう。 赤は人々をより怒らせ、黄色は幸福を意味します。 色の心理学は非常に興味深いトピックです。 ただし、Webサイトの所有者や設計者にとって、本当の問題は、色を効果的に使用してオーディエンスとつながるにはどうすればよいかということです。

言い換えれば、一緒に見栄えのする色を単に選ぶだけでは十分ではありません。 そのため、この記事では、色と感情の関係について説明します。 次に、色を使用して視聴者とのつながりを深める4つの方法について説明します。

仕事に取り掛かろう！

色と感情の関係

視覚刺激と感情の間には明確な関係があります。 その最も簡単な例はアートです。アートは、一部の人々に刺激を与え、他の人々にそれがどのようにして美術館に入ったのか不思議に思うようにすることができます。 色はほとんどすべての芸術の最も基本的な要素の1つであるため、色が自分で感情を呼び起こすことができるはずであるのは当然のことです。

色とそれらが刺激する感情との関連については多くの研究があります。 おそらく以前に最もよく知られているつながりのいくつかについて聞いたことがあるでしょう。赤はしばしば怒りと覚醒に関連し、黄色は楽観的でエネルギーに関連し、青は落ち着きに関連します。

また、私たちが色に関連付ける感情は、文化や言語自体によっても大きく異なる可能性があることを理解することも重要です。 この記事では、西洋文化に関連する関連性に焦点を当てますが、対象者がグローバルな性質を持っている場合、これは覚えておく価値のある事実です。

色彩理論は多くの方法で適用できます、そしてそれはウェブデザインを含みます。 最も一般的な色の関連付けのいくつかをカバーする文献はたくさんあります。 ただし、Webデザイン内での色の実際の適用については、それほど多くの情報がありません。これについては、次に説明します。

色を使用して視聴者とつながる4つの方法

さらに面倒なことはせずに、より効果的なWebサイトを設計するために色を使用する4つの方法を見てみましょう。 これらのテクニックは、好きな色の組み合わせで実践できるはずなので、恐れずに実験してみてください。

1.特定の感情を念頭に置いたカラーパレットをまとめる

すべてのウェブサイトには少なくとも1つの目標があります。 これには、製品やサービスの販売、他人の製品の宣伝、コミュニティの育成などが含まれる場合があります。 ウェブサイトの所有者がこれらの目標を達成しようとする主な方法には、説得力のあるコンテンツを作成することや、スマートなデザインを通じて人々を正しい心構えにすることが含まれます。

たとえば、eコマースストアを運営しているとします。 あなたの主な目標はおそらく売り上げを伸ばすことであり、あなたはそれを達成するのを助けることができる特定の感情のセットをターゲットにしたいと思うでしょう。 この場合、それらの感情は次のようになります。

  • 興奮
  • 可能性
  • 信頼
  • 見逃しの恐れ

伝統的な色彩理論は、赤、黄、青を使用することがそれらの感情に集中するための良い方法であることを示唆しています。 重要なのは、選択するカラーパレットも見栄えがよく、独自のブランドを表す必要があるということです。

たとえば、赤と青は優れたコントラストを持っており、通常はしっかりとした組み合わせになります。 ただし、黄色と赤を混ぜるのは難しい場合があります。 赤オレンジの色調は、より暗い黄土色の黄色でうまく機能しますが、通常頭に浮かぶ明るい古典的な色調ではうまく機能しません。

必要なのは、うまく組み合わせるだけでなく、目標に沿った特定の感情をターゲットにすることを可能にする色のセットです。 これを行うには、色の組み合わせのクイックガイドを確認し、基本的な色がどのような感情を引き出すかを確認する必要があります。

気に入った色のセットができたら、サイトのさまざまな要素全体で使用したいので、それらに注意してください。 次の2つのセクションでは、その方法の実際的な例について説明します。

2.特定の色を中心にWebサイトのヘッダーをデザインする

人々があなたのウェブサイトにアクセスしたときに最初に目にするのは、あなたのホームページのヘッダーです。 それはあなたがあなたのページの残りを通して集中したい感情のトーンを設定するための完璧な要素になります。

前のセクションのアドバイスに従った場合は、カラーパレットを準備しておく必要があります。 さて、それはそれを使用する効果的な方法を考え出すことの問題です。 私たちが本当に気に入っているヘッダーセクションの一例は、ConversionLabで見ることができます。

ConversionLabのWebサイト。

派手なものではありませんが、ここでの色使いは素晴らしいです。 水色は信頼を伝えるのに役立ち、オレンジは衝動を刺激します。 オレンジとCallto Action（CTA）を組み合わせるのは特に賢明な方法であり、個人的な写真を重ねた背景に青を使用することは、「訪問者への信頼を高める方法」のハンドブックからすぐにわかります。

2番目の例に移ると、Ontario Corn Fed BeefのWebサイトでは、緑を使用して優れた効果を発揮しています。 ご想像のとおり、緑は自然、有機製品、および同様の主題に関連することが多い色です。 あなたが健康の角度を再生したい場合は、食品関連のウェブサイトにそれを選択するのが最適です：

オンタリオコーンフェッドビーフのウェブサイト。

いつものように、使用する色は互いにうまく機能する必要があることを忘れないでください。 これは、ヘッダー内にテキストを含めたい場合に特に関係があります。 テキストに関しては、古典的な白または黒のオプションは、優れたコントラストを提供し、非常に読みやすいため、最も効果的に機能する傾向があります。

3.召喚状に適切な色を使用する

前のセクションでは、選択した色をCTAと組み合わせる方法の具体例に触れました。 A / Bテストについて何か知っている場合は、多くの場合、CTAの色を変更するだけでコンバージョンを増やすことができることを知っておくとよいでしょう。

通常CTAに最適なトーンのいくつかを見てみましょう。

  • レッズ。 これらは多くの場合、情熱と積極的なマーケティングに関連しています。
  • オレンジ。 前に述べたように、あなたは衝動性を再生するためにオレンジを使うことができます。
  • ブルース。 多くのウェブサイトは、落ち着いた関連性があるため、青色のカラーパレットを使用しています。 より魅力的で居心地の良いCTAを設計したい場合は、これが有利になります。
  • 紫。 歴史を通して、紫は贅沢と関連付けられてきました。 これは、CTAにとって興味深いオプションになる可能性があります。

これらはあなたの創造的なジュースを流すためのいくつかの提案にすぎないことを覚えておいてください。 あなたはいつでもあなたが選んだ色で箱の外で考えることができます。 ただし、一般的に言えば、CTAを視覚的に目立たせ、強い反応を引き出す必要があります。

つまり、自分のデザインにどれだけ積極的になりたいかを自問する必要があります。 たとえば、実行者は、非常に魅力的な、より控えめなアプローチを選択します。

DOERSのウェブサイト。

一方、Huplaは、赤と紫の大胆な組み合わせを求めています。 これは積極的なアプローチですが、適切な画像と組み合わせると、「それに合わせたい」という感覚と緊急性を引き出すように機能します。

HuplaのWebサイト。

CTAにどのような組み合わせを選択しても、それらをテストすることは常に賢明です。 あなたの聴衆が誰であるかによっては、いくつかの感情はそれほど効果的ではないかもしれません。 つまり、A / Bテストが最強の味方になるということです。

4.あまり人気のない色を使用することを恐れないでください

この記事を通して、多くの注目を集めているいくつかの色があります。 赤、オレンジ、青は、人々が感情を引き出すために色を使用することについて話すときに多くの愛を得る傾向があり、その理由は2つあります。

  1. それらの特定の色は素晴らしく一緒に働きます。
  2. それらは、緊急性、落ち着き、信頼、衝動性など、特に価値のある一連の感情を対象としています。

ただし、遊ぶ色はもっとたくさんあります。 色彩理論はかなり深いうさぎの穴であり、青、赤、オレンジの三連星以外にも、聴衆にはるかに適したパレットがいくつかある可能性があります。

たとえば、黒と黄色は意外と上品な組み合わせになります。 私たちはしばしば黒を洗練またはエッジと関連付け、黄色は視覚的および感情的な意味の両方でそれと対照的です。

ブッキンのウェブサイト。

引き出そうとしている感情をあからさまにしたくない場合は、色を控えめに使用することもできます。 たとえば、Sweet Cecilyはパステルカラーがすべてで、ピンクの使用がとても気に入っています。 その色は若さと女性らしさに関連しているので、それは彼らの意図された聴衆と完全に共鳴します：

SweetCecilyのウェブサイト。

主なポイントは、色に関しては多くのオプションがあり、それらを実装できる要素が何百もあるということです。関連する色を目立つように表示することで、引き出したい感情に焦点を当てることができます。のために行きます。 重要なのは実験と、聴衆が誰であるかを知ることです。

結論

ウェブサイトのデザインで色を使用する方法は非常に重要です。 いくつかの色の組み合わせは見た目も感じも素晴らしいですが、他の色の組み合わせはあなたのウェブサイトを不快に思わせる可能性があります。 ただし、適切な色を使用することは、スタイルだけではありません。 また、色が伝えることができる感情と、それらの強力な効果を活用する方法にも注意する必要があります。

Webデザインで色を使用して訪問者とつながる4つの方法を確認しましょう。

  1. 特定の感情を念頭に置いてカラーパレットをまとめます。
  2. 特定の色相を中心にWebサイトのヘッダーをデザインします。
  3. CTAに適切な色を使用してください。
  4. あまり人気のない色合いを使用することを恐れないでください。

Webデザインで感情を伝えるために色を使用する方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！

Hardyguardy /shutterstock.comによる記事のサムネイル画像