PR フリ校

フリ校 voicy 2023年11月7日 配色がイマイチな時に確認したいポイント

8/8より火曜日担当はちふねこさん

2023年11月7日 配色がイマイチな時に確認したいポイント

配色 → デザインを作っているときの色使い

  デザイン、バナーで使われている色の種類の組み合わせがなんかイマイチ、
  野暮ったいけど、どこを修正したらいいのか迷宮しているときに、
  あらためて確認してほしいポイントを紹介します!

ポイント

1⃣色数
2⃣トーン
3⃣割合
4⃣境界

1⃣色数
色数が多すぎないかというのが、意識したいポイント
  多すぎるとまとめるのが難しい、一般的には3色でいいくらいと言われている

✅テーマによっては、カラフルで楽しい印象を伝えたいとき、
  あえて色々な色を使うというのはあり
  そうじゃない限り、基本的に3色で十分

気を付けたいポイント
  自分で使っている色は3色だが、デザインに入っている写真やキャラクターに
  全然違う色が入っっている事で、全体の色数が増えて見えるようなときは、
  デザインで使っている色を写真から抽出する。
  写真やキャラクターの色をあえて、ポスターのアクセントカラーに使ったり
  ベースカラーに織り交ぜたりする。
  
  その絶対に使わないといけない素材、写真素材があるなら、
  そこをベースに配色を決めていく

2⃣トーン
✅色のトーンが揃っているか

色のトーン
  色の彩度、明度が同じような似たようなグループで分けたもの

✅ペールトーン、グレイッシュトーン 、 ビビットトーンなど色々なトーンの種類があり
  それぞれ似たような性質の色が分けられている

✅この色のトーンが、自分が作っているデザインで使われている色のトーンが揃っているか
  というのが一つ確認したいポイント

色々なトーン

✅色のトーンにもそれぞれ印象がある
  ペールトーン:やさしい印象を与える
  ビビットトーン:元気な印象を与える

✅トーンごとに与える印象が違ってくるので、一つのデザインの中で
  色々なトーンが混ざると、余計な印象を加えてしまう

  色々な印象、情報が増えて、まとまりがなく統一感がなくなってしまう

✅色数を3色に抑えているのに、なんかまとまりがないというときは、
  色のトーンを意識してみるとより統一感が出るかもしれません

✅例外として、アクセントカラーなら、違うトーンでもいい
  アクセントカラーはデザイン全体の1割未満、少し差し色のように使うカラー
  
  全体がパステルカラーの印象の中に1色、蛍光色のようなビビットなカラー
  少しあるだけでもすごく目立つ

  敢えて目立たせるアクセントカラーとして、ポイントに一色目立たせるなら、
  必ずしも、全部パステルカラー、ペールトーンや同じトーンに合わせなくても逆にいい
  そうすると刺激のあるデザインになる

3⃣割合
✅例えば、3色あるとして、それぞれの色の割合にしっかりメリハリがあるか
  意識したいポイント
  → 具体的には、6:3:1というのを最低でも意識している

✅比率は人によって差があって、7:2.5:0.5などもある
  要はしっかりメインのカラーサブカラーと、少しだけ使うアクセントカラー
  それぞれのメリハリ、それぞれの差をしっかり付けるというのがポイントになる

✅配色でなんかイマイチだなというとき、この「割合」が原因のときが多い
 デザインを作っているときは「割合」見逃しがちです

✅色の面積の差がついていないと、全体的に締まりがなくなる
  色のメリハリ、割合を意識することで、デザイン全体に締まりが出る

✅色数を絞っているし、色のトーンも合っているのに、なんかイマイチだと思ったら、
  色の割合というのが、6:3:1以上になっているか、しっかり差がつけられているか
  意識するとより改善できるかもしれません

4⃣境界
「境界」はデザインの見やすさに関係する

✅隣り合っている色の明度差がしっかり付いているかどうかがチェックポイント

✅隣り合っている色というのは、背景の上に文字を載せた時の色の明るさの差
  黒い背景に白い文字を載せたら、明度差はマックス
  黒い背景にダークグレー文字が入っていると、明度差が少なさすぎて読みづらい

✅明度差がついていないと、そもそも文字だったりアイコンが見えづらい
  全体的にぼんやりとした印象を与えてしまう
  デザインの印象がイマイチ、野暮ったい印象に繋がる
  色の境界が明度差が付いているかというのを意識するといいと思います

ポイント

1⃣色数:色を使いすぎていないか
2⃣トーン:トーンが揃っているか
3⃣ 割合:色の割合にメリハリがあるか
4⃣ 境界:色の境界がはっきりしているか

「配色」について、
とても分かりやすい説明ありがとうございます!

色数3色は、キャラDAOまーるさんのデザイン講座でも教わり意識しております。
デザイン界では一般的なんですね。
改めて、大切さを実感です!

色のトーン、こんなに種類があるなんて知らなかったです。
知らない言葉ばかり、勉強になります。
「すみっこぐらし」とかペールトーンに統一されているイメージです。

色の割合、6:3:1。
具体的な比率、有難うございます。
面白いですー。

今回の放送で、さらにデザインの見方が変わり、より楽しくなりそうです!

ありがとうございました!

よろしければ、
「フリ校ボイシー火曜日まとめ」もどうぞー

-フリ校