コンテンツマーケティングでは、色は感情的な手がかりです。
コンテンツマーケティングの海では、色はあなたを際立たせるのに役立ちます。
それはあなたの聴衆にあなたが何を見てもらうかです。彼らに見てもらい、あなたが彼らに感じてもらいたいことを感じてもらい、あなたが彼らにしたいことをしてもらいたい。どの色相を選択するかは、使いやすさやコンテンツが読み取り可能かどうかにも影響します。これが、コンテンツの成功にとって色の心理学を理解することが非常に重要になる理由です。
ただし、色の選択が不十分だと、メッセージの影響が悪影響を受ける可能性もあります。間違えると、すばらしいコンテンツや行動を促すフレーズは簡単に無視されてしまいます。 NASAでさえ色に関心があります。デザイナー以外の人が適切な色合いを選択するのに役立つ無料のオンラインリソースを提供するのに十分です。
この投稿を読むと、基本的な色彩理論と心理学を理解できます。さらに、無料の16進カラーチャートが含まれているため、どのデザインツールでも簡単に適切な色を選択できます。
エキスパートになる準備はできましたか?飛び込みましょう!
今すぐダウンロード
さらに、メーリングリストに参加して最新情報を入手してください。
成功!ダウンロードはまもなく開始されます。または、ここから手動でダウンロードすることもできます。
始めましょう色彩理論の基礎
色がどのように機能するかを理解することは、アーティストが一日中絵の具や顔料に手を浸すだけではありません。コンテンツで色を使用している場合でも、マーケティングの誰もが色彩理論の基本を理解する必要があります。
原色
原色は、他のすべての色を構成する3つの色です。 。それらは赤、青、黄色です。これらの3つの色を使用して、二次色と呼ばれる次のレベルの色を作成できます。
二次色
二次色は紫、緑、オレンジです。それらは原色を使用して作成されます。カラーホイールを見ると、「2つの原色の間に2次色があります。
カラーガイド:
- 赤+青=紫
- 青+黄=緑
- 赤+黄=オレンジ
三次色
これらは、一方の原色を他方よりも多く追加して作成され、真の二次色ではありません。最終的には原色に近くなります。
純粋な色
白、黒、または3番目の色を追加しない原色、2次色、および3次色色は、純粋な(または飽和した)色です。濃く、明るく、陽気で、汚れのない色です。
これらは、子供のおもちゃ、デイケアの装飾、夏服の色です。
色合い
純粋な色に白を追加すると、色合いが得られます。これらをパステルカラーと呼ぶ人もいます。純粋な色よりも明るく淡く、それほど強くはありません。
色合いは、わずかに白いものからほぼ白いものまであります。
シェード
純粋な色に黒を追加すると、シェードが作成されます。これらは純粋な色の明るさを暗く鈍くし、わずかに暗い色からほぼ黒までの範囲です。
トーン
純粋な色にグレー(黒+白)を加えると、トーンが生まれます。色を「トーンダウン」する必要がある、つまり「強すぎて、強さのレベルを下げたい」と言われることがよくあります。
色にさまざまな量の黒と白を追加すると、色が抑えられます。強度はすぐに上がります。
完成したカラーホイール
これで、次のようになりました。一次、二次、三次の色に加えて、それらの色合い、色合い、色調を備えた完全なカラーホイール。下のカラーホイールですべてがどのように組み合わされているかを確認できます。
クールな色はすべてホイールの左側にあり、青と緑です。暖かい色はすべてホイールの右側にあり、黄色と赤です。
色理論とカラーホイールを理解したので、コンテンツマーケティングで意図的に色を使い始めることができます。
色でコントラストを正しく使用する
色のテクニックに関しては、コントラストの使用が特に重要であり、おそらくそれはあなたがあなたの頭を突き合わせることにつながるものですデザイナーが最も重要です。
コントラストとは、ある色が別の色とどのように区別されるかです。これにより、テキストやオブジェクトを背景と区別できるようになります。高コントラストとは、色が互いに離れやすい場合です。低コントラストとは、そうでない場合です。
多くの場合、色の違いがコントラストを生み出すと考えられますが、 「真実ではありません。 2つの色が完全に異なっていても、色調が同じであるためコントラストがまったくない場合があります。色のコントラストをテストするには、色をグレースケールに変換してコントラストを確認します。
色は、純粋な形で、明るさと暗さの本質的な違い。
たとえば、黄色は明るく、青は暗くなります。黄色とオレンジは、色は異なりますが、コントラストがほとんどありません。異なる色の色調が同じである場合(先ほど学習したグレーのレベル)、コントラストもあまりありません。コントラストを決定するときに、2つの異なる色を選択するだけでは不十分です。
高コントラストと低コントラストの使用
一般に、重要なコンテンツには高コントラストが最適です。最も見やすいです。ダークオンライトまたはライトオンダーク–最も読みやすいです。エキサイティングではないかもしれませんが、読みやすくなっています。
デザイナーは低コントラストの手法を好むことがよくあります。見栄えを良くすることを好みますが、読みやすさには必ずしも美しいとは限りません。トーンオントーンの類似した色の組み合わせは非常に人気があり、その繊細さは非常に魅力的ですが、人々が読むのも難しいです。
同じような色を使用し、必要なコントラストを得るには、補完色と類似色の両方を使用して配色を作成します。それは何ですか?読み続けましょう!
色の組み合わせの選択
カラーホイールは、行動を促すための優れた色の組み合わせを選択するのに役立ちますボタン、インフォグラフィック、およびリードコレクションのポップアップ。
色の組み合わせをシンプルに保つことは、長期的には役立ちます。
トロント大学の調査では、その方法が示されています。 Adobe Kulerを使用している人は、ほとんどの人が2〜3個の好きな色だけに依存するシンプルな色の組み合わせを好むことを明らかにしました。
シンプルさが好きな人。多くの色で解釈する必要がない場合は、コンテンツを理解しやすくなります。また、色には意味があるため、各色がメッセージを追加または削除します。
色が多すぎると、紛らわしいメッセージです。では、これらの2色または3色をどのように選択しますか?カラーホイールが役立ちます。
トップに戻る
補色(反対色)の使用
補色の組み合わせは、物事を際立たせます。
補色は「反対」の色です。カラーホイール上では互いに反対です。つまり、不足している1つの色は、反対の色です。
地理的にも色的にも反対であり、互いに非常に反対であるため、一種の視覚的な緊張をもたらします。
お気に入りのスポーツチームの一部が補色を使用していることに気付くかもしれません。色。フットボールからホッケーまで、いくつかの素晴らしい色の組み合わせには反対の色が使用されます。
青はオレンジの反対です。
赤は緑の反対です。
黄色は紫の反対です。
反対側が引き付けます!
人間の目がさまざまな種類の緑でいっぱいの絵を見ると、少しでも赤が立っています。驚くほどよく出ます。なぜですか?
赤は緑の反対色だからです。目が同じ色をたくさん見ているとき、それは視覚的な休憩のために反対を見たいと思っています。補色を使用するのが、何かを目立たせるための最も簡単な方法です。コンテンツが視覚的に不快になりすぎないように注意して使用してください。
どちらの色も優先されず、目に苦痛を与えるため、50%オレンジと50%ブルーは必要ありません。
例としてCoScheduleホームページを見てみましょう。何色が表示されますか?
主に青色ですが、最も重要なボタンである「今すぐ無料で始めましょう」 「ボタンはオレンジ色です。オレンジは青の反対色です。紺色の海では、あなたの目は他のどの色よりも早くオレンジに自然に気付くでしょう。また、オレンジ色のボタンを濃い青と対比させて、視覚的にさらに見やすくしました。
注意:色覚異常への対処
注意点:赤と緑、2つの補色は、粘着性の問題を提示します。色覚異常があり、特定の色を区別できない人もいます。赤と緑はよくある問題のある組み合わせです。赤と緑が大量に含まれている色も、まとまります。マーク・ザッカーバーグは赤緑の色覚異常であるため、Facebookが青であることをご存知ですか?彼はブルースを最もよく見ています。
上記の例は、先天赤緑異常、プロタノペの3種類の色覚異常を示しています。 、およびトリタノペ。青を最もよく見るマークと同様に、色覚異常を超えて伸びる青が人気のある色の1つであるのも不思議ではありません。
補色を使用するときに色覚異常を改善するには、必ずコントラストを高くします。情報源としてのみ色を使用しないようにします。可能な限り、グラフやインフォグラフィックにテキストを含めます。
高コントラストと追加のテキストにより、色覚異常が存在する場合でも、ビジュアルは読みやすく、見るのも楽しいものになります。
分割補色の使用
2色ではなく3色を使用する場合は、分割補色スキームを使用することで大文字を使用できます。補色の力で、ただしパレットに3番目の色を追加します。これを使用するには、「基本色として1つの色を選択し、次にその反対側に隣接する2つの色を選択します。
分割補色は、補色とまったく同じレベルの緊張感はありませんが、それでも視覚的に刺激的です。また、非常にダイナミックで意味のある方法で使用できる、配色にさまざまなレベルを追加します。
類似色の使用
類似色は色上で隣り合って配置されますホイール。それらは「関連」しており、心地よくリラックスしたビジュアルを作成する一種の色のファミリーです。それらは、不快感を与えたり、反対したり、衝突したりすることはありません。また、互いに目立つこともありません。類似の色は微妙で美しいコンテンツを作成できますが、特定のアイテムを目立たせるために補色を追加する必要がある場合があります。
単色の使用
単色は、色合い、色合い、色調のある単色です。単一の単色に基づくカラーパレットであるため、類似の色よりもさらに柔らかく繊細です。単色の色は、単一の補色と組み合わせるとうまく機能します。CoScheduleWebサイトでは、コンテンツにオレンジと単色の青色を使用しています。注目を集めたい。
ほとんどのデザイナーは、補色を使用する場合、単色の豊富なコレクションと単一の補色を組み合わせます。
三角形、長方形、正方形の色を使用する
補色の簡単な力の境界を広げる色の組み合わせを作成することは難しくありませんおよび関連する類似の単色パレット。必要なのは、三角形、長方形、正方形だけです。
これらの3つの組み合わせは、注意しないと視覚的にノイズが多い可能性があります。最適なアプリケーションは1つの色を使用することです。三角形の組み合わせは特に鮮やかです。3つは「安定した」数字であり、3つの色を使用すると視覚的に安定します。
マーケティングにおける色の心理学
色は、私たちの考え方や行動に影響を与えるため、不可欠なツールです。色は、どこを見、何をし、どのように解釈するかを私たちの目に向けます。コンテンツをコンテキストに入れます。何が重要で何が重要でないかを判断するのに役立ちます。そのため、コンテンツマーケティング担当者は、色が人々にとって何を意味するのかを理解する必要があります。
色の心理学は長年にわたって研究および分析されてきましたが、色の心理的影響は依然としてある程度主観的です。
重要なイベント、文化、人々、思い出からの色については以前に経験したことがあるため、私たち全員が色に対して同じように反応するわけではありません。ただし、人々がどのように反応するかについてはいくつかの一般性があります。色、そしてそれが私たちが見ようとしているものです。
赤の色の心理学
赤は非常に強力でダイナミックな色であり、愛情と愛を示すか、恐怖、恐れ、生存を表現するかを問わず、私たちの身体的ニーズを反映しています。赤は、親しみやすさと強さを表現できる非常に活気のある色でもありますが、状況に応じて、要求が厳しく、攻撃性を示します。
全体として、「非常に強力な存在感を示したい、または誰かの注意をすばやく引き付けたい場合は、赤が頼りになる色です。忘れずに使用してください。非常に簡単に目覚める可能性のある極端な否定的な反応を避けるために控えめにしています。
オレンジの色の心理学
オレンジは赤を組み合わせているため、非常に興味深い心理的意味を持っています。 “黄色の親しみやすさと楽しさを備えたパワーとエネルギー。ミックスは、オレンジを私たちの暖かさ、食べ物、そして避難所の物理的な快適さの良い表現にします。 (食欲を刺激するので、お腹が空いたら気をつけてください!)
オレンジはモチベーションの色としても知られており、前向きな姿勢を示し、人生に対する一般的な熱意を与えます。全体として、オレンジは素晴らしいです。困難な時期に快適さをもたらし、視覚に楽しさや自由を与えるため。
色の心理学of Yellow
Yellowは、喜び、幸福、陽気、楽観主義の象徴です。名前を付ければ、幸せなものはほとんど常にあります。黄色。黄色の波長は特に長く、最も強力な心理的意味の1つであると同時に、視覚的に最も見やすい色でもあります(黄色は幼児が最初に反応する色であることをご存知ですか?)
誰かの精神を高めたり、自信を高めたり、インスピレーションを与えたりする必要があるときはいつでも、黄色を使用してください。ただし、黄色を使いすぎることは避けてください。自尊心の問題、恐れ、不安を引き起こすことがより重要になることも知られています。他の人を落胆させるのではなく、やる気を起こさせるために黄色の適切なバランスを見つけてください。
緑の色の心理学
緑はバランスと調和の色です。緑は論理的および感情的なバランスを取り入れているため、間違っていることから正しいことをより明確に感じることができます。緑は、生命を反映する自然界で最もよく見られる色の1つです。 、休息、そして平和。それが植物のような物理的な物体であろうと、私たちの収入と富であろうと、それは成長の兆候でもあります。
全体として、健康を描写したいのであれば、休息してください。 、そしてストレスを和らげるために、緑はあなたの色です。緑には過剰な所有や物質主義などのマイナーなマイナス面がありますが、他のほとんどの色よりもプラスの影響があります。
青の色の心理学
青は、その信頼性と信頼性で知られています。信頼性が高く、責任感があり、精神的に落ち着きます。その理由だけでも、世界中で最も人気のある色の1つです。
赤とは異なり、青は肉体的ではなく精神的な反応をもたらします。それは私たちがストレスを解消し、落ち着き、そして最も理想的な状況を考えることを可能にします。残念ながら、これは最後に見られる色の1つでもあり、大量に使用すると、遠い、冷たい、または友好的ではないと感じる可能性があります。
全体として、青は好まれている色です。特にマーケティングにおいて、関係を構築するときの落ち着きと信頼感。
紫の色の心理学
紫は、その想像力と精神性で最も一般的に知られています。赤のエネルギーとパワー、青の安定性と信頼性を備えており、肉体と精神の完璧なバランスを保っています。紫は、贅沢、忠誠心、勇気、謎、魔法を表すためによく使用されます。
落ち着くと非常に魅力的な色ですが、謎と新しいアイデアのためのスペースも提供します。これが創造性が最も重要な理由です。多くの場合、紫色に関連付けられています。紫色を使用する場合は、あまり頻繁に使用しないでください。考えが不思議に思うように、内省や気晴らしが多すぎる可能性があります。
ピンクの色彩心理学
ピンクは柔らかく、強度の低いバージョンです思いやりと無条件の愛の感覚を作成する赤の。「非常に物理的な色ですが、刺激するのではなく落ち着かせるため、困っている人を気遣い、理解し、育てるのに最適な色になります。
ピンクは希望のしるしです。また、共感と感性を示すのでとてもロマンチックです。ピンクを使いすぎると、非常に消耗し、パワーが不足し、未熟になることさえあります。全体として、ピンクは適切に使用すると、赤の色に対抗する優れた選択肢になります。
ブラウンの色の心理学
ブラウンは、視覚的に刺激的な色ではないかもしれませんが、構造、セキュリティ、保護の優れた兆候です。家族、友人、物的所有物など、ブラウンは常にサポートを提供します。 。
これは非常に深刻で、黒が強すぎる場合に使用できる地味な色です。茶色への落とし穴は、最も安全な色であり、予約され、スケジュールされているように見えることです。と退屈。全体として、必要に応じて使用しますが、過度に依存しないでください。
ゴールドの色の心理学
金には、文化によってかなりの数の異なる意味があります。ただし、世界中で、金は一貫して次のようなバリエーションを表しています。魅力、自信、贅沢、そして宝物。それはまた、自然に魅力的な親しみやすさ、豊かさ、繁栄の要素を持つことができます。しかし、金が多すぎると、自尊心があり、誇り高く、自己正義に見える可能性があります。茶色や黒、主な魅力ではなく、強調するために金を控えめに使用するようにしてください。
黒の色の心理学
黒は洗練、真面目、統制、独立の色です。ただし、悪を示すために使用することもできますが、ミステリー、落ち込むイオン、そして死さえ。黒は非常に控えめな色であり、すべての色がないため、光がまったくありません。それは隠されたままで、制御され、他の人から分離されるのが好きです。このため、黒はコントラストが高く読みやすい色として最適です。残念ながら、非常に強力な色であるため、黒が多すぎると悲しみや全体的な否定性が生じる可能性があるため、ビジュアル自体よりも控えめにテキストで使用してください。
白の色の心理学
白は完全で純粋な色であり、純粋さ、無垢、清潔さ、そして平和の完璧な例。白はまた、新しい始まりを表すことができ、白紙の状態を提供し、新しいアイデアにリフレッシュを与えます。白はすべての色のバランスが等しいので、いくつかの意味を例示することができ、平等がそれらすべてを上回ります。白は、シンプルさ、清潔さ、アイデアの創造に最適な色です。ただし、孤立、孤独、空虚さを引き起こす可能性があるため、白を使いすぎないようにしてください。
詳細色の科学的発見
明るい色
20世紀の色の研究者でありColorPsychology And ColorTherapyの著者であるFaberBirrenは、一般的な色のグループについて興味深いことを発見しました。
彼は、明るい光と明るい色が「大きな筋肉」の活動を促進し、柔らかくて深い色が精神的および視覚的課題をよりよく促進することを発見しました。また、赤が神経系を刺激し、青が神経系をリラックスさせることを発見しました。赤と関連する色も原因です。緑や青などの涼しい色は逆でしたが、時間の経過を過大評価する人がいます。
つまり、次のことを意味します。
- 明るい色は身体活動を促進しますが、時間の経過は遅いように見えます。
- より涼しくて柔らかい色は精神活動に良く、時間を見せます
文化の色
色は、文化によって意味が異なります。研究者のジョー・ハロックによれば、「エスキモーは、さまざまな雪の状態に適用される白を17語で使用していますが、米国北西部では4つか5つしかありません。」
文化ごとに色の理解が異なります。宗教、政治、儀式、芸術で果たす役割があります。あなたの聴衆がいる文化は、彼らが色のより深い意味をどのように理解するかに影響します。色を使用するコンテキストでさえ、色の意味に影響を与えます。たとえば、インドでは赤は純粋さを意味し、米国では情熱と特定の休日を意味します。
色への言葉のつながり
調査では、人々は色を選択するように求められましたそれらは特定の単語に関連付けられています。
青は明らかに人々が積極的に惹きつけられる色ですが、それ以上にできることはほとんどありません。と言われている。
コンテンツの残りの部分のコンテキストに応じて、黒は高品質と信頼を意味する場合もあれば、恐れと恐怖を意味する場合もあります。単独では実行できませんが、コンテンツに囲まれているため、色を選択すると、意図した意味が一段と高くなる可能性があります。
性別による優先色
多くの研究の結果をまとめて、Kissmetricsブログは、男性と女性が色をどのように体験し、異なる反応をするかについての優れたインフォグラフィックを作成しました。男性と女性は異なる色の好みを持っています。
KissmetricsブログとHallockの両方によると:
- 青は男性(57%)と女性(35%)ですが、男性に非常に好まれています。
- 男性は茶色が最も嫌いで、女性はオレンジが最も嫌いです。
- 嫌われた色も「安い。」
- 男性は無彩色(つまり灰色の色合い)をよりよく許容します。
- 女性は色合いを好み、男性は純粋な色または陰影のある色を好みました。
- 大多数の男性(56%)と女性(76%)は、一般的に涼しい色を好みました。
- オレンジと黄色は増加します両方の性別が年をとるにつれて、グリシンは嫌われました。
一般的に、女性は男性よりも多くの色を目にします。彼らは色の範囲内のわずかな色の違いにもっと気づいています。
これは、男性が単に色を青…青と呼ぶ理由を説明するかもしれません。一方、女性は、セルリアン、スカイ、ティール、ターコイズ、そしてあらゆる種類の青を目にします。おそらくそれは、より多くの差別化を視覚的に見ることができることと、より具体的な名前に値すると考えることの組み合わせです。おそらく男性は、女性のように見える色の性質やニュアンスに敏感ではないため、無色と明るいカラーパレットの両方に耐えることができます。
これはあなたにとって意味がありますか?
ええと、あなたの聴衆は主に男性ですか、それとも女性ですか?彼らは何歳ですか?あなたのコンテンツマーケティングで使用している色はその聴衆を引き付けたり反発したりしますか?特に女性の場合は、騒がしすぎない色を慎重に選ぶ必要があります。高級品を販売している場合は、安価と見なされる色を避けたいと考えています。
気分の色と感情(インフォグラフィック)
特定の色についての一般的な理解がいくつかあります。多くの場合、人々の大規模な断面を意味し、各色には否定的および肯定的な感情が関連付けられています。
色&ブランド認知度
色を見たときの人々の行動は、コンバージョンに直接影響します。彼らはあなたのCTAのボタンをクリックしますか?彼らはあなたのポップアップグラフィックを読みますか?彼らはあなたの電子メール購読ボックスに気付くでしょうか?
Institute for Color Researchによると、人々はあなたのコンテンツについて90秒以内に判断します。そして、その短い時間でのその判断の最大90%は、彼らが見る色に影響されます。ブロガーのNeilPatelは、色がコンバージョン率にどのように影響するかをさらに証明し、消費者の85%が色に基づいて購入を決定し、雑誌のフルカラー広告が昔ながらの白黒広告よりも26%多く認識されることを明らかにしています。
実際、色は人々があなたのブランドを最大80%認識するのに役立ちます。色を慎重に選択し、それを守ることが重要です。
ユーザーにクリックしてもらうには、ボタンを押すかサインアップしてください。どの色が魔法であるかは問題ではなく、常にそれを実現します。これは、「パッシブカラーとアクティブカラー、高コントラストと低コントラスト、およびその逆の問題です。たとえば、オレンジ色のボタンが青から目立つCoScheduleの例のように。
そしてどの色をテストしたかという問題です。
最高の色をテストする:CoScheduleのケーススタディ
オレンジとブルーの色の組み合わせは強力なものです。 「色覚異常に関してはかなり安全であり、組み合わせとして人々から繰り返し好意的な評価を得ています。
しかし、素晴らしい組み合わせを選ぶだけで十分ですか?
まったくありません。 ;これらの色を個別に使用する方法を知る必要があります。例として、CoScheduleとFacebookのプロモーションを見てみましょう。昨年、いくつかのデザインを作成しました。背景が青いものとオレンジ色のものがあります。
オレンジ色の背景のプロモーションは、一貫して青い背景のプロモーションよりもクリックしやすくなりました。ただし、それは理にかなっています。Facebookについて考えてみてください。これは主に青いネットワークであるため、オレンジ色の画像は青い画像よりも際立っていました。
これは、オレンジが使用しなければならない色であることを意味するものではありません。これは、2つの色をテストした結果、オレンジが最も効果的であることがわかったことを意味します
2つの色をテストした結果、Facebookでオレンジが最も効果的であることがわかりました。ソーシャルネットワークごとに異なる場合もあるため、必ず独自のテストを行ってください。
Facebookで機能したものはTwitterとは異なって見える場合があります。 (Hubspotが発見したように)赤いボタンが緑のボタンよりも優れているかどうかを自分で確認する必要があります。ページの残りの部分、コンテンツ、および配置オブジェクトの色によって、他の人が発見した結果とは異なる結果になります。
これで、あなたは色彩心理学の専門家になりました!
色は一般に、理論と心理学の両方の観点から、研究するのに魅力的です。
ニュートン、ゲーテ、イッテン、ヘリング、ヤングヘルムホルツ、ビレン、ミュラーから(はい、多くの理論があります歴史を通して色)、低色のホイールは何度も検討され、再考されてきました。色が私たちに与える影響と私たちの行動は繰り返し研究されてきました。
色の選択に関しては、テストする必要があります。どの色の組み合わせと配置がコンテンツで最も多くのリードとトラフィックを生成するかを判断するための思慮深いA / Bテストを作成しない限り、視聴者がコンテンツとレイアウトの色にどのように反応するかを知ることはできません。
この投稿の以前のドラフトは、Julie Neidlingerによって作成および作成されました。最近、 2018年8月29日AshtonHauffによる。
2018年8月29日