Slide 1

Slide 1 text

スライド の は な し インフラエンジニアのためのプレゼン技術研究会 編

Slide 2

Slide 2 text

とある勉強会にて 後ろに座って寿司ネタ 話は面白いけどスライドが… チューチュートレイン現象発生

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

おことわり 見やすいスライドになっても 発表の内容は良くなりませんし、 御社の製品は良くなりません

Slide 5

Slide 5 text

今日の話 見やすさ 何 フォント 色彩

Slide 6

Slide 6 text

It’s me の話からインフラまで 何でも話しています 次は 月上旬の予定

Slide 7

Slide 7 text

見やすさとは Legibility / Visibility

Slide 8

Slide 8 text

見やすさ is 何 プレゼンテーションの時に どうなると「お、そうかなるほど」 につながるか、ということ

Slide 9

Slide 9 text

見やすさ = わかりやすさ 見た時に 短時間で理解できる事が「わかりやすい」 聞いている人の 脳に負担をかけないように構成する

Slide 10

Slide 10 text

見やすさのために 見やすさを助けるための要素 整列 近接 対比 反復 要約

Slide 11

Slide 11 text

整列・反復はされているが 要素の近接し過ぎで 読みづらい

Slide 12

Slide 12 text

1 Slide, 1 Message 1つのスライドには1つのメッセージを は原則ですが

Slide 13

Slide 13 text

この色でなければならないという決まりはない コントラストの強い色の組み合わせを使う  3色以上使うときはルールを作る  モノトーンもお薦め

Slide 14

Slide 14 text

つらい つらい (事情があるのかもしれないですけど)

Slide 15

Slide 15 text

分割して統治 さっきの例(クールジャパン)なら 日本ブーム作り ローカライズ支援 プロモーション支援

Slide 16

Slide 16 text

1枚に収めるには スライドの面積は有限ですが、 枚数は無限です 短く、シンプルにしましょう 要約 必要性 体言止め

Slide 17

Slide 17 text

要約 3行より多いともうわかりません。 行間も くらいに 要約 必要性 体言止め スライドを読み取る時間が長いと理解しづらいので、単純に

Slide 18

Slide 18 text

必要性の考察 寿限無 寿限無 五劫の摺り切れ海砂利水魚の 水行末 雲来末 風来末食う寝る所に住む所 藪柑子 ブラコウジ パイポ パイポ パイポの シューリンガン シューリン ガンのグーリンダイグーリンダイのポンポコピーのポ ンポコナーの長久命の長助 ←これな 要約 必要性 体言止め 可能な限り不必要な情報は削ぎ落とさないと単純化できない

Slide 19

Slide 19 text

体言止め 本文はそこまで気にしなくても良いですが 見出しには気を使いましょう 要約 必要性 体言止め ×「変化を検証する」 ○「変化を検証」

Slide 20

Slide 20 text

改行 改行にはこだわりましょう~ 改行にはこだわり ましょう~ 改行にはこだわりまし ょう~ 改行にはこだわりま しょう~ 改行には こだわりましょう~ 改行 にはこだわりましょう~

Slide 21

Slide 21 text

改行 改行にはこだわりましょう~ 改行にはこだわり ましょう~ 改行にはこだわりまし ょう~ 改行にはこだわりま しょう~ 改行には こだわりましょう~ 改行 にはこだわりましょう~

Slide 22

Slide 22 text

スライドの下に大事なことを 書かない 出典:とある診断員と インジェクション

Slide 23

Slide 23 text

スライドの下に大事なことを 書かない

Slide 24

Slide 24 text

フォント Font

Slide 25

Slide 25 text

フォントの選び方 メイリオ 標準のフォントがよいです 使うときはフォントサイズ 以上が良いでしょう できれば

Slide 26

Slide 26 text

MS Pゴシックはオワコン 文字間・行間の調整が整えられていない (わけでもないんだけど)読むのにストレスがかかる 欧文を表示するのも見づらさがある  MS Pゴシック アウトプットしないのは 知的な便秘 Change before you have to.  メイリオ アウトプットしないのは 知的な便秘 Change before you have to.

Slide 27

Slide 27 text

源ノ角ゴシック Source Han Sans  と が共同で開発したフォント  (中国・日本・韓国)の文字が全て 収録されている  第 ~ 準漢字、中国語簡体字・繁体字、 ハングル文字、キリル文字・ラテン文字などサポート  (オープンタイプフォント)で配布されて いるのでインストール簡単  ウェイト(太さ)も 種類実装

Slide 28

Slide 28 text

源ノ角ゴシック ExtraLight 源ノ角ゴシック Light 源ノ角ゴシック Normal 源ノ角ゴシック Regular 源ノ角ゴシック Bold 源ノ角ゴシック Heavy 源ノ角ゴシック Medium 辞

Slide 29

Slide 29 text

色彩 Color, hue, tint

Slide 30

Slide 30 text

マンセルの色相環

Slide 31

Slide 31 text

マンセルの色相環 どう使ったらええんや

Slide 32

Slide 32 text

色の決め方 この色でなければならないという決まりはない コントラストの強い色の組み合わせを使う  3色以上使うときはルールを作る  モノトーンもお薦め  迷ったら迷わず白黒にしましょう

Slide 33

Slide 33 text

あぁ ~心がぴょんぴょんするんじゃぁ ~ あぁ ~心がぴょんぴょんするんじゃぁ ~ あぁ ~心がぴょんぴょんするんじゃぁ ~ あぁ ~心がぴょんぴょんするんじゃぁ ~ あぁ ~心がぴょんぴょんするんじゃぁ ~

Slide 34

Slide 34 text

弱肉強食・鮭肉サーモン 弱肉強食・鮭肉サーモン 弱肉強食・鮭肉サーモン 弱肉強食・鮭肉サーモン 弱肉強食・鮭肉サーモン

Slide 35

Slide 35 text

まとめ スライド作りは個人の趣味やセンスがでるもの。  文字はでっかく  色はハッキリ  内容はシンプルに

Slide 36

Slide 36 text

Appendix 今日の話の元ネタと詳細は下記スライドにあります。 必読です。  見やすいプレゼン資料の作り方 リニューアル増量版