1

プレゼンテーションの技術～ビジュアルを生かす～

石原進（静岡大学工学部）

2004/6/8 改訂

2

ビジュアル化ビジュアル化の利点 理解しやすくなる 説得力が増す

効果的なビジュアル化を行うために… 視覚原理に基づいたレイアウト・図解の専門

知識 ソフトウェアの活用

ソフトウェアに使われない→使い倒す！

3

ビジュアル化の基本

4

ビジュアル化の基本過不足のない情報を見やすく伝える ブロック化 ストーリー 視線の流れ 読みやすくする技術 バランス・リズム 検索性

写真・図・表を積極的に活用する

5

ブロック化ブロック化＝まとまりを作ること意味上のまとまり⇒視覚的なまとまり

•Palm•CLIE•Zaurus•GFORT

PDA•Let’s note•Lavie•iBook•Dynabook

Note PC

PDA の例としては Palm, CLIE, Zaurus, GFORT などがあり， Note PC の例としては Let’s note, Lavie, iBook, Dynabook などが挙げられる。

6

形や色で関連付ける同じ性質のものは同じ形・色で示す

特徴１：熱に強い耐熱素材製なのでお湯をかけても溶けません。特徴２：リサイクルも簡単切り離しが必要な余分な素材を使っていません

特徴１：熱に強い耐熱素材製なのでお湯をかけても溶けません。

特徴２：リサイクルも簡単切り離しが必要な余分な素材を使っていません

7

重要度を視覚化する重要度に応じて視覚的に区分

重要：この部分は大変重要なので，読んでおかないと後で大変なことになります。参考：これは参考事項であまり重要ではありません。

◆ 重要◆この部分は大変重要なので，読んでおかないと後で大変なことになります。

【参考】 これは参考事項であまり重要ではありません。

8

全体を統一する

●●●●

●●●●

●●●●

●●●●

●●●●

●●●●

9

スライド上の文字について

10

「読ませる」ではなく「見せる」

障害発生後の性能低下を最小限にするTCP の拡張方式 QucikRecoverTCP を提案する

提案： QucikRecoverTCP TCP の拡張 障害発生後の性能低下を最小限に

11

「見せる」ための技術メリハリのある簡潔な文

余分な語を省いて短く箇条書きの活用キーワードに括弧類を使う体言止めの活用図，表の利用

12

本文は 10 行以内に北海道大学は札幌にあります東北大学は仙台にあります東京大学は東京にあります静岡大学は二つの都市に分かれています 静岡市 浜松市

名古屋大学は名古屋にあります大阪大学は大阪市と吹田市にあります九州大学は福岡市にありますこれで 10 行です

13

本文の行数が 20 行あると…北海道大学は札幌にあります東北大学は仙台にあります東京大学は東京にあります静岡大学は二つの都市に分かれています

静岡市 浜松市

名古屋大学は名古屋にあります大阪大学は大阪市と吹田市にあります九州大学は福岡市にありますこれで 10 行です北海道大学は札幌にあります東北大学は仙台にあります東京大学は東京にあります静岡大学は二つの都市に分かれています

静岡市 浜松市

名古屋大学は名古屋にあります大阪大学は大阪市と吹田市にあります九州大学は福岡市にありますこれで 20 行です

14

文字の大きさ大見出し： 36 ～ 44 ポイント本文： 24 ～ 32 ポイント

24 ポイントより小さい文字は読めない！ 一番後ろの席からでも読めるように

28 ポイント24 ポイント

32 ポイント

20 ポイント18 ポイント

使用不可！

15

フォントの選択ゴシック系が基本 明朝体，教科書体， Times， Century は弱い ボールドにしても弱いものは弱い

英文字： Tahoma, Arial

日本語： MS P ゴシック HGP創英角ゴシック UB

※日本語フォントをボールドにしない 計算のみで太くしているので，画面表示・印刷時につぶれる

16

ウィドウを避ける１文字だけが次の行にはみ出ること

１文字だけが次の行にはみ出ること

１文字だけが次の行にはみ出ること

17

行頭文字：適切に変更しよう並列に書き連ねるときはこのように同じ記号でも良いが…

① 順序を追って② 説明するときには③ 数字を使うとよい

※　行頭文字の変更には「書式」⇒「箇条書きと段落番号」を選ぶ

18

図と表

19

図と表わかりにくい内容には図や表を使う適切な使い分けが必要 概念図（概念の構造や関係を表す） 原理図（原理を抽象化する） 工程図（工程の流れを示す） 構成図（システム構成など） グラフ（数値の変化） 表（分類や比較を整理して示す）

図を言葉で補うことも必要

20

図を言葉で補う絵だけではわからないことがある

1

2

Internet

Correspondent Node

Home Agent

Mobile Node

21

レイアウトの原則基準線を意識する 左揃え，中揃え，右揃え 均等割付 上揃え，下揃え インデント

メリハリをつける

22

