見出し画像

【基本から応用まで！】バナー制作に役立つ”色選びのコツ”

アップグレード｜Design Team

デザインをするためには色選びが非常に重要です。
色は見る順番、印象などに影響します。なんとなくで選ぶのではなく、効果を理解し、慎重に選ぶ必要があります。
デザイン制作の役に立つ、カラーの基本から組み合わせまでまとめました！

基本

暖色

進出色（近くにあるように感じる）
膨張色（大きく感じる）

寒色

後退色（遠くにあるように感じる）
収縮色（小さく感じる）

重さ

  • 明度が高いカラーは軽く感じる

  • 明度が低いカラーは重く感じる

テンション（コピー）

  • 暖色や明るい色はテンションが高い印象

  • 寒色や暗い色は落ち着いた印象

【例】

派手と地味

💡 ファッションをイメージしてみよう！

  • 色相・彩度・明度が近いと地味

  • 差があると派手

  • ビビッドであるほど派手

明るい・暗い背景

  • 白背景では赤やオレンジが目立つ

  • 黒背景では黄や水色が目立つ

トーン

1色

  • 赤

    • ポジティブな印象：情熱、愛、衝撃、エネルギー

    • ネガティブな印象：危険、怒り、争い

    • 濃い赤：進出色、目立つ、視認性高、購買意欲

    • 薄い赤：春、女性的

  • オレンジ

    • ポジティブな印象：元気、親しみ、陽気

    • ネガティブな印象：安っぽい、垢抜けない、騒々しい

    • 濃いオレンジ：進出色、目立つ、一歩間違えると茶色、夏秋

    • 薄いオレンジ：肌色

  • 黄

    • ポジティブな印象：明るい、幸福、活発

    • ネガティブな印象：幼稚、警告、注意

    • 濃い黄：暗い背景にアクセントカラー、夏秋

    • 薄い黄：白背景に使いにくい、背景色○

  • 緑

    • ポジティブな印象：自然、リラックス、平和

    • ネガティブな印象：疲れ、未熟、弱々しい

    • 濃い緑：若干高級、秋

    • 薄い緑：優しい、中間色で使いやすい、春

  • 青

    • ポジティブな印象：信頼、爽やか、冷静、清潔

    • ネガティブな印象：冷淡、悲しみ、さみしさ

    • 濃い青：後退色、使いやすい、若干高級、冬

    • 薄い青：後退色、使いやすい、春夏冬

  • 紫

    • ポジティブな印象：高級、神秘、優雅

    • ネガティブな印象：不安、不安定、下品

    • 濃い紫：和、年齢高め

    • 薄い紫：若い、ポップ、女性的

  • ピンク

    • ポジティブな印象：可愛い、やさしい、フェミニン

    • ネガティブな印象：幼稚、繊細、弱々しい

    • 濃いピンク：若い

    • 薄いピンク：使いやすい、春、女性的

  • 茶

    • ポジティブな印象：自然、安心、ぬくもり

    • ネガティブな印象：地味、保守的、汚さ

    • その他：アクセントとして使いやすい、秋

  • 黒

    • ポジティブな印象：高級、クール、力強さ

    • ネガティブな印象：不吉、恐怖、悪

    • その他：文字

  • グレー

    • ポジティブな印象：実用的、落ち着き、中立

    • ネガティブな印象：曖昧、無気力、陰気

    • その他：悩む、苦しむ

  • 白

    • ポジティブな印象：純粋、無垢、清潔

    • ネガティブな印象：空虚、殺風景、冷たい

    • その他：一番使いやすい

参考：
【こんなにも凄い】色が人の心理と行動に与える影響とは
色が持つポジティブ / ネガティブな印象
【色彩心理学】人の五感に作用する色効果とデザイン【色彩学】

2色

季節・イベント

【例】

  • お正月

  • 冬

補色

  • 色相環で反対の色

    1. 👉 対比

【例】

ハレーション

  • 異なるビビッドカラーを組み合わせると眩しく感じて視認性が下がる

    • 特に補色

【対処法】

  1. 彩度・明度に差をつける

  2. 彩度を落とす

  3. 明度を落とす

  4. 間に別の色を入れる

並べ方

パキッと分ける

グラデーション

参考：
2色配色パターン
2色の組み合わせ
おすすめ
配色のコツ・ポイントについて徹底解説します！

3色

デザインをするときには基本3色以内で収める（白黒は除く）

ベースカラー：メインカラー：アクセントカラー ＝ 70：25：5

3色配色パターン
【イメージ別】3色の配色パターン200選｜現役デザイナー厳選

最後に

私たちデザインチームは、たくさんのデザインと言語化を通してチームで会社の成功を目指したい！アップグレードのデザイナーの知識をアウトプットをしていきますので、フォローとスキをして、今後もぜひチェックしてくださいね！

株式会社アップグレードはデザイナー兼アートディレクターを募集しています！
👇下のリンクからチェック！


この記事が気に入ったらサポートをしてみませんか？