インスタ投稿画像の色の使い方｜差別化できるデザインのコツ

Instagramの投稿画像で色の使い方で気を付けるべきデザインのコツをご紹介します。

AIPON

色の使い方でデザインの見え方は一変するよ！

デザインって「センス」がいるって思っていませんか？

実はそれよりも先に「知識」の方が重要です。

と悩んでいる方は「色」を検討しなおしてみてください。

初心者さんやノンデザイナーさんは、

色の配色についての「基本原則」を知らずにデザインを開始している人が多いので

次のポイントを意識して作成してみてね☺

AIPON

色の印象ってとっても大事だよ！

色彩心理学：色が持つ「イメージ」を知ろう

AIPON

身の回りの「物の色」にもちゃんと意味があるよ！

例えば、日本の信号機は「黄色」と「黒」ですが、

黄色と黒の組み合わせは【危険】【注意】というイメージがあります。

虫の蜂もそうですが、自然の物や周りの物から色をインスピレーションしてみて下さい。

赤が与える印象・イメージ

AIPON

「赤」に対してどんなイメージがありますか？

例えば…

• 炎
• 温かさ
• 血
• 戦い
• 強さ
• 信頼
• 力強さ
• 情熱
• 愛情

などなど

色の組み合わせでガラっと変わる色ですが

【強いメッセージ】を伝えたい時に使われることが多いです。

青が与える印象・イメージ

AIPON

青が持つイメージは、どんな印象がありますか？

例えば…

• 水、空、海
• 冷たい
• 冷静
• 安心感
• 誠実
• 真面目
• 専門的
• 清潔
• 清々しい

などなど。

「海」「空」のイメージから、

【キレイ】な印象が強いデザインに使われることが多いです。

黄が与える印象・イメージ

AIPON

黄色の物を想像してみて…

例えば…

• 太陽
• 楽しさ
• 明るい
• 快楽
• 幸せ
• フレッシュ
• 高級
• 注意
• 警告

などなど。

目立つ色なので、別の色の組み合わせ次第で

【ポップ】なイメージも多ければ

【注意喚起】を促すデザインで使われることが多いです。

緑が与える印象・イメージ

AIPON

緑が持つイメージは…？？

例えば…

• 自然
• 草、葉
• 安らぎ
• 成長
• 健康
• 安定
• フレッシュ

などなど。

どこか落ち着く色なので

【リラックス】を与えるイメージで使われることが多いです。

ネットの購入ボタンも実は『緑』が多く、

人が自然と安心する色だからです！

色の割合を調整しよう

スマホの画面でもそうですが、

いろんな色のアプリが並んでいるとゴチャゴチャして見えませんか？

色には

の【三属性】という基礎中の基礎がありますが

この３つの割合を意識しながら色を選ばないと、

見やすいデザインを作ることができません。

ノンデザイナーさんがやりがちなことを交えて

色の割合のポイントをご紹介します。

❶原色は使わない方がいい

AIPON

Canvaに入っている「デフォルトカラー」をそのまま使っていませんか？

デフォルトカラーは原色が入っているので、使わないようにしましょう！

原色のみ使ったデザインは上級者向けです。

写真と組み合わせた投稿画像を作成する場合は、

写真の中に入っている色を使うとまとまって見えます。

AIPON

色を選択する際は「スポイト」を使ってみてね！

❷彩度が高い色は避ける

AIPON

彩度とは、色の鮮やかさのことですが

目がチカチカしませんか？

色の一覧の中で右上あたりの色は使わないようにしましょう！

彩度が高い色は「目立つ」色ではありますが、

上手に使わないと人が疲れるデザインになってしまうので気を付けて下さい。

❸２・３色に絞った方がまとまって見える

AIPON

初心者さんはなぜか多色を使いがち…

いろいろ装飾したくなってしまうデザインでも、

最高３色に絞ってまとめた方が統一感が出ます。

３色の中でも１色だけ目立つ色にして、

アクセントをつけるイメージで作成してみましょう。

デザイナーさんがよく使っている配色ツール（Adobe Color CC）をどのように利用しているか調べた

トロント大学の調査によると、

多くの人が２色または３色のみを使った

「シンプルな色の組み合わせを好む」という傾向がわかってきています。

AIPON

使う色を３色に絞って作成するようにしてみて下さい！

❹黄金比率は「6:3:1」

AIPON

使う色の比率も意識してみて！

色を絞ったら次は「比率」にもこだわってみて下さい！

という順番で色を選んでいく方法をおすすめします。

ですが…

色の組み合わせによって印象も変わってくるので、

迷った時は下記の本かサイトを参考に選んでみて下さい！

配色パターン見本40選：ベストな色の組み合わせ確認ツール

コピペで使えるオシャレな色の組み合わせを紹介します。それぞれの配色の実際の使用例まで用意しました。

saruwakakun.com

見てわかる、迷わず決まる配色アイデア3色だけでセンスのいい色 [ ingecta… 価格：1980円（税込、送料無料) (2022/5/19時点) 楽天で購入

インスタ投稿画像を作るなら色の使い方で差別化しよう

AIPON

ノンデザイナーさんがやりがちな間違いは「色遣い」

色を選ぶのってなかなか難しいんですが、

を意識してみて下さい。

目立たせたいからコノ色！という理由で選ばず

一番目立たせたい所はどこか

割合も気にしてみてね★