powerful presentation workshop @psu
DESCRIPTION
ติดต่อและสอบถามได้ที่: https://www.facebook.com/designstylewit Powerful presentation workshop 8 สิงหาคม 2557 Bsc0603 คณะวิทยาศาสตร์ มหาวิทยาลัยสงขลานครินทร์TRANSCRIPT
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
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
DOWNLOAD SLIDE slidesha.re/1npHHfV
ก่อนอื่น... เรามาทำความรู้จักกันก่อน ^^
บัณฑิต บุญยฤทธิ์ (อ้น) ปริญญาตรี ปี 4 ภาควิชาเคมี คณะวิทยาศาสตร์ มหาวิทยาลัยสงขลานครินทร์
นักเรียนทุนโครงการพัฒนาอัจฉริยภาพทางวิทยาศาสตร์ฯ (JSTP), สวทช.
การทำสไลด์ที่ดูดีมีสไตล ์สื่อความหมายได้ชัดเจน เริ่มต้นจากอะไร
???
on.fb.me/1pAIjn4
แนวคิดพื้นฐานด้านการสื่อสาร
POWERFUL PRESENTATION WORKSHOP Aug 8, 2014
Fac.Science, Prince of Songkla University
dtac "the power of love" TVC (Official HD): โฆษณาดีแทค http://www.youtube.com/watch?v=PmCDxY2lJAE&list=PL06oaDiAkXygNl8TrZX-fw6CYs7tRlT46
จำเป็นไหมที่การสื่อสารที่มีประสิทธิภาพต้องเกิดจากการพูดเพียงอย่างเดียว?
ทำอย่างไรเพื่อให้การสื่อสาร มีประสิทธิภาพ
? ?
องค์ประกอบของการสื่อสาร
1. ผู้ส่งสาร หรือแหล่งสาร
2. สาร
3. สื่อ หรือช่องทาง
4. ผู้รับสาร
คุณสมบัติของผู้ส่งสารควรมีลักษณะอย่างไร?
เราจะทำอย่างไรเพื่อให้ผู้รับสารเข้าใจสิ่งที่เราต้องการจะสื่อ?
เราจะทำอย่างไรเพื่อให้การสื่อสารมีประสิทธิภาพมากที่สุด?
แบบจำลองการสื่อสารขั้นพื้นฐานตามแนวคิดของลาสเวลล์
ฮาโรลด์ ดี ลาสเวลล์ (Harold D. Lasswell) นักรัฐศาสตร์ชาวอเมริกันได้เสนอบทความที่เป็นการเริ่มต้นอธิบายการสื่อสารที่มีคนรู้จักมากที่สุด ในปี พ.ศ. 2491 โดยเสนอว่า วิธีที่สะดวกที่จะอธิบายการกระทำการสื่อสารก็คือ การตอบคำถามต่าง ๆ ดังต่อไปนี้
ใคร (who) ผู้ส่งสาร (communicator)
กล่าวอะไร (says what) สาร (message)
ผ่านทางใด (in which channel) สื่อ (channel)
ถึงใคร (to whom) ผู้รับสาร (receiver)
เกิดผลอะไร (with what effect) ผล (effect)
Feedback
เราจะทำอย่างไรเพื่อให้ผู้รับสารเข้าใจสิ่งที่เราต้องการจะสื่อ?
6 W 1H
WHAT
WHERE
WHEN
WHY
WHO
WHOM
เราจะมาพูดเรื่องอะไร?
เรามาพูดที่ไหน?
เราจะพูดเมื่อไร?
ทำไมจึงมาเสนอ
?
ใครเป็นคนนำเสนอ?
เราจะเสนอแก่ใคร
?
HOWวางแผนอย่างไร?
ห้องคอมพิวเตอร ์คณะวิทยาศาสตร์ ม.อ.
ยามสายของวันศุกร์
ให้เห็นถึงประโยชน์ของการใช้เกลือรักษา โรคที่เกิดจากแบคทีเรีย และการนำไปใช้ต่อ
นักศึกษาชั้นปีที่ 4 คณะวิทยาศาสตร์ ม.อ.
-อธิบายคุณสมบัติทางกายภาพและทางเคมีของเกลือ -อธิบายการรักษาโรคของคนโบราณที่ใช้เกลือในการรักษา -อธิบายงานวิจัยที่เคยศึกษาของเกลือกับแบคทีเรีย
WHAT
WHERE
WHEN
WHY
WHO
WHOM
เราจะมาพูดเรื่องอะไร?
เรามาพูดที่ไหน?
เราจะพูดเมื่อไร?
ทำไมจึงมาเสนอ
?
ใครเป็นคนนำเสนอ?
เราจะเสนอแก่ใคร
?
HOWวางแผนอย่างไร?
นักศึกษาและบุคลากร คณะวิทยาศาสตร์ ม.อ.
เกลือกับการรักษาโรคที่เกิดจากแบคทีเรีย
ณัฐกร สงคราม, 2551
ในการบรรยายแต่ละครั้ง ผู้ฟังจะฟังเพียง 25% - 50%
ของเวลาทั้งหมด และโดยทั่วไปผู้ฟังที่เป็นผู้ใหญ่จะสามารถรับฟังได้เพียง 15-20 นาที หากเกินกว่านั้น
มักจะไม่สามารถดึงสมาธิไว้ได้
ความจำระยะสั้น (Short-term Memory) ของคนเราสามารถจดจำได้เพียง 5-7 ประเด็นจากสิ่งที่ได้ฟังทั้งหมด
คนเราโดยทั่วไปจะจำได้เพียง 10% ในสิ่งที่ได้ยิน และ 50%
จากการอ่าน
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
คุณสมบัติของผู้ส่งสารควรมีลักษณะอย่างไร?
KNOWLEDGE PERSONALITYINTENTION READINESS STRATEGY
เราจะทำอย่างไรเพื่อให้การสื่อสารมีประสิทธิภาพมากที่สุด?
IMAGINARY
1
FEELING 2
PARTICIPATION3
CLARITY4
BENEFIT
5
+
Death by powerpoint
POWERFUL PRESENTATION WORKSHOP Aug 8, 2014
Fac.Science, Prince of Songkla University
Activity
วิเคราะห์ข้อเสียของการนำเสนองานจากวิดีโอต่อไปนี้
https://www.youtube.com/watch?v=ATfY8dvbuFg
1
ไม่ควรนำคำพูดที่ต้องการนำเสนอลงในสไลด์ทุกตัวอักษร
ผู้นำเสนอมักจะนำข้อความที่ต้องการจะนำเสนอแก่ผู ้ฟังวางในสไลด์ทุกคำ ทุกตัวอักษร เพื่อไม่ให้ตนเองลืมสิ่งที่ต ้องการจะพูดถึง เมื ่อผู ้ฟังมองดูสไลด์ของคุณแล้วจะรู้สึกว่าเบียดแน่นไปด้วยตัวอักษร ซึ่งแน่นอนว่าผู้นั่งฟัง ณ ขณะนั้นคงจะเกิดอาการเบื่อ ง่วง ในที่สุดจะส่งผลทำให้ผู้ฟังไม่สนใจสิ่งที่คุณต้องการจะนำเสนอ...
ขนาดตัวอักษรในสไลด์เล็กได้อีก
0
75
150
225
300
April May June July August September October
12313565
48
80
4355 9893120
143
633627
Region 1 Region 2
2
ขนาดตัวอักษรในสไลด์ใหญ่เวอร์
0
75
150
225
300
April June August
135654880
4355 93120143633627
Region 1 Region 2
2
ขนาดอักษรควรมีความพอดี
สงสารสายตาผู้ฟังเถอะ
3
ใช ้animation เท่าที่จำเป็น
ต้องโยกคอเวลาอ่านด้วยนะ
ต้องหมุนคอ 360 อ่าน
โครต…จะมึน
ย้ายไปย้ายมา!!!
4
รูปแบบตัวอักษรควรเลือกใช้อย่างเหมาะสม
Angsana New (ทางการไปป่ะ)Peach play (!"#$%!&'()$*+)
DSN Montana (รักษ์ความเป็นไทย)DSN ThaiRat
(ข่าวหนังสือพิมพ์หน้า 1)
5หลีกเลี่ยงการใช้
bullet ที่มากเกินความจำเป็นใน 1 สไลด์
หลีกเลี่ยง
การใช้
Bullet
ที่
มาก
เกิน
ความ
จำเป็นเรา
ควร
กำหนด
หัวข้อ
ที่
ต้องการ
จะ
นำ
เสนอ
ไม่
เช่นนั้น
ผู้ฟัง
อาจ
จะ
เบื่อ
จับ
ประเด็น
ไม่ได้
และ
6
หลีกเลี่ยงการใช้สีที่ไม่ดีต่อสายตา
Bad Color Schemes
อาจทำให้ผู้ฟัง
ปวดหัวแสบตา
เสียสมาธิ
คลื่นไส้อาเจียน
7
จำนวนสไลด์มากเกินความจำเป็น
Usefulness VS Total Number of Slides
This slide
8
Data VS Effectiveness
8
Data VS Effectiveness
8
Data VS Effectiveness
8
Data VS Effectiveness
8
การประมวลผลข้อมูลควรมีความพอดี
Data VS Effectiveness
https://www.youtube.com/watch?v=5utoLhjUuAI
ออกแบบสไลด์ยังไงให้ดูดีมีสไตล์
POWERFUL PRESENTATION WORKSHOP Aug 8, 2014
Fac.Science, Prince of Songkla University
on.fb.me/1pAIjn4
1
หาแม่แบบดี ๆ ดูเป็นสไตล์
http://graphicriver.net/category/presentation-templates
http://www.dpu.ac.th/techno/powerpoint_template.php
2
เลือกใช้สีพื้นหลังที่เหมาะสมกับงาน เป็นโทนเดียวกัน
https://www.facebook.com/designseeds
http://paletton.com
Color meaning
ร้อน กระตุ้น ตื่นเต้น มีพลัง สำคัญ อันตราย
อบอุ่น สดใส มีชีวิตชีวา วัยรุ่น ระแวดระวัง
แจ่มใส่ สดใส ใหม่ แผ่กระจาย อำนาจบารมี
ร่มรื่น สงบ พักผ่อน ธรรมชาติ ปกติ ปลอดภัย
ปลอดโปร่ง กว้าง เบา ปลอดภัย สว่าง
สุขุม สุภาพ ซื่อสัตย์ ละเอียด รอบคอบ เยือกเย็น
ความสูงศักดิ ์ลี้ลับ ซ่อนเร้น มีอำนาจ มั่งคั่ง หรูหรา
การใช้สีแบบเอกรงค์ (Monochrome) ได้แก่ การไล่สีเดียวกันให้มีน้ำหนัก แก่อ่อนลงไปตามลำดับ
การใช้สีข้างเคียงกัน (Analogous) ทำให้เกิดความกลมกลืน แบบ 2 สี และ 3 สี
การใช้สีคู่ตรงข้าม (Dyad) เป็นการเล่นการ ตัดการตัดกันของสี
Split complementary Tetrad Double ComplementaryTriad
Monochromatic Color Harmony
http://www.naturephotographers.net/articles0812/ab0812-1.html
Complementary Color Harmony
http://www.naturephotographers.net/articles1012/ab1012-1.html
Analogous Color Harmony
http://www.naturephotographers.net/articles1112/ab1112-1.html
Triadic Color Harmony
http://www.naturephotographers.net/articles1112/ab1112-1.html
Cool and Warm Color Harmony
http://www.naturephotographers.net/articles1212/ab1212-1.html
Split Complementary Color Harmony
http://www.naturephotographers.net/articles0113/ab0113-1.html
Tetradic Color Harmony
http://www.naturephotographers.net/articles0113/ab0113-1.html
Square Color Harmony
http://www.naturephotographers.net/articles0113/ab0113-1.html
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
3
เลือกใช้ขนาดและสีตัวอักษรที่เหมาะสมกัน
Pat Pataranutaporn
4Few 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
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
5
One slide, One point
Pat Pataranutaporn
6ลดตัวอักษรใช้ smartart ช่วย
WHAT
WHERE
WHEN
WHY
WHO
WHOM
เราจะมาพูดเรื่องอะไร?
เรามาพูดที่ไหน?
เราจะพูดเมื่อไร?
ทำไมจึงมาเสนอ
?
ใครเป็นคนนำเสนอ?
เราจะเสนอแก่ใคร
?
HOWวางแผนอย่างไร?
เราจะทำอย่างไรเพื่อให้ผู้รับสารเข้าใจสิ่งที่เราต้องการจะสื่อ?
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
7ค้นหารูปภาพสวย ๆ มาใส่แทนข้อความ และเลือกภาพที่มีความละเอียดพอสมควร
ดาวน์โหลดรูปภาพฟรี: www.freeimages.com www.photl.com www.morguefile.com www.wga.hu
เทคนิคค้นหารูปภาพ ชื่อภาษาอังกฤษ + vector
Levels of abstraction
http://www.flatvsrealism.com/
http://www.flatvsrealism.com/
http://graphicriver.net/category/presentation-templates
8การวางตำแหน่งของภาพ ตัวอักษรก็ทำให้สไลด์ดูดีขึ้นได้
Pat Pataranutaporn
http://graphicriver.net/category/presentation-templates
http://graphicriver.net/category/presentation-templates
9
ขนาดของภาพ การเล่นเงา ความหนาของตัวอักษร ควรมีความ
สมดุล
ขนาดของภาพควรสมดุล (กด shift ที่คีย์บอร์ด แล้วย่อ/ขยายรูปภาพบริเวณหัวมุมของรูปภาพ)
ควรเลือกความหนาของตัวอักษรที่เหมาะสม ถ้าบางเกินไปควรปรับให้เป็นแบบหนา
สวัสดีโซเชียลแคม...
ไม่มีอะไรมาก แค่อยากจะบอกว่า...
10
ควรเลือกใช้ animation ที่จำเป็น
เท่านั้น
หลีกเลี่ยงการใช้ animation ที่ทำให้ท่านผู้ชมมึนงง!!! โดยเฉพาะอย่างยิ่ง animation ตัวอักษร (ควรใช้แบบเรียบ ๆ)
4 PRESENTATION DESIGN TECHNIQUES
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
DESIGN METHODたかはし
(JAPANESE WORDS:“TAKAHASHI”)
KAWASAKIDesign Method
GODINDESIGN METHOD
Steve JobsDesign Method
DESIGN METHODたかはし
(JAPANESE WORDS:“TAKAHASHI”)
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
BIGit utilizes really
as visualsTEXT
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
it isolates the:
MAINmessage
of each slidehttp://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
What it looks like:
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
IT’S CLEAN
IT’S STRIKING
IT’S MEMORABLE
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
KAWASAKIDesign Method
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
it’s also coined the:
METHOD10. 20. 30.
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Slides10. 20. 30.
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Minutes10. 20. 30.Lasting
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Point Font10. 20. 30.
at least
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
What it looks like:
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Brief
Succinct
Digestable
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
GODINDESIGN METHOD
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
+IMAGES TEXT
It utilizes:
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
IMAGES
It utilizes :^
mainly
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
IMAGESUPERIORITY
It advocates :
& Storytelling
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
What it looks like:
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Steve JobsDesign Method
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
It utilizes aGradient
Background
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Huge Imageswith Text
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
it’s kept Minimal.
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Minimal animation.
Minimal elements.
Minimal message.no bullets.
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
What it looks like:
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
Visual.Elegant.Impactful.
http://www.slideshare.net/slidecomet/presentation-design-techniques-from-the-masters-by-slidecomet
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
ข้อความกับ powerpoint
สร้างข้อความ WordArt
เปลี่ยนสีข้อความ เอฟเฟ็คต์ข้อความ !
- เงา - การสะท้อน - เรืองแสง - ยกนูน - การหมุนสามมิต ิ - การแปลงใส่สีเส้นขอบข้อความ
เอฟเฟ็คต์ข้อความ
รูปภาพกับ powerpoint
การปรับแต่งรูปภาพ
ตัดภาพ (Crop)
กำหนดทิศทางการหมุนภาพ
จัดภาพให้เข้ากับรูปทรง
การปรับขนาดรูปภาพ
การปรับแต่งแสงและสีให้รูปภาพ
การปรับโหมดสี
แปลงภาพถ่ายเป็นภาพศิลป์
ปรับความสว่าง และความคมชัด
การทำให้ภาพโปร่งแสง
เลือกสไตล์ให้ภาพ เอฟเฟ็คต์ภาพ !
- เงา - การสะท้อน - เรืองแสง - ยกนูน - การหมุนสามมิต ิ - ขอบนุ่มใส่เส้นขอบให้ภาพ
การจัดรูปแบบภาพ
Smartart กับ powerpoint
Animation กับ powerpoint
ใส่เอฟเฟ็คต์เคลื่อนไหวให้วัตถุ
ใส่เอฟเฟ็คต์เปลี่ยนแผ่นสไลด์
WORKSHOP ปฏิบัติจริง
POWERFUL PRESENTATION WORKSHOP Aug 8, 2014
Fac.Science, Prince of Songkla University
6 W 1H
WHAT
WHERE
WHEN
WHY
WHO
WHOM
เราจะมาพูดเรื่องอะไร?
เรามาพูดที่ไหน?
เราจะพูดเมื่อไร?
ทำไมจึงมาเสนอ
?
ใครเป็นคนนำเสนอ?
เราจะเสนอแก่ใคร
?
HOWวางแผนอย่างไร?
WORKSHOP
“กรุงเทพฯ เมืองฟ้า เมืองสวรรค”์ข้อจำกัด
จำนวนสไลด์สูงสุด: 15 สไลด์ เวลาในการทำ: ถึงเวลา 15.00 น.
“กรุงเทพฯ เมืองฟ้า เมืองสวรรค”์
WHAT “กรุงเทพฯ เมืองฟ้า เมืองสวรรค์”
WHERE เวทีการประกวด งานแข่งขันการออกแบบสไลด์ด้วย powerpoint
WHEN ตอนบ่ายของวันแข่งขัน
WHY เป็นการแข่งขันเพื่อชิงถ้วยรางวัล สไลด์ที่ได้รับรางวัลจะถูกเผยแพร่เพื่อให้เป็นที่รู้จักต่อไป
WHO ในฐานะผู้เข้าร่วมการแข่งขัน
WHOM คณะกรรมการผู้ทรงคุณวุฒิ และท่านผู้ชม
By: Bundit Boonyarit Dept.Chemistry, Fac.Science
POWERFUL PRESENTATION WORKSHOP
Aug 8, 2014 Fac.Science, Prince of Songkla University
ครั้งที่ 1