Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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 今日の話の元ネタと詳細は下記スライドにあります。 必読です。 見やすいプレゼン資料の作り方 リニューアル増量版