デザインに適したカラーパレットを選択してください

公開: 2020-08-05

デザインに適したカラーパレットを選択してください

本当に長い一日を過ごした後、仕事から家に帰る途中で、突然何かが目に入った。 誰かが正しいカラーパレットを選択することを知っていたからです。 ひまわりを使った衣料品ブランドの美しく明るい黄色の広告です。 あなたは見て、読んで、そして微笑む。 家に帰って翌日でも忘れないでください。 そして次にジーンズを買いたいときは、ひまわりとその素晴らしい黄色をすぐに思い出します。

これは、色彩心理学として知られているものです。 色には、私たちの中に特定の感情や気分を呼び起こす能力があります。 ブランドとして、何らかの方法でブランドを宣伝または宣伝する場合、どの色があなたを思い出深いものにするかを理解することが不可欠です。 今日のブログでは、色と、それらを正しい方法でデザインに組み込む方法について少し説明します。

色彩心理学と色彩の意味

クレジット:@ melanie.johnsson

あなたがあなたのデザインのためにあなたの研究をしているとき、あなたは特定の暖かいまたは冷たい色があなたのブランドを最もよく反映する理由を理解するでしょう。 これらの色が呼び起こすムードと意味合いは、それらを最良の選択にします。

要するに、色の理論は、どんな色も気分や価値観に結びつけることができるという考えです。 これらのつながりのいくつかは本能的ですが、他のつながりは微妙です。 選択した色は、ブランドに大きな影響を与えます。 以下は、色によって引き起こされるいくつかの気分のスナップショットです。

空欄

ブランドに適したカラーパレットを選択することが重要な理由

いくつかの人気のあるブランドの色が何を表すかがわかったので、適切な色を選択することがブランドにとって不可欠なものである理由も理解する必要があります。

ブランディングのために色を選ぶとき、ビジネスのすべての可能なユースケースで色をテストすることは非常に重要です。 これが非常に重要である主な理由のいくつかを次に示します。

  • 明るく鮮やかな色は、使いすぎると目を細めたり、頭痛を引き起こしたりする可能性があります。 そのような色は、適度に、または可能であれば、または最小限の量で使用するようにしてください。
  • 高コントラストの色は、遠くから見た場合にうまく機能します。 大勢の聴衆に向けて作成している店の看板やプレゼンテーションがある場合は、これらを選択してください。
  • 色が異なれば、買い物客も異なります。 たとえば、赤、オレンジ、またはロイヤルブルーは衝動的な買い物客を呼び込み、ティールとネイビーは予算内で買い物客を呼び込むことができます。
  • それらは変換にも影響を与えます。 たとえば、Hubspotが実施した調査では、ここでの関係を評価しました。 彼らは、変換に影響を与えるかどうかを確認するために、緑と赤の色を別々に使用しました。
空欄

彼らは、色を赤に変更すると、実際にコンバージョンが21%増加したことに気づきました。 緑のボタンよりも赤いボタンをクリックする人の方が多かった。 ページ上の他のすべての色は同じに保たれ、これが唯一の違いでした。 これは、いくつかの色がより良い反応を刺激することさえできることを明確に示しています。 ブランドの色を選択する前に、可能であれば、実際にいくつかのテストを行うことは価値があります。 そして、あなたが新しいキャンペーンを実行するたびに。

どの色がうまく機能するかわからない場合は、一般的な配色を調べて、自由に選んで選択しないでください。 見栄えは良いかもしれませんが、ビジネスに悪影響を与える可能性があります。 始めるための良い方法は、さまざまなWebサイトやデザインを調べて、何が注目を集めたか、そしてその理由をメモすることです。

適切なカラーパレットを選択することが重要である理由に関するいくつかの統計を次に示します。
  • 色は、消費者の最初の印象のほぼ90%に影響を与える可能性があります。
  • 性別や年齢によって色の見え方が異なります。
  • 青は57%の男性と35%の女性に好まれています。
  • 色は、すべての買い物客の85%の買い物の決定に影響を与えます。
  • 色はブランド認知度を約80%高めることができます。
  • 驚異的な93%の買い物客は、購入を考えているときにビジュアルだけに頼っています。

デザインに適したカラーパレットを選択する方法

