第4回: デザインの話。色は情報である。そして線も情報である。

Published on 2024 Jan 17th
10 min read
by Michelle

これまで3回に渡り、プレゼンテーションのフォーマットや大事な考え方を説明してきました。プレゼンテーションにおけるイシュー、スライドの構成要素、メッセージの重要性、 みなさんはすでにこれらを理解していると思います。第4回では、デザインについて触れていきます。

とは言っても、プレゼンのデザインは会社によってある程度指定されていることも多いでしょうし、 また、クールなデザインのダウンロードも容易な世の中です。ですから、今日はデザインについて知っていてほしい最低限のルールを紹介したいと思います。私が戦略コンサルタントとして働いていた際にも 上司に何度も言われた観点です。

デザインの話。色は情報である。そして線も情報である。

Table of Contents

色は情報である。

当然ですが質問です。みなさんにとって、赤と緑のイメージってそれぞれなんでしょうか。 下記のグラフはよくみるファイナンス関連のグラフですが、実際、ファイナンスの世界においては、赤は株価が下がったとき、緑は株価が上がったとき、という色使いがなされています。

転じて、ビジネスの世界においては赤はネガティブな強調。緑はポジティブな強調と言われることが多いです。あくまでも多いというだけであって明確なルールがあるわけではないのですが。

出典:METI meti.go.jp (p7)

色使いに関して、まずは一つ目のルールです。

ルール1 - （ビジネスの場においては）赤はネガティブな強調、緑はポジティブな強調、そして、単に強調したいときはその他の色（青やネイビーなど）が一般的

とはいえ、色って人それぞれ違ったイメージがありますよね。なので究極的にはルール1を無視してもらっても大丈夫です。コーポレートカラーとの兼ね合いで、 緑主体のスライドテンプレートの場合もあるでしょうし、赤主体の場合だって考えられるからです。大事なことは、プレゼンテーションという文脈において、「色は情報である」ということです。

ルール2 - （色は情報ゆえ）異なる色を使う場合は、（可能な限り少ない色で）同系色に統一する。

それが意味するところを実例を見ながら説明いきましょう。


左側の図は、正解例の一つです。グラフの各ラベルが同系色で統一されています。一方で、右側の図は、一般的には不正解です。何故なら、赤のラベルが不必要に強調されてしまっているからです。（勿論、それが意図した効果であれば別ですが。） 改めて、ルール2を再掲します。

ルール2 - （色は情報ゆえ）異なる色を使う場合は、（可能な限り少ない色で）同系色に統一する。

ダウンロードしてきたプレゼンテンプレートなどを含め、黄色や赤、緑など複数の色を使ったプレゼンテーション資料をよく見ますが、色の多用は御法度です。プロダクトロードマップなどでカテゴリごとに色付けしている図など、よく見るのではないでしょうか。 今後は同系色の違う濃さの色を使う。是非覚えておいてください。会社の経営層の中には外資系コンサルティングファームや投資銀行など、所謂プロフェッショナルファーム出身の方が一定数いるかと思いますが、色が少ないだけでよい印象を与えるのは事実です。（所詮、色ですが、色による印象操作は強烈です。）

実は、（私がまだ若かった時の話ですが）私自身も苦い経験があります。とある大企業の社長へのプレゼンをしたときのことです。キースライドの中で一つだけ色が違う部分があったのです。確かに少しだけ目立たせたいという意図はありましたが、とはいえスライドの中で一番目立たせたいわけではありませんでした。 すると実際にプレゼンをした際に、そこの部分に質問が集中したのです。本当はもっと議論すべき論点がありました。限られた時間の中でディスカッションのトピックの選定・誘導に失敗したのはプロとしては失格でしょう。 （勿論、そこに質問が集中したことが、色が違ったからなのかは本当のところわかりませんが、ものすごく悔やんだことを覚えています。）

ここで、戦略コンサルティングファームであるArthur D. Littleの公開資料のリンクを下記にご紹介します。P32ページに、青系の異なる濃さの色で表現された綺麗なグラフがありますね。

出典:METI meti.go.jp (p32) - Arthur D. Little

線も情報である。

唐突ですが、10年前のアイフォンアプリのアイコンを覚えていますか? アイコンには枠線や影がありましたよね。

一方で、昨今のアイコンには枠線や影がありません。2010年前後に台頭したフラットデザインの考え方が現在広く普及したからです。 フラットデザインとは、その言葉の通りではありますが、立体感や奥行きがなくフラットなデザインを指します。

語弊を恐れず、他の言い方をすると、2次元でモノを表現する際に限りなくシンプルに表現するデザインです。下記のアイコンは最近のものですが、 非常にシンプルですよね。

線は情報である

なお余談ですが、フラットデザインが何故普及したかには諸説ありますが、フラットデザインの台頭は、複数のデバイス（携帯電話、アイパッド、パソコン）に 対応し易かったことが主たる理由のようで、必ずしもそのデザイン性が理由ではないようです。

余談はさておき、フラットデザインはプレゼンテーションにおいても非常に有効です。何故なら、プレゼンテーションでは伝えるべき情報をシンプルにすべきだからです。 ここでも、実例を見ながら説明していきます。



なお、色使いはプレゼンの成功に直接的に関わるものですが （何故なら、色によって強調すべきところとそうでないところを操作でき、本当に伝えたいメッセージを印象付けることができるため） 正直なところ、フラットデザインに関しては、あくまでもデザイン的な趣味趣向が伴う部分なので、プレゼンの成功に直接紐づくかと言われると微妙なところです。とはいうものの、すっきりとしたモダンな印象づけはできるので、実践して損はないでしょう。

私が戦略コンサルティングファームに所属していた際に言われて納得した一言を紹介しておきます。「線をつけることで何かしらの意図があるなら（境目を強調したい、など）つけてもいいが、意図がないなら線はいらない。だって不要な情報を付与するだけだから。」

デザインも突き詰めて考えると、ロジカルに考えられる部分もあるのだなと思ったことを覚えています。

戦略コンサルティングファームであるBoston Consulting Groupの公開資料のリンクを下記にご紹介します。P27のスライドを見ると、スライドの矢羽には枠線がなく、丸い矢印にも枠線がないことで、洗練された印象です。

出典:METI meti.go.jp (p27) - Boston Consulting Group

最後に一言

デザインと一言にいうと感性的なものであったり個人の趣味が入りやすい領域ですが、プレゼンテーションにおいては見た目を綺麗にするだけじゃない、大事な要素だということがわかっていただけたかと思います。

プレゼンテーションの目的は何かを説明することですが、強調する部分を色使いを含むデザインによってコントロールすることで、伝えるべきメッセージを着実に届けることができます。

本記事を参考にし、「見た目も洗練されたプレゼンを作るとともに、メッセージ性の高いプレゼンテーションの作成」目指していきましょう。