SlideShare a Scribd company logo
効果的なスライドの
デザインを学ぼう 
Akiko Kurono / 黒野明子 
@Global Diversity CFP Day / 20190302
Effective Slide Designing Technique
0158
自己紹介
黒野明子@crema
Web Designer 
Adobe Community Evangelist 
Writer / Instructor
Akiko Kurono
Self introduction
0258
UI design,  DTP,  Illustration,   Book design etc…
0358
Writing books for designers/beginners, Making LINE sticker…
0558
0658
Let’s get started!
ここから本編 
スタート ✨
0758
スライドと配布資料
Slides & Handouts 
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セクションの扉
Title pages for sections
❺ タイポグラフィ
Typography
❻
レイアウト
Layout
❼ 配色
Color scheme
❽ 画像
Images
❾
今日のトピック Today’s topics
0858
❶スライドと配布資料Slides & Handouts 
0958
自己紹介 (Self Introduction) 
‑ 写真/アイコン (Self Portrait / Avatar) 
‑ 簡単な経歴 (Brief personal history) 
‑ ブログ、作品など (Your blog, works, etc…)  
‑ 連絡先 (Contact address) 
  ‑ メール、Facebook、Twitterなど (Mail address, Facebook, Twitter, 
etc…) 
‑ 自己紹介が長すぎると飽きるので、セッション全体とのバランスを考
慮すること (If your self introduction is too long, it will be boring. 
Keep that simple and compact.)
Bad
1058
自己紹介  
 ► 写真/アイコン 
 ► 簡単な経歴 
 ► ブログ、作品など 
 ► 連絡先
Good
1158
GoodSelf Introduction 
 
 ► Self portrait / Avatar 
 ► Brief personal history 
 ► Blogs, works 
 ► Contact address
1258
❶ スライドと配布資料 / Slides & Handouts  
表示用のスライドと 
配布資料は分けて 
考える
Preparing slides and 
handouts separately
1358
Point!
❷自己紹介Self introduction
1458
自己紹介
黒野明子@crema
Web Designer 
Adobe Community Evangelist 
Writer / Instructor
Akiko Kurono
Self introduction
Good
1558
UI design,  DTP,  Illustration,   Book design etc…
1658
Writing books for designers/beginners, Making LINE sticker…
Good
1758
❷ 自己紹介 / Self introduction
 ► 写真/アイコン 
 ► 簡単な経歴 
 ► ブログ、作品など 
 ► 連絡先
Self Portrait / Avatar
Brief personal history
Blogs, works
Contact address
1858
Point!
❸目次とまとめTable of contents & Summary
1958
スライドと配布資料
Slides & Handouts 
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セクションの扉
Title pages for sections
❺ タイポグラフィ
Typography
❻
レイアウト
Layout
❼ 配色
Color scheme
❽ 画像
Images
❾
今日のトピック Today’s topics
2058
❸ 目次とまとめ / Table of contents & Summary
はじめに目次、 
最後にまとめ。
Show table of contents at first, 
Show summary at last.
2158
Point!
❹現在地を示すShow current place
2258
Good
3
2
1
25
25
25
2358
Good
2458
❹ 現在地を示す / Show current place
ページ数の表示 
または、プログレスバー
Page numbers or 
Progress bar
2558
Point!
❺セクションの扉Title pages for sections
2658
❺ セクションの扉 / Title pages for sections
このスライドを見てみましょう。
Check this slides out.
2758
❺ セクションの扉 / Title pages for sections
トピックの変わり目に
セクション扉をつける
Add title pages for each 
section.
2858
Point!
❻タイポグラフィTypography
2958
Bad
Self Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
3058
BadSelf Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
3158
BadSelf Introduction 
 
Self po trait / Avatar 
Brief personal histo y 
Blogs, works 
Contact address
3258
BadSelf Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
3358
GoodSelf Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
3458
❻ タイポグラフィ / Typography
最後列の人も読める文字で。
Select readable fonts 
by the audience sitting in the last row.
3558
❻ タイポグラフィ / Typography
文字のサイズ、太さ、 
シンプルさ、が重要。
Check font size, weight and 
simplicity.
3658
Point!
❼レイアウトLayout
3758
❼ レイアウト / Layout
プロジェクタのアスペクト比を確認
Check the aspect ratios for projectors.
3858
❼ レイアウト / Layout
16:9 4:3
3958
❼ レイアウト / Layout
重要な内容を下から1/3に置かない
Avoid to place important content 
in 1/3 from the bottom
4058
❼ レイアウト / Layout
単語の途 
中で改行し 
ない
Do not break a wo 
rd at the mid 
dle of that. 4158
❼ レイアウト / Layout
画面のアスペクト比、 
下から1/3を避ける、 
改行位置に注意。
Aspect ratios,  1/3 area from 
the bottom, word break.
4258
Point!
❽配色Color scheme
4358
Self Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
Bad
4458
Self Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
Good
4558
Self Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
Good
4658
GoodSelf Introduction 
 
