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.

Powerful presentation workshop @PSU

1.805 visualizações

Publicada em

ติดต่อและสอบถามได้ที่: https://www.facebook.com/designstylewit

Powerful presentation workshop
8 สิงหาคม 2557
Bsc0603 คณะวิทยาศาสตร์ มหาวิทยาลัยสงขลานครินทร์

  • Seja o primeiro a comentar

Powerful presentation workshop @PSU

  1. 1. POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University By: Bundit Boonyarit Dept.Chemistry, Fac.Science DOWNLOAD SLIDE slidesha.re/1npHHfV ครั้งที่ 1
  2. 2. 9.00 - 9.20 น. ลงทะเบียน 9.20 - 9.50 น. แนวคิดพื้นฐานด้านการสื่อสาร 9.50 - 10.30 น. Death by powerpoint 10.30 - 12.00 น. ออกแบบสไลด์ยังไงให้ดูดีมีสไตล์? 12.00 - 12.45 น. พักรับประทานอาหาร 12.45 - 15.30 น. Workshop ลงมือปฏิบัติจริง POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 BSc0603, Fac.Science, Prince of Songkla University ครั้งที่ 1
  3. 3. DOWNLOAD SLIDE slidesha.re/1npHHfV
  4. 4. ก่อนอื่น... เรามาทำความรู้จักกันก่อน ^^
  5. 5. บัณฑิต บุญยฤทธิ์ (อ้น) ปริญญาตรี ปี 4 ภาควิชาเคมี คณะวิทยาศาสตร์ มหาวิทยาลัยสงขลานครินทร์ นักเรียนทุนโครงการพัฒนาอัจฉริยภาพทางวิทยาศาสตร์ฯ (JSTP), สวทช.
  6. 6. การทำสไลด์ที่ดูดีมีสไตล์ สื่อความหมายได้ ชัดเจน เริ่มต้นจากอะไร ???
  7. 7. on.fb.me/1pAIjn4
  8. 8. แนวคิดพื้นฐานด้านการสื่อสาร POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University
  9. 9. dtac "the power of love" TVC (Official HD): โฆษณาดีแทค http://www.youtube.com/watch?v=PmCDxY2lJAE&list=PL06oaDiAkXygNl8TrZX-fw6CYs7tRlT46
  10. 10. จำเป็นไหมที่การสื่อสารที่มีประสิทธิภาพต้องเกิดจากการพูด เพียงอย่างเดียว?
  11. 11. ทำอย่างไรเพื่อให้การสื่อสาร มีประสิทธิภาพ ? ?
  12. 12. องค์ประกอบของการสื่อสาร 1. ผู้ส่งสาร หรือแหล่งสาร 2. สาร 3. สื่อ หรือช่องทาง 4. ผู้รับสาร คุณสมบัติของผู้ส่งสาร ควรมีลักษณะอย่างไร? เราจะทำอย่างไรเพื่อให้ ผู้รับสารเข้าใจสิ่งที่เรา ต้องการจะสื่อ? เราจะทำอย่างไรเพื่อให้การ สื่อสารมีประสิทธิภาพ มากที่สุด?
  13. 13. แบบจำลองการสื่อสารขั้นพื้นฐานตามแนวคิดของลาสเวลล์ ฮาโรลด์ ดี ลาสเวลล์ (Harold D. Lasswell) นักรัฐศาสตร์ชาวอเมริกันได้เสนอบทความที่เป็นการเริ่มต้น อธิบายการสื่อสารที่มีคนรู้จักมากที่สุด ในปี พ.ศ. 2491 โดยเสนอว่า วิธีที่สะดวกที่จะอธิบายการกระทำการ สื่อสารก็คือ การตอบคำถามต่าง ๆ ดังต่อไปนี้ ใคร (who) ผู้ส่งสาร (communicator) กล่าวอะไร (says what) สาร (message) ผ่านทางใด (in which channel) สื่อ (channel) ถึงใคร (to whom) ผู้รับสาร (receiver) เกิดผลอะไร (with what effect) ผล (effect) Feedback
  14. 14. เราจะทำอย่างไรเพื่อ ให้ผู้รับสารเข้าใจสิ่ง ที่เราต้องการจะสื่อ? 6 W 1H WHAT WHERE WHEN WHY WHO WHOM เราจะมาพูดเรื่องอะไร? เรามาพูดที่ไหน? เราจะพูดเมื่อไร? ทำไมจึงมาเสนอ? ใครเป็นคนนำเสนอ? เราจะเสนอแก่ใคร? HOW วางแผนอย่างไร?
  15. 15. ห้องคอมพิวเตอร์ คณะวิทยาศาสตร์ ม.อ. ยามสายของวันศุกร์ ให้เห็นถึงประโยชน์ของการใช้เกลือรักษา โรคที่เกิดจากแบคทีเรีย และการนำไปใช้ต่อ นักศึกษาชั้นปีที่ 4 คณะวิทยาศาสตร์ ม.อ. -อธิบายคุณสมบัติทางกายภาพและทางเคมีของเกลือ -อธิบายการรักษาโรคของคนโบราณที่ใช้เกลือในการรักษา -อธิบายงานวิจัยที่เคยศึกษาของเกลือกับแบคทีเรีย WHAT WHERE WHEN WHY WHO WHOM เราจะมาพูดเรื่องอะไร? เรามาพูดที่ไหน? เราจะพูดเมื่อไร? ทำไมจึงมาเสนอ? ใครเป็นคนนำเสนอ? เราจะเสนอแก่ใคร? HOW วางแผนอย่างไร? นักศึกษาและบุคลากร คณะวิทยาศาสตร์ ม.อ. เกลือกับการรักษาโรคที่เกิดจากแบคทีเรีย
  16. 16. ณัฐกร สงคราม, 2551 ในการบรรยายแต่ละครั้ง ผู้ฟังจะฟังเพียง 25% - 50% ของเวลาทั้งหมด และโดยทั่วไปผู้ฟังที่เป็นผู้ใหญ่จะ สามารถรับฟังได้เพียง 15-20 นาที หากเกินกว่านั้น มักจะไม่สามารถดึงสมาธิไว้ได้ ความจำระยะสั้น (Short-term Memory) ของคนเราสามารถ จดจำได้เพียง 5-7 ประเด็นจากสิ่งที่ได้ฟังทั้งหมด คนเราโดยทั่วไปจะจำได้เพียง 10% ในสิ่งที่ได้ยิน และ 50% จากการอ่าน
  17. 17. HOW TO START… 1 + Benefits 2 ! Problems 3 ? Stimulation 4 Information 5 Demonstration HOW TO FINISH… 1 + Benefits 2 SummaryDetermination 3 ? 4 Solutions 5 Next steps
  18. 18. คุณสมบัติของผู้ส่งสาร ควรมีลักษณะอย่างไร? KNOWLEDGE PERSONALITYINTENTION READINESS STRATEGY
  19. 19. เราจะทำอย่างไรเพื่อให้การ สื่อสารมีประสิทธิภาพ มากที่สุด? IMAGINARY 1 FEELING 2 PARTICIPATION 3 CLARITY4 BENEFIT 5 +
  20. 20. Death by powerpoint POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University
  21. 21. Activity วิเคราะห์ข้อเสียของการนำเสนองานจากวิดีโอต่อไปนี้
  22. 22. https://www.youtube.com/watch?v=ATfY8dvbuFg
  23. 23. 1 ไม่ควรนำคำพูดที่ ต้องการนำเสนอลง ในสไลด์ทุกตัวอักษร ผู้นำเสนอมักจะนำข้อความที่ต้องการ จะนำเสนอแก่ผู้ฟังวางในสไลด์ทุกคำ ทุกตัวอักษร เพื่อไม่ให้ตนเองลืมสิ่งที่ ต้องการจะพูดถึง เมื่อผู้ฟังมองดู สไลด์ของคุณแล้วจะรู้สึกว่าเบียดแน่น ไปด้วยตัวอักษร ซึ่งแน่นอนว่าผู้นั่งฟัง ณ ขณะนั้นคงจะเกิดอาการเบื่อ ง่วง ในที่สุดจะส่งผลทำให้ผู้ฟังไม่สนใจสิ่งที่ คุณต้องการจะนำเสนอ...
  24. 24. ขนาดตัวอักษรในสไลด์เล็กได้อีก 0 75 150 225 300 April May June July August September October 123135 65 48 80 4355 9893 120 143 63 3627 Region 1 Region 2 2
  25. 25. ขนาดตัวอักษรในสไลด์ใหญ่เวอร์ 0 75 150 225 300 April June August 1356548 80 4355 93120143 633627 Region 1 Region 2 2 ขนาดอักษรควรมี ความพอดี
  26. 26. สงสารสายตาผู้ฟังเถอะ 3 ใช้ animation เท่าที่ จำเป็น ต้องโยกคอเวลาอ่านด้วยนะ ต้องหมุนคอ 360 อ่าน โครต…จะมึน ย้ายไปย้ายมา!!!
  27. 27. 4 รูปแบบตัวอักษรควร เลือกใช้อย่างเหมาะสม Angsana New (ทางการไปป่ะ) Peach play (!"#$%!&'()$*+) DSN Montana (รักษ์ความเป็นไทย) DSN ThaiRat (ข่าวหนังสือพิมพ์หน้า 1)
  28. 28. 5 หลีกเลี่ยงการใช้ bullet ที่มากเกินความ จำเป็นใน 1 สไลด์ หลีกเลี่ยง การใช้ Bullet ที่ มาก เกิน ความ จำเป็น เรา ควร กำหนด หัวข้อ ที่ ต้องการ จะ นำ เสนอ ไม่ เช่นนั้น ผู้ฟัง อาจ จะ เบื่อ จับ ประเด็น ไม่ได้ และ
  29. 29. 6 หลีกเลี่ยงการใช้สีที่ไม่ ดีต่อสายตา Bad Color Schemes อาจทำให้ผู้ฟัง ปวดหัว แสบตา เสียสมาธิ คลื่นไส้ อาเจียน
  30. 30. 7 จำนวนสไลด์มากเกิน ความจำเป็น Usefulness VS Total Number of Slides This slide
  31. 31. 8 Data VS Effectiveness
  32. 32. 8 Data VS Effectiveness
  33. 33. 8 Data VS Effectiveness
  34. 34. 8 Data VS Effectiveness
  35. 35. 8 การประมวลผลข้อมูล ควรมีความพอดี Data VS Effectiveness
  36. 36. https://www.youtube.com/watch?v=5utoLhjUuAI
  37. 37. ออกแบบสไลด์ยังไงให้ดูดีมีสไตล์ POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University
  38. 38. on.fb.me/1pAIjn4
  39. 39. 1 หาแม่แบบดี ๆ ดูเป็น สไตล์ http://graphicriver.net/category/presentation-templates
  40. 40. http://www.dpu.ac.th/techno/powerpoint_template.php
  41. 41. 2 เลือกใช้สีพื้นหลังที่ เหมาะสมกับงาน เป็น โทนเดียวกัน https://www.facebook.com/designseeds http://paletton.com
  42. 42. Color meaning ร้อน กระตุ้น ตื่น เต้น มีพลัง สำคัญ อันตราย อบอุ่น สดใส มี ชีวิตชีวา วัยรุ่น ระ แวดระวัง แจ่มใส่ สดใส ใหม่ แผ่กระจาย อำนาจบารมี ร่มรื่น สงบ พัก ผ่อน ธรรมชาติ ปกติ ปลอดภัย ปลอดโปร่ง กว้าง เบา ปลอดภัย สว่าง สุขุม สุภาพ ซื่อสัตย์ ละเอียด รอบคอบ เยือกเย็น ความสูงศักดิ์ ลี้ลับ ซ่อนเร้น มีอำนาจ มั่งคั่ง หรูหรา
  43. 43. การใช้สีแบบเอกรงค์ (Monochrome) ได้แก่ การไล่สีเดียวกัน ให้มีน้ำหนัก แก่อ่อนลงไปตามลำดับ การใช้สีข้างเคียงกัน (Analogous) ทำให้เกิดความกลมกลืน แบบ 2 สี และ 3 สี การใช้สีคู่ตรงข้าม (Dyad) เป็นการเล่นการ ตัดการตัดกันของสี Split complementary Tetrad Double ComplementaryTriad
  44. 44. Monochromatic Color Harmony http://www.naturephotographers.net/articles0812/ab0812-1.html
  45. 45. Complementary Color Harmony http://www.naturephotographers.net/articles1012/ab1012-1.html
  46. 46. Analogous Color Harmony http://www.naturephotographers.net/articles1112/ab1112-1.html
  47. 47. Triadic Color Harmony http://www.naturephotographers.net/articles1112/ab1112-1.html
  48. 48. Cool and Warm Color Harmony http://www.naturephotographers.net/articles1212/ab1212-1.html
  49. 49. Split Complementary Color Harmony http://www.naturephotographers.net/articles0113/ab0113-1.html
  50. 50. Tetradic Color Harmony http://www.naturephotographers.net/articles0113/ab0113-1.html
  51. 51. Square Color Harmony http://www.naturephotographers.net/articles0113/ab0113-1.html
  52. 52. http://graphicriver.net/category/presentation-templates
  53. 53. http://graphicriver.net/category/presentation-templates
  54. 54. http://www.sixsides.com, kuler.adobe.com
  55. 55. 3 เลือกใช้ขนาดและสีตัว อักษรที่เหมาะสมกัน Pat Pataranutaporn
  56. 56. 4 Few font คอร์เดีย นิว (Cordia New) ทีเอช นิรมิตร (TH Niramit AS) ทีเอช สารบัญ (TH SarabunPSK) จุฬาน่ารัก (ChulaNarak) ซีเอ็ม ประสานมิตร (CmPrasanmit) คณิกา (KaniGa) ดีเอสเอน อนุรักษ์ (DSN Anurak) ดีเอสเอน อดิเรก (DSN Adirek) ดีเอสเอน กมล (DSN Kamon) Garamond Futura Helvetica Arial rounded MT Folio Avenir LT 65 Medium Gill Sans Optima Free font download: http://www.f0nt.com
  57. 57. http://graphicriver.net/category/presentation-templates
  58. 58. http://graphicriver.net/category/presentation-templates
  59. 59. http://graphicriver.net/category/presentation-templates
  60. 60. http://graphicriver.net/category/presentation-templates
  61. 61. 5 One slide, One point Pat Pataranutaporn
  62. 62. 6 ลดตัวอักษรใช้ smartart ช่วย WHAT WHERE WHEN WHY WHO WHOM เราจะมาพูดเรื่องอะไร? เรามาพูดที่ไหน? เราจะพูดเมื่อไร? ทำไมจึงมาเสนอ? ใครเป็นคนนำเสนอ? เราจะเสนอแก่ใคร? HOW วางแผนอย่างไร? เราจะทำอย่างไรเพื่อ ให้ผู้รับสารเข้าใจสิ่ง ที่เราต้องการจะสื่อ?
  63. 63. http://graphicriver.net/category/presentation-templates
  64. 64. http://graphicriver.net/category/presentation-templates
  65. 65. http://graphicriver.net/category/presentation-templates
  66. 66. http://graphicriver.net/category/presentation-templates
  67. 67. 7 ค้นหารูปภาพสวย ๆ มาใส่แทนข้อความ และ เลือกภาพที่มีความ ละเอียดพอสมควร ดาวน์โหลดรูปภาพฟรี: www.freeimages.com www.photl.com www.morguefile.com www.wga.hu เทคนิคค้นหารูปภาพ ชื่อภาษาอังกฤษ + vector Levels of abstraction
  68. 68. http://www.flatvsrealism.com/
  69. 69. http://www.flatvsrealism.com/
  70. 70. http://graphicriver.net/category/presentation-templates
  71. 71. 8 การวางตำแหน่งของ ภาพ ตัวอักษรก็ทำให้ สไลด์ดูดีขึ้นได้ Pat Pataranutaporn
  72. 72. http://graphicriver.net/category/presentation-templates
  73. 73. http://graphicriver.net/category/presentation-templates
  74. 74. 9 ขนาดของภาพ การ เล่นเงา ความหนาของ ตัวอักษร ควรมีความ สมดุล ขนาดของภาพควรสมดุล (กด shift ที่คีย์บอร์ด แล้วย่อ/ขยาย รูปภาพบริเวณหัวมุมของรูปภาพ) ควรเลือกความหนาของตัวอักษรที่เหมาะสม ถ้าบางเกินไปควร ปรับให้เป็นแบบหนา สวัสดีโซเชียลแคม... ไม่มีอะไรมาก แค่อยากจะบอกว่า...
  75. 75. 10 ควรเลือกใช้ animation ที่จำเป็น เท่านั้น หลีกเลี่ยงการใช้ animation ที่ทำให้ท่านผู้ชมมึนงง!!! โดยเฉพาะ อย่างยิ่ง animation ตัวอักษร (ควรใช้แบบเรียบ ๆ)
  76. 76. 4 PRESENTATION DESIGN TECHNIQUES http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet DESIGN METHOD たかはし (JAPANESE WORDS:“TAKAHASHI”) KAWASAKI Design Method GODINDESIGN METHOD Steve Jobs Design Method
  77. 77. DESIGN METHOD たかはし (JAPANESE WORDS:“TAKAHASHI”) http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  78. 78. BIG it utilizes really as visuals TEXT http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  79. 79. it isolates the: MAINmessage of each slide http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  80. 80. What it looks like: http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  81. 81. IT’S CLEAN IT’S STRIKING IT’S MEMORABLE http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  82. 82. KAWASAKI Design Method http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  83. 83. it’s also coined the: METHOD 10. 20. 30. http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  84. 84. Slides 10. 20. 30. http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  85. 85. Minutes 10. 20. 30. Lasting http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  86. 86. Point Font 10. 20. 30. at least http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  87. 87. What it looks like: http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  88. 88. Brief Succinct Digestable http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  89. 89. GODINDESIGN METHOD http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  90. 90. + IMAGES TEXT It utilizes: http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  91. 91. IMAGES It utilizes : ^ mainly http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  92. 92. IMAGE SUPERIORITY It advocates : & Storytelling http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  93. 93. What it looks like: http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  94. 94. Steve Jobs Design Method http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  95. 95. It utilizes a Gradient Background http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet Huge Images with Text http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  96. 96. it’s kept Minimal. http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  97. 97. Minimal animation. Minimal elements. Minimal message. no bullets. http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  98. 98. What it looks like: http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  99. 99. Visual. Elegant. Impactful. http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
  100. 100. slidesha.re/1ATURvT on.ted.com/d0J4Q 10 tips on how to make slides that communicate your idea, from TED’s in-house expert How to TEDX: 6 Presentation Design tips for your next TEDX event TIPS FROM TED
  101. 101. ข้อความกับ powerpoint
  102. 102. สร้างข้อความ WordArt เปลี่ยนสีข้อความ เอฟเฟ็คต์ข้อความ ! - เงา - การสะท้อน - เรืองแสง - ยกนูน - การหมุนสามมิติ - การแปลงใส่สีเส้นขอบข้อความ เอฟเฟ็คต์ข้อความ
  103. 103. รูปภาพกับ powerpoint
  104. 104. การปรับแต่งรูปภาพ ตัดภาพ (Crop) กำหนดทิศทางการหมุน ภาพ จัดภาพให้เข้ากับรูปทรง การปรับขนาด รูปภาพ
  105. 105. การปรับแต่งแสงและสีให้รูปภาพ การปรับโหมดสี แปลงภาพถ่ายเป็นภาพ ศิลป์ ปรับความสว่าง และความ คมชัด การทำให้ภาพ โปร่งแสง
  106. 106. เลือกสไตล์ให้ภาพ เอฟเฟ็คต์ภาพ ! - เงา - การสะท้อน - เรืองแสง - ยกนูน - การหมุนสามมิติ - ขอบนุ่ม ใส่เส้นขอบให้ภาพ การจัดรูปแบบภาพ
  107. 107. Smartart กับ powerpoint
  108. 108. Animation กับ powerpoint
  109. 109. ใส่เอฟเฟ็คต์เคลื่อนไหว ให้วัตถุ ใส่เอฟเฟ็คต์เปลี่ยน แผ่นสไลด์
  110. 110. WORKSHOP ปฏิบัติจริง POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University
  111. 111. 6 W 1H WHAT WHERE WHEN WHY WHO WHOM เราจะมาพูดเรื่องอะไร? เรามาพูดที่ไหน? เราจะพูดเมื่อไร? ทำไมจึงมาเสนอ? ใครเป็นคนนำเสนอ? เราจะเสนอแก่ใคร? HOW วางแผนอย่างไร?
  112. 112. WORKSHOP “กรุงเทพฯ เมืองฟ้า เมืองสวรรค์” ข้อจำกัด จำนวนสไลด์สูงสุด: 15 สไลด์ เวลาในการทำ: ถึงเวลา 15.00 น.
  113. 113. “กรุงเทพฯ เมืองฟ้า เมืองสวรรค์” WHAT “กรุงเทพฯ เมืองฟ้า เมืองสวรรค์” WHERE เวทีการประกวด งานแข่งขันการออกแบบสไลด์ด้วย powerpoint WHEN ตอนบ่ายของวันแข่งขัน WHY เป็นการแข่งขันเพื่อชิงถ้วยรางวัล สไลด์ที่ได้รับรางวัลจะถูกเผยแพร่ เพื่อให้เป็นที่รู้จักต่อไป WHO ในฐานะผู้เข้าร่วมการแข่งขัน WHOM คณะกรรมการผู้ทรงคุณวุฒิ และท่านผู้ชม
  114. 114. By: Bundit Boonyarit Dept.Chemistry, Fac.Science POWERFUL PRESENTATION WORKSHOP Aug 8, 2014 Fac.Science, Prince of Songkla University ครั้งที่ 1

×