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
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
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
350
Diverse Design Team Deck
diverse
0
310
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.7k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
120
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
160
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
150
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
850
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
360
ドルちゃん
design_dolphins
0
530
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
480
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
360
Featured
See All Featured
Mind Mapping
helmedeiros
PRO
0
45
Amusing Abliteration
ianozsvald
0
81
Deep Space Network (abreviated)
tonyrice
0
32
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
300
Fireside Chat
paigeccino
41
3.8k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
140
Ethics towards AI in product and experience design
skipperchong
1
150
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Evolving SEO for Evolving Search Engines
ryanjones
0
91
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
730
Exploring anti-patterns in Rails
aemeredith
2
220
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
閲覧ありがとうございました ボロボロになるまで読み込んだ書籍です。 とってもオススメ