Self portrait / Avatar 
Brief personal history 
Blogs, works 
Contact address
4758
JISJapan Industrial Standard
4858
❽ 配色 / Color scheme
コントラスト比を 
大きく保つ
Keep the brightness contrast 
higher.
4958
Point!
❾画像Images
5058
小さな命を守る
Protect small lives
Bad
5158
小さな命を守る
Protect small lives
5258
著作権の侵害をしない。
Do not infringe copyright.
❾ 画像 / Images
5358
https://unsplash.com/
❾ 画像 / Images
5458
❾ 画像 / Images
画像のほうが雄弁に 
語る場合がある。 
著作権に注意。
Images tell a lot of things. 
Do not infringe copyright.
5558
Point!
今日のまとめWhat we learned today
5658
スライドと配布資料
Slides & Handouts 
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セクションの扉
Title pages for sections
❺ タイポグラフィ
Typography
❻
レイアウト
Layout
❼ 配色
Color scheme
❽ 画像
Images
❾
今日のまとめ What we learned today
5758
Presented by
cremaが 
お送りしました
5858

More Related Content

PPTX
スライド作成研修20130326
PDF
120131 ppt
PDF
Xデザイン学校で楽しむ大人の学び(2018年 ver)
PDF
プレゼンテーションの作り方
PDF
スライドデザイン・ピッチ勉強会資料
PDF
5分でわかる良いスライドのつくりかた
PDF
業務改善ゼミ⑤(最終回)
PPTX
【ビジプラ】pptとプレゼン
スライド作成研修20130326
120131 ppt
Xデザイン学校で楽しむ大人の学び(2018年 ver)
プレゼンテーションの作り方
スライドデザイン・ピッチ勉強会資料
5分でわかる良いスライドのつくりかた
業務改善ゼミ⑤(最終回)
【ビジプラ】pptとプレゼン

Similar to Effective Slide Designing Technique(効果的なスライドのデザイン) (20)

PDF
エンジニアのプレゼンスライド作成入門
PDF
プレゼン資料の"デザイン"とは|デザイン・レイアウトで伝わる!プレゼンテーションデザイン講座
PDF
高インパクト発表資料作成法
PDF
センス不要!伝わるプレゼン資料のデザインルール〈入門編〉
PDF
プレゼン資料の心構え
PPTX
JSK神奈川主催 パワーポイント実践講座~メインスライド~(2012.05.19)
PDF
効果的なパワポ
PDF
伝えたいことを一瞬で伝えるスライド作成講座プラス
PDF
綺麗なスライドを作るための11の原則
PPTX
プレゼン基礎講座
PDF
資料デザイン研修_goodroom
PPTX
スライド作成時の留意点(新配属学生向け)
PDF
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
PDF
黒曜石イベント「プレゼン講座 メタルの魂編」
PDF
しょぼいプレゼンをパワポのせいにするな! by @jessedee
PDF
【schoo WEB-campus】なぜ、組織にデザインは必要なのか? 先生:菊池宏子
PPTX
戦略的プレゼン資料作成講座
PDF
Smart prsentationのすすめ0804
エンジニアのプレゼンスライド作成入門
プレゼン資料の"デザイン"とは|デザイン・レイアウトで伝わる!プレゼンテーションデザイン講座
高インパクト発表資料作成法
センス不要!伝わるプレゼン資料のデザインルール〈入門編〉
プレゼン資料の心構え
JSK神奈川主催 パワーポイント実践講座~メインスライド~(2012.05.19)
効果的なパワポ
伝えたいことを一瞬で伝えるスライド作成講座プラス
綺麗なスライドを作るための11の原則
プレゼン基礎講座
資料デザイン研修_goodroom
スライド作成時の留意点(新配属学生向け)
続・パワポは「最後」に開く-もっとみがく!プレゼン資料作成術「大掃除編」
黒曜石イベント「プレゼン講座 メタルの魂編」
しょぼいプレゼンをパワポのせいにするな! by @jessedee
【schoo WEB-campus】なぜ、組織にデザインは必要なのか? 先生:菊池宏子
戦略的プレゼン資料作成講座
Smart prsentationのすすめ0804
Ad

More from Akiko Kurono (6)

PDF
速攻で価値検証して無駄なものを作らないプロダクトデザイン
PDF
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
PDF
フリーランスが出会う“現場のタスク管理法あれこれ”
PDF
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
PDF
レスポンシブサイト制作に効く デザインTipsあれこれ
PDF
CSS Nite in KansaiのMovable Typeスライド(黒野明子作成)
速攻で価値検証して無駄なものを作らないプロダクトデザイン
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
フリーランスが出会う“現場のタスク管理法あれこれ”
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
レスポンシブサイト制作に効く デザインTipsあれこれ
CSS Nite in KansaiのMovable Typeスライド(黒野明子作成)
Ad

Effective Slide Designing Technique(効果的なスライドのデザイン)