「この色のほうが目立つかな」「いや、こっちも入れたほうがきれいかも」
仕事のPowerPointやブログのアイキャッチを作っていると、配色で迷うことがあります。私も最初から明確なルールがあったわけではなく、良くしようとして色や情報を足しすぎたこともありました。
でも、いろいろ作って振り返ってみると、結局使いやすかったのはシンプルな配色です。今は基本的に3色程度に抑えて、「誰に何を伝えるのか」「文字は読みやすいか」を先に考えるようになりました。
この記事では、仕事の資料とブログで配色をどう変えているのか、色を増やしすぎて失敗した経験も振り返ります。「センスで何となく選ぶ」状態から、何を基準に色を決めるようになったのかを書いていきます。
配色で迷ったら最初に「目的」を決める
デザインの配色というと、以前は私もどこか「センスのいい色を選ぶもの」というイメージがありました。
でも仕事でPowerPoint資料を作ったり、ブログのアイキャッチを何枚も作ったりしていると、それだけでは決めにくいんですよね。青もいい、黒も締まって見える、少し別の色を入れればもっと目立つ……なんて考えているうちに、選択肢ばかり増えてしまいます。
そこで今は、色を選ぶ前に「誰に、何を伝えるためのデザインなのか」を考えます。
たとえばクライアントに説明する資料なら、派手さより内容を追いやすいことが大事。一方、ブログのアイキャッチなら、スマホで流し見されたときでも「何の記事だろう？」と一瞬目に留まることも意識します。
同じ私が作るものでも、目的が違えば選ぶ色は変わります。
「何色がおしゃれか」から考えるより、「何を伝えたいか」から考えたほうが、私は配色で迷いにくくなりました。
これはITの仕事にも少し似ています。選択肢をどんどん増やすより、まず目的をはっきりさせる。あとから振り返ったときに「なぜこの色にしたのか」を自分なりに説明できるほうが、私は納得できます。
3色に絞ると配色が決めやすくなった
配色で迷っていた頃は、色を増やすことにあまり抵抗がありませんでした。
ここを目立たせたいから赤、こっちは青、その隣は少し違う色……。作っている本人としては、それぞれちゃんと理由があります。でも完成したものを改めて見ると、「で、結局どこを見ればいいんだ？」となることがあるんですよね。
作っている途中では、これがなかなか分かりません。ひとつずつ足しているので、そのたびに良くなったように見えてしまうからです。
そんな経験もあって、今は最初に2〜3色程度で考えるようになりました。色を絞ってからは、「ここは何色にしよう」と場所ごとに悩むより、「背景」「全体の印象」「強調したいところ」と役割で考えられるようになったんです。
色の候補そのものが減るので、作っている途中で迷いにくい。あとから見直したときも、「この色は何のために入れたのか」を判断しやすくなりました。
私が3色程度に落ち着いた一番の理由は、見た目がおしゃれになるからではなく、この分かりやすさでした。
ベース・メイン・アクセントに役割を分ける
3色を使うときは、それぞれの役割を分けると考えやすくなります。
- ベースカラー：背景など広い部分に使う
- メインカラー：デザイン全体の印象を作る
- アクセントカラー：特に見てほしいところに使う
たとえば、白をベースにして青をメインにする。そして本当に目立たせたい部分だけ、別の色を使うイメージです。
私が青＋白を使いやすいと思うのも、この役割を作りやすいから。ネイビー寄りにすれば落ち着いた印象になりますし、明るいブルーなら少し軽さも出せます。
柔らかく見せたいときはピンク系、高級感や特別感が内容に合うなら黒＋ゴールドを選ぶこともあります。
ただ、「女性だからピンク」「高級そうにしたいから、とりあえず黒とゴールド」という決め方はしません。色そのものより、内容と見た目が合っているかを見ます。
ここがズレると、画像だけ立派なのに中身との温度差が出てしまいますからね。
色を足すほど良くなるとは限らない
これは生成AIでブログのアイキャッチをたくさん作るようになって、特に実感したことです。
生成AIは便利なので、「もう少し目立たせて」「ここを豪華に」「この要素も入れて」と指示すれば、どんどん作り込んでくれます。私も最初は良くなっているつもりで、何度も修正していました。
ところが修正を重ねるうちに、背景にも色が入り、文字まわりにも装飾が増え、人物を入れた画像では顔までリアルになっていきました。画像単体で見れば、最初より明らかに豪華です。
でもブログの一覧で見ることを考えたときに、「いや、ちょっと待てよ」と。
欲しかったのは、記事の内容が一瞬で分かるシンプルなアイキャッチだったはずです。それなのに、いつの間にか「AIでどこまで豪華に作れるか」のような方向に寄っていました。
そこで初めて、画像をきれいにすることと、ブログで使いやすくすることは別だと気づきました。
改めて考えたのが、「何のための画像なのか」ということです。
色も要素も、足せば足すほど良くなるわけではありません。3色程度に絞るのは、必要なものを残すためでもあります。
それ以来、何か足したくなったときほど「この色、本当にいる？」と考えます。少し物足りないくらいで一度止めて、完成した状態を見直す。私にはそのくらいのほうが、結果的にまとまりやすいようです。
仕事とブログでは同じ配色を使わない
3色程度に抑えるといっても、いつも同じ3色を使うわけではありません。私の場合、仕事とブログではかなり考え方を変えています。
配色に絶対の正解を作るより、そのデザインを見る状況に合わせたほうが使いやすいからです。
PowerPointは落ち着きと強調を優先
ITコンサルの仕事ではPowerPointを使う機会が多く、クライアント向けの資料ではグレーや黒などのシックな色を基本にすることがあります。そこへ、結論や特に見てほしい数字など、説明するときに視線を集めたい部分だけコーポレートカラーの紫などを入れます。
資料で避けたいのは、色が多すぎて「どこが重要なのか」をこちらから説明しないと伝わらない状態です。
図や数字、文章など、資料にはもともと情報がたくさんあります。そこへさらに何種類もの色を加えたら、肝心の情報まで埋もれかねません。
色を増やして華やかにするより、紫が出てきたら「ここを見てほしい」と分かるくらいのほうが、私は使いやすいと思っています。
全部を目立たせたら、結局どこも目立たないんですよね。
ブログは一瞬で伝わるかを考える
ブログのアイキャッチでは、仕事の資料とは少し考え方が変わります。
読者が一枚の画像をじっくり見るとは限りません。スマホでスクロールしながら、ほんの一瞬だけ見ることもありますよね。
そのため私は、まず「何についての記事なのか」が分かることを重視します。そのうえで、「おっ」と一瞬目に留まるものが少しあればいい。
色を決めるときも、「ブルーなら爽やか」といったイメージだけで決めるのではなく、実際にアイキャッチとして並んだときに記事の内容とズレて見えないかを確認します。
単体ではきれいでも、記事の内容より画像の印象が強くなっていたらやり直す。生成AIで何枚も作るようになってからは、色の意味を考えるだけでなく、「この画像が前に出すぎていないか」も見るようになりました。
生成AIに画像を作ってもらう場合も、「おしゃれにして」だけで済ませるより、使う色や役割を指定したほうが自分のイメージには近づきやすくなります。
とはいえ、AIは指示したから毎回その通りになるわけでもないんですよね。思っていたものと違えば指示を変えて、また作る。それを何度か繰り返すこともあります。
最終的には自分の目で、「一瞬で内容が分かるか」「余計な色が入っていないか」を確認します。AIがきれいに仕上げてくれたからOK、ではなく、使う場所に合っているかは人間側で判断するようにしています。
おしゃれさより文字の見やすさを確認する
配色を決めたあと、私がかなり気にするのが文字の見やすさです。
どれだけきれいな色でも、文字が読みにくければブログや資料では困ります。特に気になるのが、淡い背景に白い文字を重ねたようなデザインです。
作っているパソコンの大きな画面では「まあ読めるかな」と思っても、スマホで見ると一気に読みづらくなることがあります。せっかく色を悩んで決めても、文字が読めなければ意味がないですよね。
そのため、完成した画像は作業画面だけで判断せず、実際に小さく表示したときにも文字が埋もれていないかを見るようにしています。白い背景なら黒や濃いグレー、濃い青の背景なら白というように、背景と文字の明暗差も意識します。
「大きく表示すれば読める」ではなく、実際に使われる大きさで読めるか。ブログのアイキャッチでは、こちらのほうを優先しています。
Webサイトでは、感覚だけでなくアクセシビリティの基準も確認できます。
WCAG（Web Content Accessibility Guidelines）では、通常サイズのテキストについて背景とのコントラスト比4.5:1以上、大きな文字では3:1以上が一つの基準になっています。
もちろん私は、デザインを作るたびに数字だけを追いかけているわけではありません。それでも「自分には読めるから大丈夫」で終わらせないための確認材料にはなります。
またWebでは、色だけで情報を区別しないことも大切です。
たとえば「赤字だけが重要」という見せ方ではなく、文字や記号など別の方法でも違いが伝わるようにする。見やすさを考えていくと、配色だけですべて解決しようとしない視点も必要になってきます。
私自身、きれいなデザインを見ると「おっ」と思いますし、AI画像の完成度にもいまだに驚かされます。でも、きれいなことと伝わることは同じではありません。
迷ったときは「おしゃれか」より先に、「ちゃんと読めるか、何が重要か分かるか」を確認するようにしています。
まとめ
配色についていろいろ試してきましたが、私の場合は3色程度に絞るようになってから考えやすくなりました。
今、特に意識しているのは次の点です。
- 色を選ぶ前に「誰に何を伝えるか」を考える
- ベース・メイン・アクセントの役割を決める
- 仕事とブログなど、見る状況に合わせて配色を変える
- 文字と背景のコントラストを確認する
- 迷ったら色を足すより「この色は必要か」と考える
私が3色程度に落ち着いたのは、「3色がおしゃれだから」ではありません。色の役割を決めやすく、作っている途中でも見直しやすく、最後に余計な色を削る判断もしやすかったからです。
特に自分への戒めになっているのが、良くしようとして足したものが、本当に改善になっているとは限らないこと。
生成AIでもPowerPointでも、作っている途中はつい「あれも、これも」となります。ところが、一度完成させて少し離れて見ると、なくても困らない色が見えてくることがあります。
配色で迷ったら、まず3色くらいから始めてみる。そこから「何を足すか」ではなく、「今ある色は本当に必要か」と見直してみる。
いろいろ試した結果、今の私にはこのくらいシンプルな決め方がいちばんしっくりきています。
コメント