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

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

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

前回更新2022-06-28

Transcript

2. 2 05 06 07 08 09 02 03 10 11 12 01 13 04 00
3. 3 PowerPoint PowerPoint
6. … 6
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
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
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
34. 35 Breakthrough
35. 2025-03-16
36. 37 Z Z Z Web F
38. 39 A 0.3A 0.3 0.3 0.3A A 0.3A 0.3A 0.3B 0.3B B
41. 4 4 80 % 20 %
42. 43 (#595959) Web (Apple, Notion )
44. HUE/360 45 3 90 Print User Color #FFFFFF #208DC3 #CA3C6E
45. 46 Hex 1 (#595959) 1 2 3~6
47. ≠ ize ⚫ item 1 ⚫ item 2 ⚫ item 3 • • • • • 49
48. 50 - - Tab ➣ • • • • • • ➢ ➢ ➢ ✓ ✓
49. 3 51 Shift+Enter ⚫ ⚫ ⚫ 1 2 3 ⚫ ⚫ ⚫ ⚫ ⚫ ⚫ ⚫ ⚫
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
55. A A B C B C 58
56. 59 PowerPoint
57. 60 A B C A B C
59. 62 Shift PowerPoint
61. 64 ⚫ SVG Repo ⚫ Icon-rainbow ⚫ icooon-mono
62. SVG 65
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
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
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 … …