Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
つたわるスライドの作り方
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Nana.I
June 30, 2023
Design
0
220
つたわるスライドの作り方
Nana.I
June 30, 2023
Tweet
Share
More Decks by Nana.I
See All by Nana.I
勉強苦手人間の勉強法
nana_csx
0
4.5k
Other Decks in Design
See All in Design
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
AIでデザインをつくる:基礎編
kenichiota0711
3
2.5k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
180
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
Treasure_Hunting
solmetts
0
240
公開スライド)熊本市様-電子申請中級編
garyuten
0
830
Drawing for Animation
lynteo
2
190
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
920
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
670
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
490
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
250
Featured
See All Featured
It's Worth the Effort
3n
188
29k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.2k
Abbi's Birthday
coloredviolet
1
4.8k
The Cult of Friendly URLs
andyhume
79
6.8k
Evolving SEO for Evolving Search Engines
ryanjones
0
130
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
WCS-LA-2024
lcolladotor
0
450
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
The Curious Case for Waylosing
cassininazir
0
240
How to train your dragon (web standard)
notwaldorf
97
6.5k
Transcript
つたわる スライド の作り方 @nana_csx
⚫ 自己紹介 ⚫ 「〇〇」マスター? ⚫ スライドは “作らない” AGENDA 前 半
自己 紹介
なな です
あえて なにかを 言うなら?
APEXは いいぞ! よろしく頼む
✓ 自己紹介 ⚫ 「〇〇」マスター ⚫ スライドは “作らない” AGENDA 前 半
スライド マスター
フォーマットを 一括変更できる バリ便利やつ
設定して ◼ フォント ◼ 配色 ◼ 背景
パターンも いいかんじ 背景について 好みだと思う
✓ 自己紹介 ✓ 「〇〇」マスター ⚫ スライドは “作らない” AGENDA 前 半
なぜ スライド つくる?
見た目を気にするよりも 大切なこと がある スライドの
なにかを 伝える ためです プレゼンは傾聴者へのプレゼント
スライドを作るため プロットを作成する プロット:要点をまとめたメモ書きのこと
発表に 物語を 持たせる
⚫ いのちの配色 ⚫ 間違いないフォント ⚫ 作り方に悩んだら AGENDA 後 半
お気づきだろうか
さっきから モノトーンで 固めていることに
いのちの配色 はじめて違う色を投入
使う色は 3つだけ
わたしは4つ使ってる しろ くろ あか あお memo: 真っ黒はキツめな印象を与えるので、柔らかみのあるグレーをオススメ
通常 通常 超 大事 中 大事 色分け memo: 赤と青で「メリット」「デメリット」などを色分けしたりもするよね
赤色は “ここぞ”というときに つかう切り札 刺激つよいからあんま背景にはしないけど
✓ いのちの配色 ⚫ 間違いないフォント ⚫ 作り方に悩んだら AGENDA 後 半
日本語は メイリオ
ENGLISH Segoe UI
このスライドは 文字がデカい
デカくなきゃ 伝わらない
なぜメイリオがいいのか? • 可読性が良いから • 等幅 • バランス良い • 文字がかわいい •
みんなつかってる • どこのサイトでもつかってる • 游ゴシックもかわいいけど見やすいのは • メイリオ • 好き嫌いは分かれるけど私はすき • 太字にするとめちゃ強調される • と • に • か • く • メ • イ • リ • オ • す • き • よ
なぜメイリオがいいのか? • 可読性が良いから • 等幅 • バランス良い • 文字がかわいい •
みんなつかってる • どこのサイトでもつかってる • 游ゴシックもかわいいけど見やすいのは • メイリオ • 好き嫌いは分かれるけど私はすき • 太字にするとめちゃ強調される • と • に • か • く • メ • イ • リ • オ • す • き • よ 読みにくいわ
文字はデカく 要点は短く
書くことは 3つまで
◼ 4つ以上は覚えられない ◼ 根拠が3つあると説得力 ◼ 心に留まるのは3つまで なんで?
3の法則
• 薄く • 軽く • 高速
• 速い • 安い • 美味
✓ いのちの配色 ✓ 間違いないフォント ⚫ 作り方に悩んだら AGENDA 後 半
お気づきだろうか
さっきから こんな レイアウト ばっかり
レイアウトに 迷うなら 統一しちまいな
ごてごて レイアウトが 変わる スライドは醜い
統一感がなくて 目が疲れる
統一すれば なんか それっぽく 見える
• 3の法則――マジックナンバー3に注意せよ! https://globis.jp/article/7508 • Unsplash(フリー素材サイト) https://unsplash.com/ • 見やすいプレゼン資料の作り方 https://www.slideshare.net/yutamorishige50/ how-to-present-better
閲覧ありがとうございました ボロボロになるまで読み込んだ書籍です。 とってもオススメ