Authorized translation from the English language edition, entitled NON-DESIGNER'S PRESENTATION BOOK, THE, 1st Edition, ISBN: 0321656210 by WILLIAMS, ROBIN, published by Pearson Education, Inc, publishing as Peachpit Press, Copyright 2010.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording,or by any information storage retrival system, without permission from Pearson Edication, Inc.
JAPANESE language edition published by MYNAVI CORPORATION, Copyright 2015.
JAPANESE translation right arranged with PEARSON EDUCATION, INC.
through ENGLISH AGENCY (JAPAN) LTD., THE, TOKYO JAPAN.
●
本書に記載された内容は、情報の提供のみを目的としております。
●
日本語版の制作にあたっては正確を期すよう努めましたが、株式会社マイナビが本書の 内容に関して何らかの保証をするものではなく、内容に関するいかなる運用結果につい てもいっさいの責任を負いません。あらかじめご了承ください。
●
日本語版に関してのご質問、ご意見などは、株式会社マイナビまでお願いいたします。
●
本書に登場する会社名および商品名は、該当する各社の商標または登録商標です。本書 ではRマークおよびTMマークは省略させていただいております。
●
ソフトウェアについての解説箇所において、原書ではWindowsパソコンのPowerPoint
2007、Mac
のPowerPoint 2008、MacのKeynote ʼ09について解説されていますが、日本語版書籍では、原書で解説されている内容は変更せず、ソフトウェアの新しいバー ジョンでの操作やスクリーンショットを掲載している部分があります。
2010 by Robin Williams
伝えてくださった方々に、本書を捧げます。
ありがとうございます！
私は本書を、あなたのために書きました。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
プレゼンテーションとは何か？・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
004
デジタルにする必要性はあるか？・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・004
筆者自身の体験・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・006
デジタルは必要である・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・008
ビジュアルの例・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・009
悪いプレゼンテーションとは？・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・012
構造・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・012
発表者・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・012
デジタルプレゼンテーションそのもの・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・012
良いプレゼンテーションとは？・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・013
言葉にしてみる・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・013
ソフトウェアの選択肢・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・014
MicrosoftのPowerPoint・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・014
AppleのKeynote・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・014
Googleスライド・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・014
OpenOfficeのImpress・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・015
AppleのKeynote・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・015
MicrosoftのPowerPoint・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・016
Googleスライド・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・017
OpenOfficeのImpress・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・018
目次
何から始める？ ・────────────────────────── 003 Chapter 01
デザインをする前に Par t 1
プレゼンテーションをすることになったら
ジョン・トレットによる序文・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
xi
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
計画、整理、アウトライン・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
020
付箋紙を使う昔ながらのやり方・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・021
プレゼンテーションソフトウェアのアウトライン機能・・・・・・・・・・・・・・・・・・022
マインドマップやアイディアクラウド・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・023
ソフトウェアのスライド一覧またはライトテーブル表示・・・・・・・・・・・・・・・024
内容を整理する ・ ───────────────────────── 019 Chapter 02
明快さ ・ ───────────────────────────────── 028 Chapter 03
コンテンツを最適化する Par t 2
プレゼンテーションデザインのコンセプトを考えるための4つの原則
プレゼンテーションデザインのコンセプトを考えるための
4つの原則・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
026
明快さ・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・026
関連性・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・026
アニメーション・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・026
プロット・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・027
テキストを編集しよう！・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
029
長く複雑な文章を使わない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・031
自分用のメモを見せない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・032
能動態で書く・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・033
「ing」形を使わない・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
035
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
テキストを分散させる！・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
040
必要な分だけ、スライドを使う・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・042
1つのプレゼンテーションにスライドを何ページ作るか・・・・・・・・・・・・・・・・045
とは言え、1ページが適切なら1ページに！・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・046
1ページのスライドに多くを載せなくてはならないこともある・・・・・・・048
デザインの明快さ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・049
余計なものを入れない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
051
すべてのページに配置されたロゴも必要ない・・・・・・・・・・・・・・・・・・・・・・・・・・・・052
背景 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・054
情報が複雑なほど、背景はシンプルに・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・057
ごちゃごちゃした背景でいいのはどんなとき？・・・・・・・・・・・・・・・・・・・・・・・・・・058
冴えないクリップアートを使わない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・058
関連性のある写真を使う・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・062
ビデオとアニメーションのクリップ・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・063
アニメーションが焦点を作る・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
065
補強のためのトランジションとアニメーション・・・・・・・・・・・・・・・・・・・・・・・・・・067
トピックが大きく変わることを明快に示す・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・069
トランジションを使って聴衆をずっと引きつけておく・・・・・・・・・・・・・・・・・・070
アニメーションを使ってわかりやすく説明する・・・・・・・・・・・・・・・・・・・・・・・・・・071
グラフを動かして明快にする・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・072
アニメーションについての事実・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・073
関連性 ・ ───────────────────────────────── 050 Chapter 04
アニメーション ・────────────────────────── 064
Chapter 05
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
導入部を作る・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
075
どこへ行こうとしているかを伝える・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・076
テキスト vs. 画像・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・076
ストーリーの中に人間を見いだす・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・077
聴衆の中に人間を見いだす・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・077
関連性のあるストーリーを語る・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・078
ペースを変化させる・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・079
結末を作る・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・082
そして質問のための時間を残しておく・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・083
プレゼンテーションデザインのビジュアルを考えるための
4つの原則・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
086
コントラスト・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・086
反復・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・086
整列・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・086
近接・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・087
タイプフェイスによるコントラスト・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
089
色でコントラストを付ける・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・091
コントラスト ・───────────────────────────── 088 Chapter 07
プロット ・──────────────────────────────── 074 Chapter 06
スライドをデザインする Par t 3
プレゼンテーションデザインのビジュアルを考えるための4つの原則
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
反復すると見た目の一貫性が生まれる・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
100
スタイルを反復する・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・103
画像を反復する、ただし少し変えて・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・106
バリエーションを付けながら統一する・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・107
反復する要素を見つけてデザインする・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・109
反復とは、同一ではない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・111
整列すると個々のスライドがすっきりと整う・・・・・・・・・・・・・・・・・・・・・・・・・・・・
114
整列するとスライドのセット全体が整理される・・・・・・・・・・・・・・・・・・・・・・・・・・117
整列するとスライドのセット全体が統一される・・・・・・・・・・・・・・・・・・・・・・・・・・119
整列するとあなたが賢明に見える・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・121
整列するときちんと整理できる・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・122
整列をわざと崩す・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・123
関係性を作る・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
125
余白があってもかまわない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・126
ただし閉じ込められた余白は避ける・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・127
近接によってすっきりと整理される・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・128
近接が出発点・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・129
使われている原則を挙げてみる・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
131
反復 ・ ─────────────────────────────────── 099 Chapter 08
整列 ・ ─────────────────────────────────── 113 Chapter 09
近接 ・ ─────────────────────────────────── 124 Chapter 10
すべてを取り入れる ・ ───────────────────── 130
Chapter 11
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
自動調整をオフにする・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
138
テキストを上揃えにする・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・139
間隔を調整する・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・141
行間を調整する・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・141
段落間隔を調整する・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・142
箇条書きの記号とテキストの間隔を調整する・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・144
箇条書きの記号をぶら下げてテキストを揃える・ ・・・・・・・・・・・・・・・・・・・・・・・・145
画像がつぶれないようにする・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・147
プリントアウト資料についての真実・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
150
プリントアウト資料はずっと残る・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・151
発表者ノートを公開する・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・152
ソフトウェアを知る ・ ────────────────────── 137 Chapter 12
プリントアウト資料 ・ ────────────────────── 149 Chapter 13
原則の、さらにその先へ Par t 4
プレゼンテーションデザインに関する考察の仕上げ
従うべきでないルール ・ ─────────────────── 153 Chapter 14
スライドを読み上げてはいけない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
154
ほんとうの問題・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・155
セリフ系のタイプフェイスを使ってはいけない・ ・・・・・・・・・・・・・・・・・・・・・・・・・・156
セリフ系のタイプフェイスについて・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・157
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
目次
アニメーションは決して使ってはいけない・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
158
背景は1種類しか使ってはいけない・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・159
グラフィックスのないスライドを作ってはいけない・ ・・・・・・・・・・・・・・・・・・・・160
1ページのスライドに6項目以上の箇条書きを使ってはいけない・ ・・・161
箇条書き1つにつき2～3語にとどめるべきである・・・・・・・・・・・・・・・・・・・・・・・162
PowerPointを使ってはいけない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・163
会場を暗くしてはいけない。明るくしてはいけない・ ・・・・・・・・・・・・・・・・・・・・164
話す前にプリントアウト資料を渡してはいけない・ ・・・・・・・・・・・・・・・・・・・・・・・165
円グラフを使ってはいけない・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・165
ArialやHelveticaを使ってはいけない・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・166
日本語環境でのフォントの選択について・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・167
クイズ：あなたの目に、耳を傾ける・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
170
コンテンツのためのチェックリスト・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・186
スライドのためのチェックリスト・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・187
フォント、画像、ビデオ、サウンドについての情報源・ ・・・・・・・・・・・・・・・・・188
索引・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
189
訳者あとがき・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・193
著者について・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・195
訳者について・ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・195
あなたの目に、耳を傾ける ・ ─────────────── 169 Chapter 15
テキストはデータである。
画像は感情に訴えるものである。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
序文
本書の著者のロビンはここ 20年間、素晴らしいプレゼンテーションを何百万回 と実施しています（実際には数百回かもしれませんが、何百万回のほうが響き が良いでしょう）。彼女は、ひとつひとつのプレゼンテーションから学び、向 上し続けてきたと言います。そして幸いなことに、ソフトウェアも進化してい ます。現在、プレゼンテーションに関する書籍はほんとうにたくさんあります。
彼女はそれらも研究してきました。私から見ると、そうした本の大半は退屈で もったいぶっていてややこしいものです。
ロビンが目指したことのひとつは、彼女が学校、カンファレンス、組織、ワー クショップでプレゼンテーションを始めた 20 年前にこの本があったら、と彼 女自身が思うような本を書くことでした。単刀直入で、今週のプレゼンテーショ ンのために今すぐ知るべきことがわかる本です。本書で、役に立つデザインの ヒントと、役に立つソフトウェアのヒントを知ることができます。ロビン自身 が卓越したデザインとタイポグラフィックのために頭を悩ませているからで す。このことは、彼女が書き、デザインし、プロデュースした 60冊以上の書 籍に現れています（そのほとんどは定評のあるベストセラーです）。
良いデジタルプレゼンテーションを作ろうとする前に、理解し、覚悟しておく べきことが 3 つあります。
それには時間がかかります
。コンテンツを集めて整理し、好みのソフトウェア で効果的なスライドを作り、リハーサルをしなくてはなりません。これは避け られないことです。もちろん、用が足りるだけのまずまずのデジタルプレゼン テーションなら短時間で作れるでしょう。でも良いもの、あるいは優れたもの を作るには、時間をかける必要があります。
ジョン・トレットによる序文
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
序文
ソフトウェアを習得しなくてはなりません
。ソフトウェアの使い方を知らずに良 いプレゼンテーションを作ることはできません。マニュアルを読みましょう。
ヘルプを読みましょう。講座に参加しましょう。 PowerPoint はあなたの書式 設定を無視する傾向があるので、自分でスライドをコントロールしたいなら（も ちろんそうすべきです）、自動で設定される機能を回避して自分で主導権を握 る方法を学ぶ必要があります。
最近は、みんなの期待値が上がっています
。テレビ、DVD 、基調講演、インター ネットで中継されるカンファレンス、さらにはあちこちで見かけるプロのプレ ゼンターのおかげで、スライドプレゼンテーションに対する聴衆の水準が上 がっているのです。通信技術が発達しているため、あなたは世界最高の発表者 たちと同じ土俵に立たされています。ダメなデザインと安っぽいプレゼンテー ションでも、まだどうにかなるかもしれません。しかしその質の低さは誰にで もわかってしまいます。
本書を手にしたあなたは、興味を引くようなプロ品質のスライドをビジュアル 的にどうデザインするか、学びたいと思っているはずです。あなたはこの本を 選んで、ラッキーです！ ぜひ、この本を読んでください。きっと効果が現れ ます。
本書は、世界中のデザイナーではない人、プロのデザイナー、そしてデザイ ン関係の執筆者にまで影響を与えた彼女の以前のベストセラー、『 The Non- Designer ʼ s Design Book 』（邦題『ノンデザイナーズ・デザインブック』）と同 じぐらい広く受け入れられるはずです。そのような本を作ったロビンは、自分 自身を超えたと言えるでしょう。
─ jt
スライドをデザインする
Par t 3
ここまでで、プレゼンテーションを整理できました。テキストは歯切れ が良くくっきりと明快ですし、関連性のあるグラフィックスや背景を使 うアイディアも固まりました。アニメーションをどこで使うのが適切か を理解し、プレゼンテーションのストーリーをどんなプロットにするか も考えました。いよいよ実際にデザインする段階です。
この
Part 3
では、私が『The Non-Designerʼs Design Book』（邦題
『ノンデザイナーズ・デザインブック』）で初めて体系化したデザインの
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
07
私が『ノンデザイナーズ・デザインブック』で初めて体系化し解説したデザインの
4つ
の原則は、プレゼンテーションのスライドにも同じようにぴったりと当てはまります。ほんとうに素晴らしいことに、この
4
つのちょっとした考え方によってアマチュアの 仕上がりからプロの仕上がりへと簡単に変貌します。それぞれの原則をこれから詳し く説明します。その後、これらの原則をプレゼンテーションに適用していきます。2
つの項目が完全に同じでないなら、違うものにしましょう。まったく違うも のに。コントラストは興味をかきたてます。関心を引き、ときには注目を集め るからです。コントラストはドラマであると同時に、スライド上の情報を整理 するツールでもあります。あるまとまりの中では、デザインの特徴を反復しましょう。
スライドショー全体を通して要素を反復すると、プレゼンテーション全体の統 一感が生まれます。すべてを同じ見た目にするという意味ではありません。す べてのものを結びつけるグラフィックス要素が必要であるというだけです。
いいかげんに配置されたものがスライド上にあってはいけません。どの項目も、
少なくとも
1つの辺がページ上のほかの項目とつながっていなくてはなりませ
ん。プレゼンテーションデザインの
ビジュアルを考えるための 4 つの原則
コントラスト
反復
整列
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
07
関連のある項目はまとめましょう。物理的な近さは、関連があることを暗に示します。情報をグループ化することで、スクリーンに書かれていることが明快 になります。
プレゼンテーションをデザインする（見せ方にはおかまいなしにスライド上に項目を 配置していくのではなく）上で重要なのは、単にきれいにすることではありません。
重要なのは、もっと明快に伝えることです。本書で解説するデザインの原則は、見た 目を良くするだけでなく、情報にもっと一貫性を持たせシンプルにわかりやすく示す 方法でもあります。
プレゼンテーションのビジュアルが好ましいものであれば、人は携帯電話のテキスト メッセージよりもスライドに目を向けるでしょう。
近接
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
人の目を引くために最も重要なデザインの特質は、おそらくコントラストです。以下 の
2
つのスライドを見てください。まったく同じことが書かれていますが、あなたが 目を引かれるのはどちらでしょうか？コントラスト
07
これはPowerPointの初期設定で作られるスラ イドです。このページにはコントラストがあまりあ りません。テキストはほぼ同じ大きさで、色も似 ています。黒い文字よりも白いページのほうが重 視されているかのように見えます。ともかく弱々 しいのです。オープニングのスライドとしてこれを 表示したら、あなたが弱々しく見えてしまいます。
こぎれいですが、弱々しいのです。
文字の大きさと強い白黒のコントラストに目が吸 い寄せられます。しかも発表者のあなたがしっか りしているという印象を与えます。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
このスライドはすっきりしていて良くできていますが、インパクトはありません。しかも右の「
Proposal Contents
（提案内容）」のスライドはまったく読めないでしょう（コンピュータの画面で見て小さいなら、会議室で見ても小さい はずです）。
これでスクリーンに書かれていることが見えるようになり、その上、インパクトが強くなって聴衆に微妙な影響を与 えます。見ているものに対する信頼感が増すのです。
右の「
Proposal Contents」のスライドから細かい箇条書きがなくなったことに注意してください。箇条書きの項
目は、複数のスライドに展開しました。ここは、これから話す内容の概要です。箇条書きの記号を削除したことにも注意してください。余計なものは取り去りましょう。
コントラストはあらゆる方法で作ることができます。最も簡単な方法のひとつは、力 強いタイプフェイスを使うことです。広い部屋の後ろの方に人が座っていることもあ るので、コントラストを付けるとスライドが力強くなるだけでなく、読みやすいもの にもなります。明快にしましょう！
タイプフェイスによるコントラスト
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
黒い小さな文字が白く大きなスライドに配置されているのは、弱々しく見えます。プ リントには適していますが、スライドには適しません。しかも前から
2
列目までの人 にしか読めません！以下の上段のスライドのセットは、PowerPointのデフォルトのスライドテーマを使 用したものです。しかしデフォルトのテンプレートを使わなくてはならない決まりは ありません。少なくとも、文字を大きくしてシンプルなコントラストを付けましょう。
テキストが少なければ、サイズを大きくするのは簡単です。編集しましょう！
PowerPointのテンプレートを使っていますが、デフォルトよりも文
字を大きくしました。巨大な文字にしたわけではないことに注意して ください。読みやすい大きさにしただけです。極端なコントラストで なくても、効果はあります。02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
スライドに色でコントラストを付けることができます。私はこれまで、まさに次の2
つのようなスライドをたくさん見てきて、すっかり驚いています。ほんとうに正直に 言って、このようなスライドをコンピュータ上で作って、心の底から読みやすいと思 いますか？ コンピュータのモニタは裏面から光が当たり、ガラスを通して光が直接 目に入ります。一方、プレゼンテーションでは、光がスクリーンに反射して目に入り ます。そのため、色のコントラストはいくぶん弱くなります。
コンピュータ上でどんなにきれいに見えていても、プロジェクタのスクリーンでは明 るさや鮮やかさが失なわれることを覚えておいてください。色さえも変わってしまう ことがあります。部屋の照明を点けた状態でプレゼンテーションをする場合には、特 にそうです。
色でコントラストを付ける
プロジェクタのスクリーンではテキストを読みづ らいのではないかと少しでも疑ったら、変えましょ う。「疑わしいときは、しない」です（これも人生
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
デザインで重要なのは、とにかく見ることです。この本を読んでいるからには、あな たはもっとはっきりと見ることに興味があるはずです。それを可能にするのは、意図 的な努力です。意識的にものを見てください。あなたの目に、耳を傾けましょう。
前ページのスライドの問題点は、背景とテキストのコントラストが十分でないことで す。色だけの問題ではなく、煩雑な背景と弱々しいテキストではコントラストが生ま れません。ほんとうにこの背景を使いたいのなら、次のように文字のコントラストを はっきりと付けてください。
テキストが少なければ当然、文字と背景のコン トラストをずっと付けやすくなります。編集しま しょう。このようにスライドを分けてください。
必要なだけ何ページでもスライドを使いましょ う。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
この例で示すように、煩雑な背景の一部を別の スライドに入れて、統一感を持たせるための要素 にすることができます。これは次のChapter08 で解説する反復の原則です。このようにして、あ なたのお気に入りの煩雑な背景を適切に使うこ とができます。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
力がないですね。いえ、スライドに力がないというだけ ですよ。なぜ画像がこんなに小さいのでしょうか？ な ぜテキストがこんなに引っ込み思案なのでしょうか？
見る人に双眼鏡を使わせないでください！
コントラストを付けると、あなたが話を伝えるためのしっかりとした基盤ができます。
コントラストの強いスライドは、実質的な価値があるように見える傾向があります。
スライドの基盤が強固であると自信を持っていれば、プレゼンテーションをするとき の自信が増します。
コントラストが実体をもたらす
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
たびたび説明するように、デザインの原則のひとつだけを使うことはまれです。たいていの場合、いくつかの原則を いっぺんに使います。この例では、どこにコントラストを付けたかを見てとることができます。しっかりとしたタイプ フェイス、大きなグラフィックス、力強い背景ですね。見出しの整列もしました（Chapter09を参照してください）。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
要素にコントラストを付けると、体系化されます。スライド上のコントラストは、見 る人の目を情報に誘導する役割があります。私たちの目は対照的なものに引き寄せら れるからです。もちろんほとんどの場合、スライドの1ページにはそれほど多くの情 報は書かれていません（書くべきではありません）ので、体系化について過度に心配 することはありません。しかし体系化が重要である事例に出あうこともあるでしょう。
体系化を使いこなす方法を知っておくのは良いことです。
コントラストを付けて階層化していくと、反復の要素（次の
Chapter 08
を参照）にも なり、聴衆はあなたの話についていきやすくなります。コントラストを使って体系化する
コントラストを付ける手始めとしては悪くありませ ん。重要な記述に色のコントラストを付けています。
しかし、もう少し強調するとよいでしょう（さらにス ライド上のテキストも編集して、1ページあたりの テキストを減らしましょう）。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
見 出しのコントラストをもっと強くしました。
「College Procedures（大学の手続き）」は小さ くし、不要なコロンを削除しました。メインの見出 しは大きく、太くして、目を引くようにしました。
スライドを増やしてテキストを分けました（「Skills
Assessment
（スキル評価）」が分かれていること に注目してください）。このため、情報が大きく読 みやすくなりました。さらに、特に重要な情報は 金色にしました。このコントラストにより、目がそ こへ吸い寄せられます。02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
コントラスト
07
その性質上、コントラストはそれ自体が注目されるものです。おそらくあなたは、周 囲の人々の中で自分だけが浮いている経験をしたことがあるでしょう（あるいは、そ ういう場面を想像できるでしょう）。身近な人々の間ではきわめて普通であっても、
別の場面ではコントラストが付いて目立ってしまうのです。スライドショーも、これ にかなり似ています。そこでこれを活かしましょう。たとえばあなたは、話して、話 して、話して、スライドを見せるというふうに進めていくかもしれません。そのとき に、衝撃的で、聴衆の背すじが伸び、注意を引くようなものを見せるのです。驚くほ どのコントラストを付けましょう。
コントラストがあると注目せざるを得ない
想像してください。暗い部屋に座って小さな虫を見ていたらその後に……バーン！ スクリーンに 最大の虫が現れるのです。こんなに巨大な。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
反復には、デザインの要素、特にプレゼンテーションに含まれる多くのスライドのような複数の構成要素に、統一感を持たせる働きがあります。
反復すると、最もシンプルな形で一貫性が生まれます。プレゼンテーション全体を、
一貫性のある見た目にしましょう。同じフォントの同じサイズを繰り返し使うかもし れません。特定の色を繰り返すこともできます。グラフィックスのスタイル、項目の 配置、テキストとグラフィックスの並べ方なども利用することがあるかもしれません。
ひとまとまりのスライドの中で
2
回以上現れるものなら何でも、反復する要素として 使うことができます。たいていの場合はスライド上の既存の項目を使いますが、統一されたデザインの要素 にする目的で反復する項目を作ることもできます。たとえば天文学について話すとき に導入部で特定の星のシンボルを使うなら、セットになっているスライドのあちこち にその星のシンボルを入れて反復の要素にすることができるでしょう（大きさや色を 変えたりして）。
反復
08
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
反復を使う最もシンプルな目的は、スライドのセット全体を通して一貫性のある見た 目にすることです。すべてのスライドがまったく同じに見えるという意味ではありま せん。すべてのスライドがひとまとまりに見えるように意識して作るということです。
反復すると見た目の一貫性が生まれる
これらのスライド（37ページあるうちの
6ページです）では、フォントと白い背景が反復の要素と考えられます。しか
し特徴はありません。また、意識していないためにばらばらになっていることがいくつかあります。フォントの大きさ、行間、テキストの位置、そして1ページだけがぼんやりとしたグレーの背景になっていることです。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
まずは、あるひとつのことをしましょう。デフォルトの背景を使うのではなく、意図的に関連性のある背景に変える のです（Chapter04で、この先頭のスライドのフォントを変えました）。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
フォント、行間、整列を用い て、反復する（一貫性のある）
デザイン要素を作っていきま しょう。
このセットには
37ページの
スライドがあるので、同じよ うに調整して反復と一貫性 の要素を作っていきます。Chapter07でコントラスト
について解説したので、反 復の要素としてコントラスト を付けたことが見てとれるで しょう。見た目が魅力的になっただ けでなく、より明快に伝わる ように整ったことがわかりま すか？ 違うセクションであ ることが、より明快になりま した。
メインの見出しが変わったことを参加者に気づかせるために、新しい見出し が初めて登場するときにちょっとしたアニメーションを付けて目を引くように することもできます。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
次の3
ページのスライドを、コントラストと反復の両方を頭においてデザインし直していきます。ゲームに関するトピックは視覚的なものなので、iStockphoto.comな どのサイトから手ごろな価格の写真を購入して使いましょう。
しかし、まずは編集しましょう。これらのスライド上に必要なものは何でしょうか？
強調して話したいことは？ 聴衆が持ち帰るプリントアウト資料に書くべきことは？
私は、これらのスライド上に必要なのは見出しだけだと思います。それ以外の内容は 話すわけですし、概要を書いたプリントアウト資料を渡して聴衆が話を聴きながら見 たりメモをとったりできるようにします。
1
つ、または複数の箇条書きのポイントを 詳しく述べる必要があるときには、スライドを増やします（104
ページを参照してく ださい）。スタイルを反復する
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
紹介のスライドから始めましょう。このスライドは、あ なたが紹介されている間と、あなたが開始の挨拶をして いる間にスクリーンに表示されるものです（Chapter06
「プロット」を参照してください）。
スライドは控えめなディゾルブで次々に進んでいきます。
元のスライド（前ページ参照）にあったテキストはあなた が話す内容ですから、スライドに載せなくていいはずで す！ 聴衆に覚えてもらいたい重要なポイントはプリン トアウト資料に書いておきます。
ゲームと人の強烈なビジュアルがあなたの話を補強します。しかも邪魔にはなりません。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
元のスライドから最終的な仕上がりになるまでに、大幅に変わったように見えるかもしれません。しかしほんとうに、そんなことはありません。次の
2
点を実行してくだ さい。1
）テキストを編集してスライド上には必要最少限のものだけにする（スライド はあなたの話の効果を上げるためにデザインするということを忘れないでください）。2）プレゼンテーションをより良くするために、画像に数ドルの投資をする *。フォン
トを集めるのも効果があります。
この例では、
MyFonts.com
から39ドルで買ったフォントを使っています（ Profumo
というフォントです。ArialやTimes
ではありません）。濃い色の横長のバーと大き い写真を追加しました。それぞれ（フォント、バー、写真）が反復する要素として機 能しています。興味を引くようなグラフィカルな見出しが、反復と統一感を表現する 役割を果たします。写真も同じように、反復と統一感のための要素にしました。ある 箇所では写真を使い別の箇所ではつまらないクリップアートを使うということはせず に、一貫性のあるスタイルを維持していることに着目してください。元のスライドにも、反復する書体やクリップアートの反復使用があったと思うかもし れません。まさしくその通りです。違いは、元のスライドでは反復が弱かったという ことです。意図的でなく、一貫性もなく、見た目も大して良くはありません。
3
つの グラフィックスは、スタイルも色も配置も一貫性がありません。この3
つをつなぐも のが何もなく、ただランダムにページ上に置かれているだけです。私たちは心理的に、整理されたものを好みます。プレゼンテーションに参加して発表 者の話を聴いている間は、できるだけ心を乱されたくないものです。スライドショー 中の一貫性があって反復する（そして関連性のある）要素によって、落ち着いて安心 でき、発表者に対する信用も若干増します。私たちは表紙で本を判断するでしょうか？
もちろん、しますね。プレゼンテーションを見て聴いているときも、その見た目で無 意識に判断しています。私たちはビジュアルの社会に生きているのです。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
反復とは、まったく同じものを毎回繰り返すという意味ではありません。同じスタイ ルの画像、同じ色、同じ配置、ほかにも繰り返しのパターンになるものなら何でも反 復して、スライドに統一感を持たせることができます。以下に示すのは「What is a
Game?
（ゲームとは何か？）」のトピックを展開したものです。各スライドに、元のグラフィックスの一部を使いました。このようにすると、聴衆が話についていくため の助けになります。統一感に加えて、明快さも得られるのです。
画像を反復する、ただし少し変えて
このようなスライドにディゾルブのトランジションを付けると、聴衆は毎回再描画される見出 しと写真を注視しなくて済みます。変わっていくように見えるのは、箇条書きの項目だけです。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
ビジュアルとして強力にアピールする要素があれば、それをさまざまな方法で反復して統一感を得ることができます。あるいは、セットを構成するパーツであることが明 らかにわかる要素（幾何学的な図形など）があれば、それをさまざまな方法で使うこ ともできます。円形のモチーフなどはそのように使えるでしょう。円は力のある形な ので、さまざまな大きさ、色、配置で使うと統一感のある見た目になります。テーマ として家の写真を使うなら、すべて違う種類の家にしてみましょう。反復する要素に 力があればあるほど、変化を付けてもルック＆フィールの一貫性は保たれます。
バリエーションを付けながら統一する
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
この導入と概要のスライドから、いろいろな方向に脱線するが一貫性はあるという発表者のスタイルがうかがえま す。
反復というシンプルな枠組みの中で、黒い帯を移動し、グラフィックスを変え、場合によっては色も変えることがで きます（その目的は常に、明快さです）。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
プレゼンテーションの中ですでに反復している項目を見つけたら、それをデザインの要素として使いましょう。引用を何度も使うなら、引用符を極端に大きくすると反復 の要素になり、注目を引くでしょう。後でまた出てくるフレーズがあれば、特別な書 体を使うと反復の要素になります。
反復する要素を見つけてデザインする
この短いプレゼンテーションでは、PowerPointのデフォルトのスライドを使っています。まず、フォントは悪くあ りません。Calibriは、Arialよりすっきりとしていて新鮮です。
ほとんどの場合、連番の箇条書きの数字は目立たせたくないものです。そこに注目が集まりすぎてしまうからです。
しかしこの例では数字も要点の一部なので、数字を反復するデザイン要素にしましょう（そしてこの後、コントラスト を付けていきましょう）。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
Keynoteのテンプレートをもとに、少し手を
加えたものです。「1」のスライド（左下）はディゾルブで次のスラ イド（その右）へ進みます。数字自体は色が薄 くなり、ルールが強調表示されます。このよ うにすると、数字がデザイン要素になります。
最後のスライドは、ほかのスライドとは色が違 います。しかし帯の形、フォント、文字の色、
配置はすべて反復しています。しっかりとした 反復であれば、それを崩しても、誤りではなく 意図的なものに見えます。
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
反復の原則は、すべてを同一にするという意味ではありません。1
セットのスライドの中で、背景、フォント、色、スタイルなどを若干変えるのは簡単です。覚えておく べきポイントは、反復とは統一感を生み出す要素であるということです。スライド全体 を通して印象の強いテーマを使うとしたら、それを少し変えて新しいトピックや少し 脇道にそれる話題だとわかるようにし、その後でメインで使っている見た目に戻すこ とができます。あるいはサブトピックごとに、メインのテーマにバリエーションを付 けて使うこともできます。
反復すると、聴衆はあなたが何をしているかをいちいち考えなくても常に把握できま す。反復は、プレゼンテーションをする上でのしっかりとした視覚的な基盤になりま す。反復すると聴衆は安心し、配慮されていると感じます。あなたがちゃんと準備を して、自信を持っているように見えます。
ただし、あなたの会社のロゴをすべてのスライドに入れるのは反復ではありません。 不要で余計なものです。52〜
53ページを参照してください。
反復とは、同一ではない
02 01
03 04 05 06 07 08 09 10 11 12 13 14 15
反復
08
これは、気質に関して私が作ったスライドを、Keynoteのライトテーブル表示にしたものです（PowerPointでは スライド一覧表示を使います）。スライド全体を通して反復する要素と、4つの気質のそれぞれで反復する要素がわ かりますね。反復のバリエーションは、より効果的なコミュニケーションと理解につながるようにデザインしました。
