【プレゼン】見やすいプレゼン資料の作り方【初心者用】

Presentations & Public Speaking

tuat-sket
of 67
Description
プレゼンテーションのスライド資料を作る上で押さえておきたい基本をまとめました.
多分これがslideshare内で一番役に立つと思います.
スライドの作り方を学んだことがない方、参考にどうぞ!
(PowerPoint 2013 を想定した内容になります)
_人人人人人人人人人人人_
> リニューアル増量版 <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
http://www.slideshare.net/yutamorishige50/ss-41321443
2014.11.9アップロード!

This slides explains how to make slide for presentation better in Japan.

【本資料のテンプレート有償配布中】
https://gumroad.com/l/WGRBC
https://gumroad.com/l/PCON

【連絡先等】
Yuta Morishige
スライド作成について趣味で勉強中の院生
資料作成のSKET(http://sket.asia/)にてチーフデザイナーを担当
メールアドレス:snsoon4@gmail.com
個人ウェブサイト:http://dressdoc.net
※旧タイトル
【プレゼン】研究室発表のプレゼン資料の作り方【初心者用】
Text
  • 1. 見やすいプレゼン資料の作り方Ver.1.3| 全67枚mogie-rish.hatenablog.jpCopyright © 2014 Yuta Morishige All Rights ReservedVer.1.0 旧タイトル「研究室発表のプレゼン資料の作り方」
  • 2. 注意対象–スライドデザインについて知らない人内容のレベル–キーボードとマウスを正しく使える人なら だれでもできると思われる程度–操作方法まで具体的に説明–外国人にわかりにくそうな漢字は英語付き–PowerPoint 2013 を想定2
  • 3. 参考文献・Webサイト【1】3研究発表のためのスライドデザイン宮野公樹著/ ブルーバックス伝わるデザインtsutawarudesign.web.fc2.comPOWERPOINTDESIGNBETAppt.design4u.jp
  • 4. 参考文献・Webサイト【2】4わかりやすいプレゼンのために製作者の先輩Sさんのスライド資料非公開以上キレイな提案書を作るためのデザインの基礎知識 www.slideshare.net/sogitani_baigie/ss-13129487
  • 5. 「伝える」とは5PresenterAudienceスライド資料言葉でいくら説明されるよりも写真・グラフ・模式図で見たほうがより分かりやすいPattern diagram発表者聴衆90%
  • 6. 「伝える」とは6見て分かれば説明はほとんどいらない
  • 7. 「伝える」とは7プレゼンの大部分を占めるデザインから学ぼう
  • 8. 悪いデザインの例8あなたはもしかしてこんなスライド作ってません か?様々な要因によってスライドは見づらくなってし まう–見やすいデザインのためには、聴衆に対する気遣 いが重要となりますつくるの めんどく さい忙しい雑見難いbefore
  • 9. 悪いデザインの例|改善版9こんなスライド作ってませんか?見やすいデザインのためには聴衆に対する気づかいが重要面倒くさい要因忙しい雑になる見づらい行動結果after
  • 10. 悪いデザインの例|改善版こんなスライド作ってませんか?見やすいデザインのためには聴衆に対する気づかいが重要面倒くさい要因忙しい雑になる見づらい行動結果afterこのレベルの編集があなたにもできます10
  • 11. スライドデザインの基本11ちょっとしたデザインの違いで見やすさ・読みやすさがアップフォント改行配置色・強調
  • 12. フォント12結論から言うメイリオ18pt以上
  • 13. なんでメイリオ18pt以上?Windowsで標準装備太字(Bold)に対応そもそも可読性重視で作られたフォント等幅でバランスがとりやすい諸説あるが18pt以下で見やすい説なし13MSゴMSゴメイリオしっかり太くなる太くなりにくい※スクリーン映写の場合24pt以上説が多数ある
  • 14. 和文と欧文14和文と欧文でフォントを使い分けよう欧文|Segoe UI和文|メイリオ
  • 15. 和文と欧文15MSゴシック24ptDad eats deep fried chickens in spite of jobless !!Segoe UI 24ptDad eats deep fried chickens in spite of jobless !!和文フォントだと見栄えが悪い欧文フォントだと見栄えが良いLook niceLook bad
  • 16. 和文と欧文16和文とAlphabetの相性和文とAlphabetの相性Segoe UIとの組合せCalibriとの組合せフォントサイズが同じでも大きさが違うサイズ差が少なく相性が良いサイズ差が大きく相性が悪い60ptAlphabetAlphabet
  • 17. ここでよくあるFAQ17オレはMac派だ!いい加減にしろ!A.ヒラギノ角ゴ使ってください明朝体がいいA. 初心者にはオススメしませんフォントいちいち変更するのだるくね?A.次のスライドで説明します
  • 18. フォントを登録しておけば簡単!18①表示タブ②スライドマスター…③フォント④フォントのカスタマイズKeynote派の方ごめんなさい…
  • 19. 画面のとおりに設定して保存19ここで登録したパターンを選択しておけば今後はフォントを変更する必要ありません
  • 20. スライドデザインの基本20ちょっとしたデザインの違いで見やすさ・読みやすさがアップフォント改行配置色・強調
  • 21. 改行改行1つで読みやすさが大きく変わる–単語の途中で改行を入れてしまうと、と ても読みにくくなります–文章を聴衆が読みやすい位置で改行する のは、箇条書きの基本です–言い回しを工夫することで改行位置を調 節しよう21言葉のかたまりを 意識して改行する極端に短い行を作らないようにParagraphExtremelyAudienceExpression
  • 22. 改行改行1つで読みやすさが大きく変わる–単語の途中で改行を入れてしまうと、 とても読みにくくなります–文章を聴衆が読みやすい位置で改行するのは、 箇条書きの基本です–言い回しを工夫して、改行位置を調節しよう22言葉のかたまりを 意識して改行する極端に短い行を作らないようにExtremelyParagraphAudienceExpressionAdjustmentItemization
  • 23. 改行のついでに行間も改行1つで読みやすさが大きく変わる–単語の途中で改行を入れてしまうと、 とても読みにくくなります–文章を聴衆が読みやすい位置で改行するのは、 箇条書きの基本です–言い回しを工夫して、改行位置を調節しよう23Between the linesAudienceExpressionAdjustmentItemization
  • 24. 行間の変え方24クリックここが0ptになっているので 12ptくらいに設定し、OK!!もしくは行間1.0 → 1.5くらいに
  • 25. スライドデザインの基本25ちょっとしたデザインの違いで見やすさ・読みやすさがアップフォント改行配置色・強調
  • 26. 配置26配置を決める4つの基本事項1234位置をそろえるグルーピング余白をとるコントラスト付加MarginLayout
  • 27. ①位置をそろえる27揃っていないと気持ち悪いし順番などがわかりづらい見えない線を意識してオブジェクトや文章を揃えよう揃えられるところは揃える
  • 28. ①位置をそろえる28揃っていないと気持ち悪いし順番などがわかりづらい見えない線を意識してオブジェクトや文章を揃えよう揃えられるところは揃える
  • 29. ①位置をそろえる|グリッド線29チェック見えない線を見えるようにする
  • 30. ②グルーピング東小金井・nonowa東小金井という施設が誕生 パリの学生街をモチーフにしたらしい(笑)・東京農工大学工学部キャンパスが近く、 女に飢えた男子学生がひしめき合っているパリ・フランス最大の都市であり世界トップクラスの世界都市・「芸術の都」の異名を持つ、芸術の世界的中心地同じ項目は近づけ違う項目は離そう30
  • 31. ②グルーピング東小金井・nonowa東小金井という施設が誕生 パリの学生街をモチーフにしたらしい(笑)・東京農工大学工学部キャンパスが近く、 女に飢えた男子学生がひしめき合っているパリ・フランス最大の都市であり世界トップクラスの世界都市・「芸術の都」の異名を持つ、芸術の世界的中心地同じ項目は近づけ違う項目は離そう画像と文が離れると関係がわかりづらい31
  • 32. ②グルーピング32東小金井・nonowa東小金井という施設が誕生 パリの学生街をモチーフにしたらしい(笑)・東京農工大学工学部キャンパスが近く、 女に飢えた男子学生がひしめき合っているパリ・フランス最大の都市であり 世界トップクラスの世界都市・「芸術の都」の異名を持つ、 芸術の世界的中心地同じ項目は近づけ違う項目は離そう色分けもすると良い
  • 33. ②グルーピング33東小金井・nonowa東小金井という施設が誕生 パリの学生街をモチーフにしたらしい(笑)・東京農工大学工学部キャンパスが近く、 女に飢えた男子学生がひしめき合っているパリ・フランス最大の都市であり 世界トップクラスの世界都市・「芸術の都」の異名を持つ、 芸術の世界的中心地同じ項目は近づけ違う項目は離そう色分けもすると良い画像と文を近づけると関係がはっきりする!
  • 34. ②グルーピング34一連性があるなら まとめてしまおう卒論未提出単位不認定留年卒論提出単位認定卒業複数並ぶとすこし見づらい感
  • 35. ②グルーピング35一連性があるなら まとめてしまおう卒論未提出単位不認定留年卒論提出卒業流れ図はこちらのほうがスッキリ単位認定カタマリが6個から2個へとなり煩雑さが減少
  • 36. ③余白をとる36もう一年遊べるドン!もう一年遊べるドン!余白がない場合余白がある場合前田敦子前田敦子\余白があるときれいに見えるね/Margin
  • 37. ④コントラスト付加単調な文章は注目すべき場所がわからない視覚的な目立ちやすさを重要性に応じて 変える必要がある大抵の場合、タイトルやまとめが重要に なってくるのでコントラストをつける文字の太さやサイズ、色によって コントラストをつけることができる重要なところはできるだけ太字が好ましい37Monotonicbefore
  • 38. ④コントラスト付加単調な文章は注目すべき場所がわからない視覚的な目立ちやすさを 重要性に応じて変える必要がある大抵の場合、タイトルやまとめが 重要になるのでコントラスト(メリハリ)をつける文字の太さやサイズ、色によって コントラストをつけることができる重要なところはできるだけ太字が好ましい38Monotonicafter
  • 39. スライドデザインの基本39ちょっとしたデザインの違いで見やすさ・読みやすさがアップフォント改行配置色・強調
  • 40. 色・強調40123色数はできるだけ少なく色の使い方を統一する色に頼らない色をきれいにまとめるための3原則
  • 41. 原則に基づいた配色41基本色の決め方とルール化ベースカラー、メインカラー、アクセントカラーを決めて使いまわすベースカラー主に文字に使う基本色(背景は白+文字は黒が基本)メインカラー見出し、ボックス、強調させたい箇所に使用アクセントカラーメインカラーとの区別や特に注目を集めたい箇所に使用色が多いと煩雑な印象になるため 配色に意味がなければ、できるだけ少なくしようcomplexity
  • 42. 原則に基づいた配色42もっと色を使いたい場合ベースカラー、メインカラー、アクセントカラーの濃淡を変えて使うとまとまった感じになりやすい濃※他にも方法はありますが配色も奥が深いので割愛
  • 43. 色の選び方43色の選び方色の選び方明度と彩度に注意しよう色の選び方色の選び方色の選び方色の選び方色の選び方色の選び方背景が明るいなら文字は暗くし、背景が暗いなら文字は明るくしよう全体8つのうちで見やすそうなもの
  • 44. 色の選び方44高彩度低彩度高彩度低彩度高彩度低彩度高彩度低彩度明度と彩度に注意しよう彩度は少し下げよう(標準は彩度高めなので)少し暗くした方が落ち着いた印象になる
  • 45. 強調|オブジェクト編45Simple objects are bestエッジを強調しすぎると読みにくいエッジ細めエッジ太めエッジなしエッジあり理由人間はオブジェクトがあった時、エッジを見て、文字を読むエッジが無ければ(薄ければ)1プロセス減って認識しやすい
  • 46. 強調|オブジェクト編46オブジェクトの色と形が決定したらやはり、いちいち変更するのは面倒くさいので デフォルトとして登録しておこうオブジェクト1デフォルトにするオブジェクトを作成2そのオブジェクトを右クリック3「規定の図形に設定」をクリックできた~R
  • 47. 強調|テキスト編47太字タイトルや強調したい箇所に限定的に使用するとよい斜体欧文で強調したい箇所に使うと効果的(Effective)下線本文や比較的長い文章で強調したい箇所に使うと効果的文字の影印象の変化が微妙で、滲んだ印象になりやすいため非効果的文字・テキストを強調する4つの方法についてblurredineffective
  • 48. 強調|テキスト編48ジャンプ率を意識する文字のサイズの差や、余白、行間、文字間などに気を配る手法結果King Kong Method19.33%C.C. Sakura Method19.96%手法結果King Kong Method19.33%C.C. Sakura Method19.96%1数字は大きく、単位は小さく2短い単語は文字と文字を離す×ダメな例○良い例3かこんで強調しようとしない
  • 49. 強調|テキスト編49ジャンプ率を意識する文字のサイズの差や、余白、行間、文字間などに気を配る手法結果King Kong Method19.33%C.C. Sakura Method19.96%手法結果King Kong Method19.33%C.C. Sakura Method19.96%Aの手法では認識率が10pt上昇Aの手法では認識率が10pt上昇×ダメな例○良い例×○
  • 50. ちょっと休憩タイム50パワポおばあちゃんの知恵袋同じ形状のオブジェクトを連続でつくりたい時 Ctrl + Shift 押しながらドラッグするといいのじゃ!!X番目のスライドを表示させたい時 番号を押したあと、Enterでそのスライドが表示できるんじゃ!! 例:12番目のスライドのとき、[1][2][enter]の順で押すんじゃキャプチャ画像の貼り付けが面倒でしかたない時 もしかしてペイント貼り付けして加工して保存して読込? PowerPointに直接貼り付けて書式タブのトリミングするんじゃ!!あと少しじゃよ
  • 51. 次は「構成」51
  • 52. 構成Kissの法則を意識目次のようなスライドを挿入現在位置を視覚的に示す相手のレベルに合わせた情報量その他52スライド構成の原則
  • 53. 構成|Kissの法則53Keep it short and simple短く、シンプルに
  • 54. 構成|目次スライドの挿入54「今からここの話をしますよ」と伝える今日はどんな話があるかを示し
  • 55. 構成|現在位置を示す55目次スライドやフローチャートで現在位置を表示
  • 56. 構成|現在位置を示す56目次スライドやフローチャートで現在位置を表示
  • 57. 構成|現在位置を示す57スライド番号を必ずいれるスライド番号がないと、発表終了後の質問で、「◯番目のスライド見せて」と伝えられない。できれば全部で何枚あるか示しておくと聴衆の「いつ終わるの?」と思う不安も軽減できるVer.1.2| 全67枚と書いてあったからあと10枚ってとこか
  • 58. 構成|現在位置を示す58挿入タブスライド番号「スライド番号」にチェックを付けてスライド番号の設定方法「すべてに適用」を選択1234初期設定だと番号がかなり見づらい状態で表示されますがそこの調整については次回作で紹介します
  • 59. 構成|レベルに合わせた情報量59どこまで詳しく言うのか考える人に伝える手段は何があるかプレゼンテーションとは何かPowerPointの基本的な使い方スライドマスターの設定方法概要詳細初心者対象熟練者対象
  • 60. 構成|その他60練習すると構成が把握できる発表練習をすると、説明の順番や付け足したほうがいいことが 思い浮かぶことがあるので質の向上のためにもやっておこう!むやみに箇条書きにしないPowerPointではスライドを新規作成するとテキストボックスがデフォルトで箇条書き設定にされているこのため、作成者は無意味に箇条書きにしようとしてしまい、完成した時には特に意味のない箇条書きにまみれ、わけのわからないスライドになってしまうことがよくあるスライドを1枚作るときは箇条書きが必要かどうか考えよう
  • 61. 構成|その他611スライド1分説は大嘘30スライドあるから30分かかるという謎の説がありますが1スライドは1メッセージですちなみに本スライドで実際に発表した場合60スライド以上ありますが休憩を含めて40分未満です時間配分の構成は実際に時間計測してから考えてください「枚数」がうんぬん言ってると表現がしばられてしまいます
  • 62. 最後に「話し方」62
  • 63. 話し方63普段通りの話し方が及ぼす影響身内での発表(社内・研究室内) 自分の話し方(クセ)を知っている対外発表 当然知るわけもなく ちゃんと話さないと伝わらない
  • 64. 話し方64話し方で気をつけること3つ1気持ち大きめの声2聴衆を見る3抑揚をつける対面の会話ではないので普段通りだと聞こえない相手の目を見て話すのは基本 どこに向かって話してんの?とツッコまれないようにかっこよく話す必要はないが、 重要なことは重要そうに話そう
  • 65. これで終わりではないが終わり65他にも気をつけるべきことはたくさんあるソフトの機能に依存してしまうと起きてしまう問題や、表やグラフの効果的な見せ方、バランス、 聴衆の気持ちを退屈させない方法…様々ありますが、まずはここまでの基本を押さえてしっかりとスライド資料を作り、大きな声で発表すれば、あなたの発表は確実に良くなりますあなたのご活躍をお祈り申し上げます
  • 66. 画像素材元66HUMAN PICTOGRAM 2.0pictogram2.com以上a1239.blog136.fc2.com/blog-entry-517.htmlAKB48 前田敦子ちょっとの違いで美人に
  • 67. 本資料の利用について学業目的や個人で利用する場合–報告不要(あれば励みになります)–模倣・コピー・配布可(Web上の再配布は×)営利を目的で利用する場合–基本的に許可しておりません67Copyright © 2014 Yuta Morishige All Rights Reserved本資料のテンプレート販売はホームページ(HP)からどうぞHPhttp://dressdoc.netBLOGhttp://mogie-rish.hatenablog.jp/MAILsnsoon4@gmail.comスライド作成の依頼もお受けしておりますのでメールまでご連絡くださいリニューアル増量版NEW!!
  • Comments
    Top