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
240
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
つたわるスライドの作り方
Nana.I
June 30, 2023
More Decks by Nana.I
See All by Nana.I
勉強苦手人間の勉強法
nana_csx
0
4.6k
Other Decks in Design
See All in Design
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
260
AI時代に必要な アイデアの形
uxman
0
200
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.2k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
150
コンテンツ作成者の体験を設計する
chiilog
0
180
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
220
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.9k
CULTURE DECK/Marketing Director
mhand01
0
1.3k
社長の宿題への回答 「新卒×AI」が生み出す価値
saki822
2
160
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
710
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
230
Featured
See All Featured
Abbi's Birthday
coloredviolet
2
8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
210
KATA
mclloyd
PRO
35
15k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
310
It's Worth the Effort
3n
188
29k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
410
Color Theory Basics | Prateek | Gurzu
gurzu
0
360
What's in a price? How to price your products and services
michaelherold
247
13k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
180
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
160
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
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
閲覧ありがとうございました ボロボロになるまで読み込んだ書籍です。 とってもオススメ