ブランドにとって色がどれほど重要かを知っているので、デザインを作成するときに適切な色を選択する方法を見てみましょう。

  • 設定–これはすべて、クライアントと話し、選択した色でクライアントが問題ないことを確認することです。 あなたがあなた自身の会社のためにデザインしているなら、色が実際にブランドが表すものを表していることを確認してください。
  • 背景–デザインする前に、自分のブランドまたはクライアントのブランドの歴史を調べてください。 ブランディングプロジェクトに取り組んでいる場合、この裏話を知っていると、いくつかのクールなアイデアを思いつくのに役立ちます。 ブランドアイデンティティを輝かせ、そのすべてのニュアンスを真に表す色を選ぶのに役立ちます。
  • 競争–競争を研究することは、同じ業界の人々が使用している一般的な色についてあなたに知らせ、あなたが避けることができるものも示します。 このようにして、あまりにも似ているものを作成することはありません。 同時に、ターゲットオーディエンスに最適な色を取り入れます。
  • 心理学–上で述べたように、あなたの聴衆があなたが選んだ色にどのように反応するかを知ることは重要です。
空欄
クレジット:@ melanie.johnsson
  • 文化–市場の文化的人口統計に基づいて、色の使用が特定の民族や文化を傷つけたり、先延ばしにしたりしないようにすることができます。 同時に、あなたはあなたが本物として出くわすようにあなたのビジネスの性質/文化を表すために正しいカラーパレットを選びたいです。 あなたのブランドとあなたの聴衆の両方に話す色を選んでください。
  • あなたの聴衆–あなたの顧客はあなたのデザインの方向を変えることができます。 オレンジは新しい黒のように見えるかもしれませんが、市場調査で視聴者が黄色を好むと言われている場合は、黄色です。 色の好みも、視聴者のさまざまな年齢層に基づいて変わります。 どこから始めればよいかわからない場合は、類似している会社を調べて、どの色を採用しているかを確認してください。 それが彼らのために働いたかどうかを確認し、あなたの研究データを収集してください。

しかし、どのようにして組み合わせる適切な色を選択できますか?

一連のデザインに対して完全に新しいカラーパレットを作成することを検討している場合や、現在使用しているカラーパレットをデコードしてみることをお勧めします。 あなたが知っておくべきカラーパレットの4つの主要なタイプがあります:

  • 単色–これは、同じ色の異なる色合いと深さを持つカラーパレットを指します。 このため、これらは作成するのが最も簡単なパレットの1つです。 これで悪い配色を作成するリスクはあまりありません。 しかし、うまく行かないと、退屈に見えるだけです。
空欄

類似–このカラーパレットには1つの原色があり、次にカラーホイールのいずれかの側の色があります。 これらは、デザインの一貫性と均一性を維持するのに役立ちます。 色相に大きな違いがないため、このパレットでの作業は簡単です。 コントラストは、色合いのバリエーションによって引き出されます。 コンテンツから注意をそらすことはありません。

空欄

補完–これらは、青とオレンジ、赤と緑など、カラーホイールの反対側にある色を特徴としています。 バランスをとるデザインを作成するのに最適です。 色合いと色合いを追加すると、このパレットを拡張できるようになります。 したがって、コントラストが厳しすぎるリスクを冒すことはありません。

空欄
スプリット補色カラーパ​​レット

Triadic –このカラーパレットは、青、オレンジ、赤など、カラーホイール上で互いに等距離に配置された色で構成されています。 これにより、カラーパレットがより多様化され、正しい音符を打つにはさらに多くの実験が必要になります。

空欄
これらのタイプのカラーパレットを今知っているので、選択するときは、次の3つのヒントに従ってください。
  • 最初にグレースケールでデザインをドラフトします。 これにより、最初の試行で色を正しく取得するよりも、ナビゲーションの使いやすさと明瞭さに集中できます。 空白を最適化し、最初に要素をレイアウトします。 適切なタイプと要素により、最高のユーザーエクスペリエンスが実現します。
  • 60%+ 30%+ 10%の比率で色を使用してください。 これにより、カラーバランスがとれます。 これにより、ある焦点から別の焦点に移動するときに目が快適になります。 60%が支配的な色相になり、30%が二次的な色相になります。 10%は単にアクセントカラーとしてあります。
  • 完璧なカラーパレットがそこで作られているので、デザインするときは自然に目を向けてください。 ビーチ、夕日、日の出、葉を考えてみてください。 たとえば、Adobe Captureのようなものは、写真からカラーパレットを分離するのに役立ちます。