揃えるパワーポイントの機能を活用 「図形の調整」⇒「配置／整列」 コピー＆ペースト グループ化

TCP UDP

IP

IEEE802.11b

きもちわるい配置… 大きさ，間隔，位置を揃える

UDPTCP

IP

IEEE802.11b

23

細かい「ずれ」をなくす

0 1

フォント，位置，線の重なりがおかしい

フォントを修正，整列，コネクタによる矢印の引きなおし

0 1

24

視線の流れ通常：真ん中⇒左上⇒右上⇒左下⇒右下

左上にアクセントをつける⇒視線を左上に誘導

1

2 3

4 5

アクセント

25

自然な流れに従うアクティブな方向は右方向

ブロードキャスト

モバイル

セキュリティ

次世代情報社会

26

逆向きにすると…

ブロードキャスト

モバイル

セキュリティ

次世代情報社会

27

視覚効果：上昇基調を示すには？右上方へ傾ける

1998 1999 2000 2001

10

1,000

1,000,000

28

向きを逆にすると…

どんづまっているように見える

2001 2000 1999 1998

10

1,000

1,000,000

29

線：細くしすぎない意味を持たせるなら 1.5 ポイント以上に パワーポイントのデフォルトは 0.75 ポイン

ト適切な太さに調整するデフォルトの太さを変更 適切な太さの線を描いて選択後，右クリック

⇒「オートシェイプの既定値に設定」0.75pt1.5pt2.25pt3pt

30

色：ちょっとの工夫で大きな効果

Collision

Keynote Speech

Simulations

CollisionCollision

Keynote SpeechKeynote Speech

Simulations

31

色：使いすぎは禁物コントラストに気をつけて原色を使いすぎないピンポイントで効果的に

タイトル

タイトル

タイトル

タイトル

タイトル

タイトル

全く読めませんね…

32

シンボルシンボルの持つ正しい意味で使う 違う意味で使うと誤解を招く

通信網 ストレージ 通信

リサイクル分岐 禁止

33

クリップアート同じ系統のものを使う使いすぎない下品にしない

Internet

これは悪い例

34

グラフExcel でつくったままにしない 一手間かけてわかりやすく加工する論文用とプレゼン用で作り分ける

具体的な技術 数字の桁数を少なくする 「凡例」ではなく「吹き出し」を使う 罫線を最小限に 色を適切に選択

35

Excel で普通に作ったグラフ

0

20000

40000

60000

80000

100000

120000

140000

0 1 2 3 4 5 6

Packet Loss Rate [%]

Thro

ughp

ut [

bps]

Method 1Method 2

36

修正版

50

100

150

0 1 2 3 4 5Packet Loss Rate [%]

Thro

ughp

ut [kb

ps] Method 1

Method 2

37

表細かくしすぎないバックを塗りつぶす文字は揃えるタイトルははっきりと

38

改善の余地がある表調査項目 アイテムIT産業関連 パソコンハード

モバイル PC携帯電話

E ビジネス分野 ネットショッピングオンライントレード

趣味関連 グルメ・料理オンライントレード音楽，映画，読書

プライバシー 財産健康

39

修正版調査項目 アイテム

IT産業関連・パソコンハード・モバイル PC・携帯電話

E ビジネス分野・ネットショッピング・オンライントレード

趣味関連・グルメ・料理・オンライントレード・音楽，映画，読書

プライバシー・財産・健康

40

アニメーション使いすぎない せいぜい１つのスライドで１つか２つ 過度に使うと集中の妨げに タイプライター表示などもってのほか！

表示の方向を自然に 矢印と同じ方向に画面切り替え効果も有効 よく似たスライドの間 大きな話題の転換

IPv4 IPv6

41

作業効率を上げるために

42

マスタを使う「表示」⇒「マスタ」⇒「スライドマスタ」

43

レイアウト「箇条書きテキスト」が基本「白紙」は使わない

44

アウトライン活用しよう「白紙」レイアウトではアウトラインに文字が反映されない

45

パワーポイント付属のテンプレートそのまま利用できる部分 配色：美しい 文字のサイズ：小さすぎない・若干大きい

利用できない部分 バックグラウンドの絵：派手すぎるものが多い レイアウト：タイトルが下寄りすぎる フォント：弱いフォントを使っているものがある

※付属のテンプレートのレイアウトを改造しよう

46

同じデザインテンプレートを使うデザインテンプレートには基本の配色が付属テンプレートを変更すると配色が変わる同じ図でも，色の再修正が必要になることも

長く使える自分のテンプレートを持とう

47

使える図はストックする再利用可能な図を一つのファイルで管理 自作の図，表 再利用しそうなクリップアート

私のストックの例

Internet

48

スライドデータの管理スライドにページ番号を入れるタイトルスライドに日付けを入れる バージョン管理に使う著作権表示：必要に応じて

49

参考図書日経 BP社出版局監修，「説得できるプレゼン・図解 200 の鉄則」，日経 BP社， 2001