【例あり】見やすいパワポの色使い　基本は３色・多くて５色まで

前々回の投稿で、「見にくい」と言われるパワーポイントの資料の共通点について３つお話しました。その３点は以下の通りです。

①    統一感がない

②    色を使いすぎている

③    受け手の目の動きを考えていない

これらの問題は、デザインの基本をおさえることで、意外に簡単に解決します。

今回は、「② 色づかい」に注目して、情報が印象に残る、見やすいパワーポイント資料の作り方の基本について、例を交えてお話していきます。

パワーポイントの資料・スライドは、見る人の印象に残ることは非常に重要です。

そこで、赤・青・黄といった原色をたくさん使って作られている資料をよく見かけます。原色は目に飛び込んできやすく、メリハリが出やすいと思っている方が多いのがその理由かと思います。

しかし、原色を使いすぎると、実はメリハリが出ないどころか、大事な情報が印象に残りにくいことになりがちなので、かえって逆効果なのです。

例えば、赤・青・黄の３原色だけで作られた、下の例をご覧ください。

原色を使うことで資料自体に注目を寄せることはできます。しかし、この資料の中で何を伝えたいのか、その情報を一目でつかむのは難しいのではないでしょうか。

このように原色を使いすぎると以下のような問題が出てしまうのです。

・目を引く色が多いため、どこを見ていいのか迷ってしまう。

・どの色も強いために、重要な点が見えてこない

・資料を読もうと思っても、目が疲れて読みづらい

これは決して極端な例ではありません。残念ながら、弊社にご依頼いただいているお客様のパワーポイントを見ても、赤・青・黄など原色で染まっていて、内容が印象に残らない原稿をよく見かけるのです。

それでは、どのような色づかいをすれば、内容が印象に残りやすくなるのでしょうか。その色づかいの基本をお話します。

見やすいまとまったパワーポイントの作り方は、３色に抑えるのが基本です。これは、パワーポイントに限らず、様々なデザインにも通じる話です。

特にパワーポイントの場合、情報の強弱をつけるためにも、この３色の比率も非常に重要になります。

色の使い方の原則としては、次のようになります。

ベースカラー70％：メインカラー25％：アクセントカラー５％

ただ、ベースカラー・メインカラー・アクセントカラーと言っても、ピンと来ないかも知れません。また、背景をどのように扱うのかによって考え方が２つあります。そのことについて簡単に説明すると以下のようになります。

http://ppt.design4u.jp/attractive-presentation/　より

A.背景を含めて３色

ベースカラー＝背景　メインカラー＝本文　アクセントカラー＝強調したい箇所

https://www.slideshare.net/yutamorishige50/how-to-present-better　　より

B.背景以外で３色

ベースカラー＝本文　メインカラー＝強調したい箇所　アクセントカラー＝特に強調したい箇所

実際パワーポイントを作る時には、背景を含めて３色にしてしまうと、デザインの幅が狭くなりがちです。パワーポイントで見やすく効果的に伝えるために、背景は別にして、本文・強調したい箇所×２種類の３色にすること（B案）をおすすめしたいと思います。

 では、実際に３色でデザインをしてみるとどのように変わるのでしょうか。冒頭の「サイト運営の流れ」とテキストをそのまま使って、色だけを３色にデザインしてみたのが、こちらの例になります。

ここでは、

ベースカラー＝テキスト・吹き出し・矢印に使われているグレー

メインカラー＝見出しや項目などに使われているブルー

アクセントカラー＝右下のテキストに使われているオレンジ

の３色となっています。

先ほどの原色３色に比べて、非常にすっきりした印象になったのではないでしょうか。メインカラーであるブルーを追っていけば全体の流れがつかみやすくなっていますし、アクセントカラーのオレンジのテキストには自ずと目が行きます。そのため、字のポイントが比較的小さくても、内容を読んでもらいやすくなります。

文字情報の重要度に照らし合わせて、ベースカラー・メインカラー・アクセントカラーの３色の使い方を意識して使うことが、見やすいパワーポイントの資料の作り方のポイントになります。

ただ、３色でまとめるのは、かなり経験とテクニックが必要になります。

意外に思うかも知れませんが、要素を増やした複雑なデザインほど簡単になるのです。逆に、シンプルな洗練されたデザインほど、まとめる能力や経験・テクニックがいるため、非常に難しいのです。

そこで、３色だと難しい場合であれば、５色までにおさえることを意識するといいかと思います。ただ、５色と言っても、適当に原色などを使ってしまうと、冒頭のような見づらいパワーポイントに逆戻りになってしまいます。

そこで意識をして欲しいのが、色の濃淡を使うことです。

例えば、

・ベースカラー＝グレー

・メインカラー＝ブルーを「濃い／薄い」の２色

・アクセントカラー＝オレンジを「濃い／薄い」の２色

と、メインカラー・アクセントカラーのそれぞれに「濃い・薄い」の違いを作って、５色にすることができます。冒頭の「サイト運営の流れ」をこの５色で構成したのがこちらの例です。

 色の「濃い／薄い」を駆使することで５色でも、３色でまとめたときと同じように、すっきりとした印象があります。

それだけでなく、メインカラーの濃い／薄いで契約の前後の流れを、視覚的にもわかりやすく印象付けることができるようになっています。また、アクセントカラーでも、色あいの違うオレンジを使うことで、納期の「(最短)３(日)」も、印象づけることもできるようになりました。

パワーポイントの資料作成の色づかいで重要なのは、資料自体の色が目立つことではなく、内容が一目で印象に残ることなのです。

そのためには、内容の重要度に合わせて、ベースカラー・メインカラー・アクセントカラーの３色を使うことが、基本的な考え方になります。それだけでは難しい場合は、色の「濃い・薄い」を含めた５色までにおさえることで、見やすく、内容の印象が残りやすいパワーポイントが作れます。

【関連記事】

・統一感のあるパワーポイントの作り方

・読み手の「目の動き」を意識して見やすいパワーポイントを