スライドの色使いで伝わり方が変わる!配色の基本と実践テクニック

スライドの色使いで伝わり方が変わる!配色の基本と実践テクニック

なぜ配色がプレゼンの「説得力」を左右するのか

「なんとなくダサい」「情報は多いのに伝わらない」──そんな資料の悩みの多くは、配色の設計に原因があります。色は見た目の問題だけでなく、聴衆の感情や記憶にも深く影響を与えます。

人間は色を見た瞬間に感情的な反応を示すといわれています。たとえば赤は「緊急性・情熱」、青は「信頼・冷静」、緑は「安心・成長」を連想させます。この心理効果を意識した配色は、プレゼンの説得力を高めるための戦略的な手段です。

スライドに色を使いすぎると、視点が分散し「どこを見ればよいか」が分からなくなります。見た目が賑やかでも、情報が頭に入りにくい資料になってしまいます。色の数と役割を明確にすることが、デザインを整える第一歩です。

配色が説得力を左右するのは、色が内容より先に目に入るからです。聴衆はスライドが切り替わった瞬間、文字を読む前に全体の印象を受け取ります。そこで散らかった印象を与えると、内容を聞く姿勢が一段下がります。配色を整える作業は、見た目を良くするためではなく、話を聞いてもらうための準備だと考えてください。

募集中の地域コンテスト

読んだら、地域に行ってみよう

地域が出したお題に、オンラインでアイデアを応募できます。受賞すると、現地に無料で招待されます。

募集中の地域をすべて見る

スライドに使う色は3色まで──配色の基本ルール

スライドの配色は「少なく、明確に」が鉄則です。色の数を絞り込むだけで、資料の完成度は大きく向上します。

スライドに使う色は「ベースカラー・メインカラー・アクセントカラー」の3色が基本です。ベースカラーは白や薄いグレーなどの無彩色、メインカラーはブランドや目的に合った色(例:紺・緑)、アクセントカラーはメインカラーの補色や対比色を少量使います。

配色の黄金比として知られるのが「7:2:1」の比率です。ベース70%・メイン20%・アクセント10%を目安にすると、バランスが整います。アクセントカラーは強調したい数字や見出しなど、本当に目立たせたい箇所にだけ使うのが効果的です。

3色の内訳は、ベースカラー70%・メインカラー25%・アクセントカラー5%が目安です。ベースは背景と余白、メインは見出しと図解、アクセントは1枚に1か所だけ使う強調色。この比率を守るだけで、素人っぽさの大半は消えます。

色の意味と心理効果──場面別おすすめカラーパレット

色には固有の意味と心理的な効果があります。プレゼンの目的や場面に合ったカラーパレットを選ぶことで、資料のメッセージがより明確になります。

ビジネス・就活用: 紺×白×ゴールド──信頼感と誠実さを演出

新規提案・スタートアップ: 青緑×白×オレンジ──革新性と活力を表現

学術・研究発表: グレー×白×ダークブルー──落ち着きと知性を強調

地域創生・SDGs: 緑×クリーム×茶──自然と持続可能性をイメージ

色を選ぶ際は「この資料を見た人にどんな印象を持ってほしいか」から逆算するのがコツです。「頼れる」「革新的」「温かみがある」など、キーワードを決めてから色を探すと選びやすくなります。Canvaのカラーパレット機能や配色ツールを活用するのもおすすめです。

色 与える印象 向いている場面 注意点
青 信頼・誠実・冷静 ビジネス提案、データ報告 冷たく単調になりやすい
赤・オレンジ 情熱・緊急・注目 アクセント、危険の表示 面積が広いと疲れる
緑 安心・自然・成長 環境・地域・健康のテーマ 赤との併用は要注意
黒・濃グレー 高級・重厚 文字色、引き締め 投影すると潰れやすい
白・淡グレー 清潔・余白 背景 文字色に使うと読めない

見やすいコントラストとバリアフリー配色の実践法

