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
Nana.I
June 30, 2023
Design
0
230
つたわるスライドの作り方
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
チームをデザイン対象にする / Design for your team
kaminashi
1
940
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
140
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
180
文化のデザイン - Soft Impact of Design
atsushihomma
0
170
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
350
mount_company_profile
mount_inc
0
5.9k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
290
はじめての演奏会フライヤーデザイン
chorkaichan
1
250
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.7k
kintone Style Book
kintone
6
12k
TUNAG BOOK 2024
stmn
PRO
0
1.5k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
150
Featured
See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
180
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
160
The SEO identity crisis: Don't let AI make you average
varn
0
420
Crafting Experiences
bethany
1
94
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
280
Scaling GitHub
holman
464
140k
It's Worth the Effort
3n
188
29k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
200
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
64
54k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.9k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
180
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.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
閲覧ありがとうございました ボロボロになるまで読み込んだ書籍です。 とってもオススメ