あれ？画像の文字がなんだか読みにくいぞ…
色が派手すぎるかも？
デザインには不向きな NG配色 ってのがあるよ！
みなさん、デザインの配色どのように決めていますか？
特にスマホの小さい画面で作ると、ついつい鮮やかな色や派手な組み合わせを選んでしまいがち。
この記事では、初心者が避けたいNG配色とその理由、色選びを助けてくれる便利機能・アプリについて詳しく紹介します！
配色に悩む初心者におすすめの便利アプリ＆機能
「どの色を選べばいいのかわからない…」という方には、以下の機能やアプリが役立ちます。
とくにデザインを始めたばかりの頃は
何色を選んだら良いのかわからない…
と配色迷子になりがち。
カラーの基本についてこちらの記事で解説しています。
Canvaの「スタイル」機能
テンプレートに合わせたカラーパレットをワンタップで反映できます。
カラーパレットについてもこちらの記事で解説しています。
配色のヒントをくれるおすすめアプリ Color Harmony
統一感のある配色を提案してくれます。
アプリはアップデートによって有料になることもあるので注意！
最新情報をチェックしてから使いましょう。
使わない方がいいNG配色 の基本
色の組み合わせが悪いと、以下のような影響が出ます
・目がチカチカして読みにくい
・文字が背景に埋もれて見えない
・見た目が派手すぎてチープな印象に
・情報がうまく伝わらず離脱されやすい
以下で具体的な色の例を見ていきましょう。
原色を使いすぎると読みづらい
Canva初心者がやりがちなミスのひとつが、「原色をベタ塗りで使ってしまう」こと。
たとえば、以下のような色です。
真っ赤（#FF0000）
真っ赤は血や危険を連想させ、見ている人を不安にさせてしまいます。
赤が目立つ！
目立つのは事実ですが、見る人に優しいデザインかどうか考えましょう。
純黒（#000000）
真っ黒はテキストでも素材でも使わない色です。
とにかく重たい！
見ると疲れてしまうので少しグレーや青によった黒色を使用するのをお勧めします。
原色の青や緑（#0000FF、#00FF00など）
こちらは原色の青と緑！
目が疲れる…
パキッとしすぎてしまう原色。
イラスト素材よりも目立ってしまっています。
蛍光色・ネオンカラーは使いどころが難しい
蛍光色は目立つ反面、読みづらさが際立ちます。
原色と同じように、見やすいかどうかを考えて使うのがポイントです。
蛍光黄色（#FFFF00）
明るい蛍光の黄色は文字が読みにくい！
目に真っ先に黄色が入ってきてチラシの内容が残りません。
蛍光ピンク（#FF00FF）や蛍光グリーン（#39FF14）
目がチカチカしてきました。
こちらのピンクは実はデザインで使っている初心者さんを多く見かけます。
めちゃくちゃ目立つ！！！
のですが、周りとの調和が取りづらいです。
「NG色」も使い方次第では効果的！
すべての原色・蛍光色が「絶対NG」なわけではありません。
以下のように、アクセントとして使えば効果的です。
赤 → セールや警告マークなど、「目立たせたい部分」だけに少し使う
目立ち、心に不安を残す赤は「禁止」や「注意」のデザインにぴったりです。
入らない・触らないなどの禁止事項が文字を読まなくても伝わってきます。
黒 → モノトーンデザインに合わせると高級感が出せる
真っ黒をモノトーンにあえてデザインにとりいれた事例です。
超上級者向け！
こんな使い方があるんだなくらいで見ておきましょう。
蛍光ピンク → 女性向けのポップなデザインでアイコンや線などに限定して使用
蛍光ピンクをロゴや線で使ってみました。
ヨガ教室に来てほしい人が女性なので蛍光ピンクをポイントカラーにしました。
ロゴや線などサラッと使って活き活きした女性を表現！
蛍光黄色 → 暗い背景に少量使えば注意喚起として機能する
原色の赤と効果は似ていますが、蛍光の黄色はとにかく目立ちます。
注意喚起のポスターに使ってみました。
蛍光の黄色は使いすぎるとテキストもイラスト素材も見えにくくなってしまいます。
他の黄色系のカラーと合わせてうまく使いましょう。
読みやすくておしゃれな配色にするためのコツ
NG配色を見てきましたが実際にどのような配色が読みやすいのでしょうか。
初心者でもすぐに取り入れられるポイントをまとめました。
できそうなところからぜひやってみてください。
同系色でまとめる
初めの方はスタイルを参考にすると分かりやすいです。
星空の写真（ネイビー）を目立たせたいのでくすんだブルーを背景に選択しました。
背景と文字のコントラストを意識する
読みやすい色の組み合わせを見つけよう！
テキストは伝えたいメッセージとして配置しているのか
デザインの一部として入れたのかによって色も変わってきます。
色の明るさや彩度を少し落とすと大人っぽく見える
透過やぼかしなど素材そのものを工夫すると自然な感じに◎
グレーやアイボリーなど中間色をうまく使うとデザインがより柔らかくなります。
まとめ｜配色を工夫すればデザインの質がぐっと上がる！
色の選び方ひとつで、「見やすさ」「信頼感」「デザインの印象」が大きく変わります。
初心者のうちは、派手すぎず読みやすい色を選ぶ意識が大切。
今回紹介したNG色の注意点と、便利な配色アプリを活用して、色選びも楽しんでくださいね。
コメント