Upgrade to Pro — share decks privately, control downloads, hide ads and more …

今日から使えるスライドデザインテクニック

Yasuyuki
June 26, 2021

 今日から使えるスライドデザインテクニック

シンプルで美しいスライドを作成するために必要なデザイン知識を
簡潔にわかりやすくまとめています。

00 構想の練り方
01 ダサいスライドの共通点
02 デザインの根幹
03 デザインの4原則
04 レイアウト
05 色使い
06 箇条書き
07 文字の強調
08 矢印
09 画像・図の扱い方
10 フォントの基礎知識
11 行間・行長・字間
12 PowerPointの便利機能
13 話し方のコツ

前回更新2022-06-28

Yasuyuki

June 26, 2021
Tweet

More Decks by Yasuyuki

Other Decks in Design

Transcript

  1. None
  2. 2 05 06 07 08 09 02 03 10 11

    12 01 13 04 00
  3. 3 PowerPoint PowerPoint

  4. 4

  5. None
  6. … 6

  7. 7

  8. 8 30% 30% 30% 10% PowerPoint 3~4

  9. PowerPoint 9 00

  10. 10 ⚫ ⚫ ⚫ ⚫ 1 2 3 4 5

  11. 11 1 1

  12. 12 1 1 PowerPoint Dynalist

  13. 01

  14. 背景:ダサいスライドはどう作るか ダサいスライドはどうやって作るかを考えていきたい。このよう なスライドに思い当たる人は多いのではないだろうか? 特徴: ・こんな箇条書き ✓真っ黒な色使い ✓濃い色を使う →よくやりがちな矢印=【自覚のない人】が多い。 ダサ矢印使って、すごくダサくなっ ちゃう。けど皆やりがち。

    ダサくな る ( ) &
  15. PowerPoint PowerPoint 100% MS ダサいスライドはどう作るか ダサいスライドはどうやって作るかを考えていきたい。このような スライドに思い当たる人は多いのではないだろうか? ・このような箇条書き ・真っ黒な色使い ・濃い色を使う

    →よくやりがちなやつ。自覚のない人が多い。 こんな矢印使って、すごくダサくで きる。皆やりがち。
  16. 16 ⚫ ⚫ , Meiryo UI ⚫ MS PowerPoint Noto

    Sans JP Roboto Windows BIZ UDP Mac 游ゴシックの見本 メイリオの見本 Meiryo UIの見本 MS Pゴシックの見本 Noto Sans JP Roboto BIZ UDP
  17. 17 PowerPoint NG

  18. 18 ⚫ ⚫ ⚫

  19. 19 ⚫ ⚫ ⚫ → ⚫ ⚫ 5 ⚫ ⚫

    ⚫ ⚫ ⚫ → ex) 1 | 1 2 3 4 5 →
  20. 20 NG

  21. 21 ⚫ ( ) ⚫ ( ) ⚫ (→) ⚫

    ⚫ 5 → NG → → → e.g.)
  22. 22 ⚫ ⚫ ➣ ⚫ ⚫ ➢ ➢ ➢ ✓

    ✓ 1
  23. 23 Shift PowerPoint

  24. 02

  25. 26 ⚫ ⚫ ⚫ ⚫ ⚫ ( ) ⚫

  26. 27 = > >

  27. (1) 28 1 1/2~1/3 1

  28. (2) 29 ⚫ ⚫ ⚫ 細いゴシック体 装飾多い明朝体

  29. 4 03

  30. 4 1 2 3 4 50% OFF 31

  31. 32 PowerPoint

  32. 33 ( ) 44.46 km 493 km/h 166 km 44.46

    km 493 km 166 km 1 50 % OFF 1 50% OFF
  33. 04

  34. 35 Breakthrough

  35. 2025-03-16

  36. 37 Z Z Z Web F

  37. 38

  38. 39 A 0.3A 0.3 0.3 0.3A A 0.3A 0.3A 0.3B

    0.3B B
  39. 40

  40. 05

  41. 4 4 80 % 20 %

  42. 43 (#595959) Web (Apple, Notion )

  43. 44

  44. HUE/360 45 3 90 Print User Color #FFFFFF #208DC3 #CA3C6E

  45. 46 Hex 1 (#595959) 1 2 3~6

  46. 06

  47. ≠ ize ⚫ item 1 ⚫ item 2 ⚫ item

    3 • • • • • 49
  48. 50 - - Tab ➣ • • • • •

    • ➢ ➢ ➢ ✓ ✓
  49. 3 51 Shift+Enter ⚫ ⚫ ⚫ 1 2 3 ⚫

    ⚫ ⚫ ⚫ ⚫ ⚫ ⚫ ⚫
  50. 07

  51. - 54

  52. 55 Noto Sans JP Ctrl + B Noto Sans JP

    Black 1 2 3
  53. 56 Ctrl (⌘) + Shift + C/V 3 1 2

    3
  54. 08

  55. A A B C B C 58

  56. 59 PowerPoint

  57. 60 A B C A B C

  58. 09

  59. 62 Shift PowerPoint

  60. 63

  61. 64 ⚫ SVG Repo ⚫ Icon-rainbow ⚫ icooon-mono

  62. SVG 65

  63. 10

  64. San / ( ) / 永 Alphabet Alphabet 遠とは、 果てしなく続くことだ

    Noto Sans JP Roboto 游明朝 Times New Roman 67
  65. 68 MS P P Proportional There are many types of

    fonts in the world. 世界には様々なフォントが あります。 There are many types of fonts in the world. Noto Sans JP/Roboto Cica
  66. 69 ( Medium, Light ) PowerPoint PC PDF Medium Bold

    Black 美 Noto Sans JP 游ゴシック PC PC Ctrl(⌘)+B Black
  67. 70 ユニバーサルデザインフォント。 Windows標準搭載だが知名度低い。 Macにも無料でダウンロード可能。 社用PCならコレ! 2ウェイト。 BIZ UDPゴシック Windows/Mac両方に標準搭載。 線が細めで、空間が小さい。

    PowerPointのデフォルトだが細すぎ。 4ウェイト収録。 游ゴシック 広く平べったい。 スライドでよく使われるが素人感出る。 2ウェイトのみ。 Meiryo UIは無理に縦長くされ、 非推奨。 メイリオ 古いフォント。 字形の統一感がなくて美しくない。 絶対に使わないほうがよい。 デザイン界のタブー。1ウェイトのみ。 MS Pゴシック 美しい フォント 美しい フォント 美しい フォント 美しい フォント
  68. 71 123ABC abc abc Roboto Google Roboto Windows Arial Segoe

    UI Mac Helvetica Neue Arial Tahoma Tahoma Roboto Roboto Roboto Arial Segoe UI
  69. 11

  70. Enter Shift + Enter Enter 6 pt PowerPoint 0.8~1.0 1.2

    1.2 1.2 PowerPoint 0.8~1.0 0.9 1.2 Enter Enter 73
  71. 74 1 2 1 20~25 Shift + Enter Enter Shift

    + Enter Enter Shift + Enter
  72. 75 > > > 10pt 1 ( ) ( /

    ) Yes/No Yes / No Yes/No
  73. 12

  74. Shift Shift Shift+ Shift Shift ( ) Shift 15 45

    15 15 77
  75. Ctrl Alt 78 Ctrl Ctrl Shift Ctrl+ PowerPoint … Alt

    Mac Alt+ Ctrl Alt Ctrl Shift Alt
  76. 79 > > / / /

  77. (1) 80 Fn 15 p.15 or > ⌘ < <

    > N Ctrl or > Ctrl Shift < M F5 return ⌘ ⌘ Shift Enter 1 5 Enter return p.30 p.15 > <
  78. (2) 81 ( ) (Enter ) ↑ ↓ → ←

    Ctrl Ctrl or ↑ Alt Shift ↓ Ctrl Space ⚫ ⚫ ⚫ ⚫ ⌘ or F B or ] Ctrl Shift [ ⌥ ] [
  79. 13 82

  80. 4~5 m ⚫ ⚫ ⚫ 83

  81. 84 filler 1 ⚫ ⚫ / ⚫ ⚫ ⚫ ⚫

    /
  82. 85 7 ⚫ ⚫ ⚫ OK 2 7min …

  83. 86 … …

  84. 87

  85. None
  86. 89

  87. None