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
200
つたわるスライドの作り方
Nana.I
June 30, 2023
Tweet
Share
More Decks by Nana.I
See All by Nana.I
勉強苦手人間の勉強法
nana_csx
0
4.3k
Other Decks in Design
See All in Design
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
390
portfolio_YumiYasuda
yum0418
0
290
Saudade typeface
tiagoporto
0
330
「デザイン」を信じるには
iflection
0
280
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
290
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
1k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.9k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
720
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
240
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Language of Interfaces
destraynor
158
25k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Typedesign – Prime Four
hannesfritz
42
2.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
GitHub's CSS Performance
jonrohan
1031
460k
A better future with KSS
kneath
239
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Statistics for Hackers
jakevdp
799
220k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
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
閲覧ありがとうございました ボロボロになるまで読み込んだ書籍です。 とってもオススメ