どれだけ美しい配色でも、見づらければ意味がありません。コントラストとアクセシビリティへの配慮が、すべての人に届く資料を作ります。

WCAG(Web Content Accessibility Guidelines)では、テキストと背景のコントラスト比を「4.5:1以上」にすることを推奨しています。白背景に薄いグレーの文字、黄色背景に白文字といった組み合わせは、コントラストが不足して読みにくくなります。

日本では男性の約5%、女性の約0.2%が色覚特性を持つとされています(日本眼科学会データ)。赤と緑の組み合わせは識別しにくい場合があるため、形・模様・ラベルを併用することが推奨されます。Googleスライドには「アクセシビリティチェック」機能が搭載されており、手軽に確認できます。

コントラストには数値の基準があります。ウェブアクセシビリティの国際規格WCAGでは、本文サイズの文字と背景のコントラスト比を4.5:1以上、大きな文字は3:1以上とすることが求められています(出典:W3C WCAG 2.1)。薄いグレーの文字を白背景に置く配色は、見た目は上品でも投影すると読めなくなるので避けてください。

日本人男性の約20人に1人は色覚特性を持つとされます。赤と緑だけで良し悪しを区別する配色は、その人たちには判別できません。色に加えて、濃淡・記号・位置でも区別がつくように設計しておくと安全です。

配色ツールの使い方とプロが参考にするカラーサイト

センスがなくても、ツールを活用すればプロ品質の配色が実現できます。

「Coolors(coolors.co)」は5色のカラーパレットを自動生成するツールで、スペースキーを押すだけで新しい配色が提案されます。「Adobe Color」は補色・類似色・トライアドなどの配色理論に基づいてカラーセットを作れます。「Color Hunt」はデザイナーがキュレーションしたカラーパレット集で、すぐに使えるおしゃれな配色が豊富です。

色の力でアイデアを際立たせる技術は、FLASPOのTRYでも評価者の印象を左右します。地域・企業の課題に対して、伝わるビジュアルでアイデアを届けてみましょう。FLASPOには、採用やインターンにつながる機会も用意されています。

参考にするサイトを持っておくと、毎回ゼロから悩まずに済みます。配色パターンを集めたギャラリーから気に入ったものを選び、自分のテーマ色に置き換えて使い回すだけで十分です。プレゼンのたびに新しい配色を考える必要はありません。むしろ自分の定番を1つ決めておくほうが、資料全体に統一感が出ます。

よくある質問(FAQ)

Q. スライドの背景は白と黒のどちらがいいですか?

A. 会場が明るいなら白、暗くできるなら黒も選べます。判断に迷うときは白にしてください。印刷して配布する場合も白のほうが扱いやすく、投影環境が事前にわからないときの失敗が少なくなります。

Q. コーポレートカラーを使わないといけませんか?

A. 指定がある場合はメインカラーに据えるのが自然です。ただしコーポレートカラーが薄い色の場合、そのまま文字色にすると読めません。文字は濃色にして、コーポレートカラーは見出しの下線や図解の塗りに回してください。

Q. 配色を決めるのに使えるツールはありますか?

A. Adobe ColorやCoolorsのような配色生成サイトを使うと、基準色から調和のとれた組み合わせを自動で提案してくれます。生成した配色は、必ずコントラスト比を確認してから採用してください。

Q. スライドの色を途中で変えてもいいですか?

A. 章が変わるタイミングであれば問題ありません。むしろ区切りが視覚的に伝わる利点があります。ただし変えるのはアクセント色だけにして、ベースと文字色は最後まで固定してください。全体の色が毎ページ変わると、資料としてのまとまりが失われます。

身につけた考え方は、実際のお題で一度使ってみると定着します。自治体や企業が出したお題に企画を応募できるFLASPOのTRYで、募集中のものを探せます。

FLASPOで募集中のコンテスト

自治体や企業が出したお題に、学生・若者がオンラインでアイデアを応募できます。募集中のものも、これまでのお題と結果も、一覧で見られます。