空欄

適切なカラーパレットを生成して選択するのに役立つツール

デザインの色をいじってみませんか? すごい! 私たちはあなたを助けるいくつかのクールなツールを持っています:

カラーハント

これは無料であり、色のインスピレーションをたくさん与えるオープンなプラットフォームです。 彼らはまた、何千ものトレンディで厳選されたカラーパレットを持っています。 あなたがする必要があるのは、単にこれらをスクロールして、あなたの目を引き、あなたのブランドのために働くものを探すことです。

クーラー。 Co

あなたが冒険好きなデザイナーなら、これはあなたが素晴らしい配色を生成することを可能にする本当に速いツールです。 PhotoshopとIllustratorを使用している場合、このツールにはiOSアプリと、使用できるAdobeアドオンが付属しています。 あなたは彼らのコミュニティから文字通り何千ものカラーパレットを閲覧することができるでしょう。 数回クリックするだけで、これらを保存したりアクセスしたり、デザインで使用したりできます。

パレットトン

このツールは、1つの例外を除いて、先ほどリストした2つに似ています。これらは、5つのメイントーンに限定されているだけではありません。 原色を並べ替えて、追加の色調を調べたい場合は、これが最適なツールです。 前に説明した4種類のカラーパレットも調べたい場合は、このツールが役立ちます。

ブランドのプライマリカラーとセカンダリカラーの選び方

あなたのブランドアイデンティティは何ですか?

あなたが選ぶ色はあなたのブランドアイデンティティを反映します。 カラーパレットには、送信する値とメッセージを反映する必要があります。 あなたの会社の性格を説明する形容詞のリストを書き留めてください。 ブランドをどのように認識してもらいたいか、競合他社と比較して何があなたをユニークにしているのかなどを自問してください。 下の画像は、色を選ぶときに考えたいブランドアイデンティティの特徴を示しています。

空欄

色の意味を調べてください

前に言ったように、選択した色が表す意味を確認してください。 あなたはあなたの聴衆に間違った感情を与えたくありません。

インスピレーションのための研究

調査を開始します。 ロゴと色で揺るぎないアイデンティティを生み出した成功したブランドのいくつかを見て、プライマリとセカンダリのカラーパレットをどのように選択したかを確認してください。

原色を選ぶ

これは、ブランドに関連付けられている最も支配的な色になります。 たとえば、ティファニーの機能は青で、Pinterestの主な色相は赤です。 あなたが探す必要があるのは、あなたのブランドが関連する可能な限り最高の意味を具体化する単一の色です。 必要に応じて、ダークからソフト、ネオンまで、その色のさまざまな色合いや色合いを試すこともできます。

空欄
今あなたの二次色を選択してください

原色を決めたら、それに合う他の2〜4色を決めることができます。 これらは主要な色相を補完する必要があり、その隣に表示することも、単独で表示することもできます。 前にリストした4つのカラーパレットタイプを覚えていますか? これらの二次色を選ぶためにそれらを参照してください。

空欄
空欄
ニュートラルカラーも必要になります

ニュートラルカラーは通常、黒、白、または灰色です。 それらは背景として表示されるか、ブランドのデザインにあるレタリングにも表示されます。

空欄
それをテストする

カラーパレットの選択が完了したら、さまざまな組み合わせでテストして、適切なブランドボイスが作成され、一緒に表示されることを確認します。

空欄
空欄

色は、ブランドアイデンティティ、スタイルガイドライン、および作成するデザインの非常に重要な部分です。 彼らはメッセージを伝えるだけでなく、人々をあなたのブランドに近づけます。 ブランドに適したカラーパレットを選択するには、かなりの調査を行う必要があります。

あなたが提供する製品やサービスについて顧客が考えるときに心に留めておくブランドになりましょう。 自分を目立たせ、必要なだけ大胆に大胆に行動することを恐れないでください。