Akiko Kurono (@crema) gave her presentation on Effective Slide Design at Global Diversity CFP Day. 黒野明子がGlobal Diversity CFP Dayのイベントにて発表した「効果的なスライドデザイン」の資料です。

1. 効果的なスライドの
デザインを学ぼう
Akiko Kurono / 黒野明子
@Global Diversity CFP Day / 20190302
Effective Slide Designing Technique
0158

2. 自己紹介
黒野明子@crema
Web Designer
Adobe Community Evangelist
Writer / Instructor
Akiko Kurono
Self introduction
0258

3. UI design, DTP, Illustration, Book design etc…
0358

4. Writing books for designers/beginners, Making LINE sticker…
0558

5. 0658

6. Let’s get started!
ここから本編
スタート ✨
0758

7. スライドと配布資料
Slides & Handouts
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セクションの扉
Title pages for sections
❺ タイポグラフィ
Typography
❻
レイアウト
Layout
❼ 配色
Color scheme
❽ 画像
Images
❾
今日のトピック Today’s topics
0858

8. ❶スライドと配布資料Slides & Handouts
0958

9. 自己紹介 (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

10. 自己紹介
► 写真／アイコン
► 簡単な経歴
► ブログ、作品など
► 連絡先
Good
1158

11. GoodSelf Introduction
► Self portrait / Avatar
► Brief personal history
► Blogs, works
► Contact address
1258

12. ❶ スライドと配布資料 / Slides & Handouts
表示用のスライドと
配布資料は分けて
考える
Preparing slides and
handouts separately
1358
Point!

13. ❷自己紹介Self introduction
1458

14. 自己紹介
黒野明子@crema
Web Designer
Adobe Community Evangelist
Writer / Instructor
Akiko Kurono
Self introduction
Good
1558

15. UI design, DTP, Illustration, Book design etc…
1658

16. Writing books for designers/beginners, Making LINE sticker…
Good
1758

17. ❷ 自己紹介 / Self introduction
► 写真／アイコン
► 簡単な経歴
► ブログ、作品など
► 連絡先
Self Portrait / Avatar
Brief personal history
Blogs, works
Contact address
1858
Point!

18. ❸目次とまとめTable of contents & Summary
1958

19. スライドと配布資料
Slides & Handouts
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セクションの扉
Title pages for sections
❺ タイポグラフィ
Typography
❻
レイアウト
Layout
❼ 配色
Color scheme
❽ 画像
Images
❾
今日のトピック Today’s topics
2058

20. ❸ 目次とまとめ / Table of contents & Summary
はじめに目次、
最後にまとめ。
Show table of contents at first,
Show summary at last.
2158
Point!

21. ❹現在地を示すShow current place
2258

22. Good
3
2
1
25
25
25
2358

23. Good
2458

24. ❹ 現在地を示す / Show current place
ページ数の表示
または、プログレスバー
Page numbers or
Progress bar
2558
Point!

25. ❺セクションの扉Title pages for sections
2658

26. ❺ セクションの扉 / Title pages for sections
このスライドを見てみましょう。
Check this slides out.
2758

27. ❺ セクションの扉 / Title pages for sections
トピックの変わり目に
セクション扉をつける
Add title pages for each
section.
2858
Point!

28. ❻タイポグラフィTypography
2958

29. Bad
Self Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
3058

30. BadSelf Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
3158

31. BadSelf Introduction
Self po trait / Avatar
Brief personal histo y
Blogs, works
Contact address
3258

32. BadSelf Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
3358

33. GoodSelf Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
3458

34. ❻ タイポグラフィ / Typography
最後列の人も読める文字で。
Select readable fonts
by the audience sitting in the last row.
3558

35. ❻ タイポグラフィ / Typography
文字のサイズ、太さ、
シンプルさ、が重要。
Check font size, weight and
simplicity.
3658
Point!

36. ❼レイアウトLayout
3758

37. ❼ レイアウト / Layout
プロジェクタのアスペクト比を確認
Check the aspect ratios for projectors.
3858

38. ❼ レイアウト / Layout
16:9 4:3
3958

39. ❼ レイアウト / Layout
重要な内容を下から1/3に置かない
Avoid to place important content
in 1/3 from the bottom
4058

40. ❼ レイアウト / Layout
単語の途
中で改行し
ない
Do not break a wo
rd at the mid
dle of that. 4158

41. ❼ レイアウト / Layout
画面のアスペクト比、
下から1/3を避ける、
改行位置に注意。
Aspect ratios, 1/3 area from
the bottom, word break.
4258
Point!

42. ❽配色Color scheme
4358

43. Self Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
Bad
4458

44. Self Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
Good
4558

45. Self Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
Good
4658

46. GoodSelf Introduction
Self portrait / Avatar
Brief personal history
Blogs, works
Contact address
4758

47. JISJapan Industrial Standard
4858

48. ❽ 配色 / Color scheme
コントラスト比を
大きく保つ
Keep the brightness contrast
higher.
4958
Point!

49. ❾画像Images
5058

50. 小さな命を守る
Protect small lives
Bad
5158

51. 小さな命を守る
Protect small lives
5258

52. 著作権の侵害をしない。
Do not infringe copyright.
❾ 画像 / Images
5358

53. https://unsplash.com/
❾ 画像 / Images
5458

54. ❾ 画像 / Images
画像のほうが雄弁に
語る場合がある。
著作権に注意。
Images tell a lot of things.
Do not infringe copyright.
5558
Point!

55. 今日のまとめWhat we learned today
5658

56. スライドと配布資料
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

57. Presented by
cremaが
お送りしました
5858