O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
効果的なスライドの
デザインを学ぼう 
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
❹ セ...
❶スライドと配布資料Slides & Handouts 
0958
自己紹介 (Self Introduction) 
‑ 写真/アイコン (Self Portrait / Avatar) 
‑ 簡単な経歴 (Brief personal history) 
‑ ブログ、作品など (Your blog, wor...
自己紹介  
 ► 写真/アイコン 
 ► 簡単な経歴 
 ► ブログ、作品など 
 ► 連絡先
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, ...
❸目次とまとめTable of contents & Summary
1958
スライドと配布資料
Slides & Handouts 
❶ 自己紹介
Self introduction
❷ 目次とまとめ
Table of contents & Summary
❸
現在地を示す
Show current place
❹ セ...
❸ 目次とまとめ / 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
❹ セ...
Presented by
cremaが 
お送りしました
5858
Próximos SlideShares
Carregando em…5
×

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

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

  • Seja o primeiro a comentar

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

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

×