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. 2
    05
    06
    07
    08
    09
    02
    03 10
    11
    12
    01
    13
    04
    00

    View full-size slide

  2. 3
    PowerPoint
    PowerPoint

    View full-size slide

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

    View full-size slide

  4. PowerPoint
    9
    00

    View full-size slide

  5. 10




    1 2 3 4 5

    View full-size slide

  6. 12
    1 1
    PowerPoint
    Dynalist

    View full-size slide

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

    View full-size slide

  8. PowerPoint
    PowerPoint
    100%
    MS
    ダサいスライドはどう作るか
    ダサいスライドはどうやって作るかを考えていきたい。このような
    スライドに思い当たる人は多いのではないだろうか?
    ・このような箇条書き
    ・真っ黒な色使い
    ・濃い色を使う
    →よくやりがちなやつ。自覚のない人が多い。
    こんな矢印使って、すごくダサくで
    きる。皆やりがち。

    View full-size slide

  9. 16

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

    View full-size slide

  10. 17
    PowerPoint
    NG

    View full-size slide

  11. 19


    ⚫ →


    5






    ex)
    1
    |
    1
    2
    3
    4
    5

    View full-size slide

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


    5
    → NG



    e.g.)

    View full-size slide

  13. 22

    ⚫ ➣







    1

    View full-size slide

  14. 23
    Shift
    PowerPoint

    View full-size slide

  15. 26




    ⚫ ( )

    View full-size slide

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

    View full-size slide

  17. (2)
    29



    細いゴシック体
    装飾多い明朝体

    View full-size slide

  18. 4
    1 2
    3 4
    50% OFF
    31

    View full-size slide

  19. 32
    PowerPoint

    View full-size slide

  20. 33
    ( )
    44.46 km
    493 km/h
    166 km
    44.46 km
    493 km
    166 km
    1
    50 % OFF
    1
    50% OFF

    View full-size slide

  21. 35
    Breakthrough

    View full-size slide

  22. 39
    A
    0.3A
    0.3
    0.3
    0.3A
    A
    0.3A
    0.3A
    0.3B
    0.3B
    B

    View full-size slide

  23. 4 4
    80 % 20 %

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. ≠ ize
    ⚫ item 1
    ⚫ item 2
    ⚫ item 3





    49

    View full-size slide

  28. 50
    -
    -
    Tab ➣











    View full-size slide

  29. 3
    51
    Shift+Enter



    1 2 3








    View full-size slide

  30. 55
    Noto Sans JP
    Ctrl + B
    Noto Sans JP Black
    1 2 3

    View full-size slide

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

    View full-size slide

  32. 59
    PowerPoint

    View full-size slide

  33. 60
    A B C
    A B C

    View full-size slide

  34. 62
    Shift
    PowerPoint

    View full-size slide

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

    View full-size slide

  36. San
    /
    ( )
    /

    Alphabet Alphabet
    遠とは、
    果てしなく続くことだ
    Noto Sans JP
    Roboto
    游明朝
    Times New Roman
    67

    View full-size slide

  37. 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

    View full-size slide

  38. 69
    ( Medium, Light )
    PowerPoint
    PC
    PDF
    Medium
    Bold
    Black

    Noto Sans JP 游ゴシック
    PC PC
    Ctrl(⌘)+B
    Black

    View full-size slide

  39. 70
    ユニバーサルデザインフォント。
    Windows標準搭載だが知名度低い。
    Macにも無料でダウンロード可能。
    社用PCならコレ! 2ウェイト。
    BIZ UDPゴシック
    Windows/Mac両方に標準搭載。
    線が細めで、空間が小さい。
    PowerPointのデフォルトだが細すぎ。
    4ウェイト収録。
    游ゴシック
    広く平べったい。
    スライドでよく使われるが素人感出る。
    2ウェイトのみ。
    Meiryo UIは無理に縦長くされ、
    非推奨。
    メイリオ
    古いフォント。
    字形の統一感がなくて美しくない。
    絶対に使わないほうがよい。
    デザイン界のタブー。1ウェイトのみ。
    MS Pゴシック
    美しい
    フォント
    美しい
    フォント
    美しい
    フォント
    美しい
    フォント

    View full-size slide

  40. 71
    123ABC abc abc Roboto
    Google Roboto
    Windows Arial Segoe UI
    Mac Helvetica Neue Arial
    Tahoma
    Tahoma
    Roboto
    Roboto
    Roboto
    Arial Segoe UI

    View full-size slide

  41. 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

    View full-size slide

  42. 74
    1
    2
    1 20~25
    Shift + Enter
    Enter
    Shift + Enter Enter
    Shift + Enter

    View full-size slide

  43. 75
    >
    >
    > 10pt
    1
    ( ) ( / )
    Yes/No
    Yes / No
    Yes/No

    View full-size slide

  44. Shift
    Shift
    Shift+
    Shift
    Shift
    ( )
    Shift
    15
    45
    15
    15
    77

    View full-size slide

  45. Ctrl Alt
    78
    Ctrl
    Ctrl Shift
    Ctrl+
    PowerPoint

    Alt
    Mac
    Alt+
    Ctrl Alt
    Ctrl Shift Alt

    View full-size slide

  46. (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
    >
    <

    View full-size slide

  47. (2)
    81
    ( )
    (Enter )
    ↑ ↓ → ←
    Ctrl
    Ctrl or

    Alt Shift ↓ Ctrl Space




    ⌘ or
    F B
    or
    ]
    Ctrl Shift [

    ] [

    View full-size slide

  48. 4~5 m



    83

    View full-size slide

  49. 84
    filler
    1

    ⚫ /




    /

    View full-size slide

  50. 85
    7



    OK
    2
    7min …

    View full-size slide