อินโฟกราฟิก (Infographic) คืออะไร
- 1. Infographics โดย วิทวัส โตจิ๋ว
- 2. หัวข้อที่นำเสนอ • อินโฟกราฟิก (Infographic) คืออะไร • รูปแบบของอินโฟกราฟิก • ประโยชน์ของอินโฟกราฟิก • การออกแบบอินโฟกราฟิกให้ดึงดูดความสนใจ • ออกแบบอินโฟกราฟิกให้ดูโปร ด้วย 9 Layout • การสร้างอินโฟกราฟิกให้มีประสิทธิภาพ • วิธีสร้างอินโฟกราฟิกด้วยตนเอง
- 3. อินโฟกราฟิก (Infographic) คืออะไร Infographics = Information + Graphics คือการนาเอาข้อมูล ข้อเท็จจริงข่าวสาร จากสื่อต่างๆ มาผ่าน กระบวนการประมวลผล ซึ่งอาจจะทาการเรียงข้อมูล คานวณ สรุปผล จัดกลุ่ม ข้อมูล เป็นต้น มานาเสนอในลักษณะแผนภาพ เพื่อให้อ่านและเข้าใจได้ง่าย
- 4. รูปแบบของอินโฟกราฟิก 1. ข่าวเด่น ประเด็นร้อน และ สถานการณ์วิกฤต ตัวอย่างอินโฟกราฟิก เรื่อง ความสาคัญของรัฐธรรมนูญ
- 5. รูปแบบของอินโฟกราฟิก (ต่อ) 2. Howto ตัวอย่างอินโฟกราฟิก เรื่อง เก็บเงินได้ ง่ายนิดเดียว
- 6. รูปแบบของอินโฟกราฟิก (ต่อ) 3. ให้ความรู้ ตัวอย่างอินโฟกราฟิก เรื่อง 6 วายร้ายทาลายสมอง
- 7. รูปแบบของอินโฟกราฟิก (ต่อ) 4. บอกเล่าตานานหรือวิวัฒนาการ ตัวอย่างอินโฟกราฟิก เรื่อง ความจริงวันนี้ของ3G Network ในประเทศไทยปี 55
- 8. รูปแบบของอินโฟกราฟิก (ต่อ) 5. อธิบายผลสารวจ และงานวิจัย ตัวอย่างอินโฟกราฟิกเรื่อง หวยความหวัง หรือ ความสิ้นหวัง ของประชาชนไทย
- 9. รูปแบบของอินโฟกราฟิก (ต่อ) 6. กระตุ้นให้เกิดการเปลี่ยนแปลงพฤติกรรม ตัวอย่างอินโฟกราฟิก เรื่องโรคสมองเสื่อมไทยอยู่ตรงไหน
- 10. ประโยชน์ของอินโฟกราฟิก ง่ายต่อการเข้าใจของผู้อ่านทุกกลุ่ม ผู้ใช้สามารถจดจาเนื้อหาซับซ้อนได้ง่ายขึ้น เป็นประโยชน์ในการทาซ้าหรือเผยแพร่ข้อมูล ประหยัดเวลาของผู้อ่าน เพราะความอ่านง่ายทาให้สามารถศึกษา ข้อมูลยากๆ ได้เร็วขึ้น ดึงดูดความสนใจได้ง่าย เพราะ Infographic ประกอบด้วยสีสัน และลวดลายที่น่าสนใจ
- 11. การออกแบบอินโฟกราฟิกให้ดึงดูดความสนใจ 1 „ กาหนดเป้าหมายให้ชัดเจนนาเสนอเพื่ออะไร 2 „ กาหนดกลุ่มเป้าหมาย 3 „ กาหนดใจความสาคัญเพียงเรื่องเดียวเท่านั้น 4 „ เนื้อหามีความทันสมัย สื่อสารได้ตรงประเด็น 5 „ สารวจข้อมูลจากรอบด้าน ให้เห็นมุมมองที่หลากหลาย
- 12. การออกแบบอินโฟกราฟิกให้ดึงดูดความสนใจ (ต่อ) 6 „ นาเสนอหัวเรื่องที่ดึงดูดความสนใจ 7 „ ออกแบบอินโฟกราฟิกให้โดดเด่น สวยงาม 8 „ มีการบอกต่อหรือแชร์ผ่านสื่อต่างๆ 9 „ ระบุและอ้างอิงแหล่งที่มาของข้อมูลอย่างชัดเจน 10 „ มีการสรุปข้อมูลทั้งหมดที่นาเสนอ
- 13. ออกแบบอินโฟกราฟิกให้ดูโปร ด้วย 9 Layout
- 14. 1. Visualised Article เหมาะสาหรับนางานเขียนมาเล่าผ่านอินโฟกราฟิก ใช้การนาเสนอที่ เหมาะสมกับข้อมูลแต่ละชนิดเช่น ถ้ามีตัวเลขควรนาเสนอผ่านกราฟแบบ ต่างๆ หรือ ตัวหนังสือก็สามารถสื่อด้วยภาพ หรือ icon
- 15. เทคนิค : สรุปบทความ และเลือกประเด็นก่อนนาเสนอ ตัวอย่างอินโฟกราฟิกเรื่อง เงินเดือนน้อยไป ลูกจ้างไทยไร้ความสุข
- 16. 2. Listed มักจะใช้ตัวเลขนาใน headline เช่น “5 วิธี” ดูแลหุ่นสวย, “4 เทคนิค” พิชิต ใจนายจ้าง การนาเสนอแบบเป็นข้อๆเหมาะกับเรื่องที่ไม่ยาวนัก และไม่ ควรเป็นเรื่องที่เครียดมากเกินไป
- 17. เทคนิค : วิเคราะห์ว่าข้อไหนสามารถรวบเป็นข้อเดียวกันได้ ตัวอย่างอินโฟกราฟิกเรื่อง 6 ขั้นตอนง่ายๆ ในการเก็บเงินไปเที่ยวรอบโลก
- 18. 3. Comparison เหมาะกับใช้เพื่อเปรียบเทียบระหว่างของสิ่งหนึ่งกับสิ่งหนึ่งโดยการ นาเสนอคู่กันแบบนี้ ทาให้เห็นภาพได้ชัดเจนว่าแตกต่างอย่างไรบ้าง
- 19. เทคนิค : ใช้การจัดวางที่เหมือนกันทั้งสองฝั่ง ทาให้เห็นความต่างที่ชัดเจน, ใช้ สีคู่ตรงข้ามเป็นตัวแบ่งฝั่งทาให้ดูง่ายขึ้น ตัวอย่างอินโฟกราฟิกเรื่อง ผีอา ใช่ผีจริงๆหรือแค่โรคร้าย
- 20. 4. Structure เหมาะกับการใช้อธิบายส่วนประกอบของบางสิ่ง
- 21. เทคนิค : พยายามสร้างภาพให้เห็นแต่ละส่วนประกอบ เช่น ภาพเหมือนสแกน เข้าไปภายใน หรือ การแยกแต่ละส่วนออกห่างกัน ไม่ซ้อนกัน ตัวอย่างอินโฟกราฟิกเรื่อง 6 เหตุผลสุดคูล ทาไมต้องรีบคว้า Surface มาครอง
- 22. 5. Timeline เหมาะสาหรับใช้เล่าประวัติความเป็นมาเป็นไปของสิ่งใดสิ่งหนึ่งโดยใช้ เส้นแทนระยะเวลา สามารถใช้ได้กับทุกอย่าง เช่นประวัติคนประวัติ องค์กร ประวิติสถานที่
- 23. เทคนิค : ใช้ความห่างของแต่ละจุดช่วยบอกความห่างของแต่ละช่วงเวลาได้ ตัวอย่างอินโฟกราฟิกเรื่อง How instagram started
- 24. 6. Flow chart เป็นการนาเสนอแบบเป็นลาดับขั้น เหมาะกับการเสนอเป็นควิซให้ผู้อ่าน ได้ทราบคาตอบที่ต้องการโดยการอ่านไล่ลงไปตามเส้นจนถึงด้านล่างสุด
- 25. เทคนิค : ระวังเรื่องความยุ่งเหยิงของเส้น,ใช้สีช่วยแยกเส้น ลดความสับสนใน การอ่าน ตัวอย่างอินโฟกราฟิกเรื่อง ค้นหาคอนโดที่เหมาะกับคุณที่สุด
- 26. 7. Road map เป็นการอธิบายทีละขั้นตอนเหมาะกับการอธิบายขั้นตอนการทางาน หรือการเดินทาง เช่น ขั้นตอนการทางานขององค์กร ขั้นตอนการรับ พนักงานเข้าทางาน การเดินทางของเด็กนักเรียนสู่การเป็นนิสิต เป็นต้น
- 27. เทคนิค : เรื่องต้องน่าสนใจพอที่คนอยากจะรู้ทีละขั้นตอนขนาดนี้ ตัวอย่างอินโฟกราฟิกเรื่อง ถนอมตาด้วยท่าโยคะ
- 28. 8. Useful bait เป็นอินโฟกราฟิกที่ทาให้เราเห็นวิธีทาบางอย่าง โดยที่เราเห็นแล้วสามารถ นาไปใช้ได้ทันที
- 29. เทคนิค : ให้ความสาคัญกับความเข้าใจง่าย มากกว่าความสวยงาม ตัวอย่างอินโฟกราฟิกเรื่อง ขึ้นภาษีบุหรี่ไทยติดปัญหาอะไรอยู่?
- 30. 9. Number porn เป็นอินโฟกราฟิกที่เต็มไปด้วยตัวเลขและกราฟ
- 31. เทคนิค : ตัวเลขต้องน่าสนใจหรือเกี่ยวข้องกับคนอ่านมากพอถึงจะมีกราฟ หลายประเภท แต่ควรเลือกสไตล์กราฟิกแบบเดียวกันทั้งภาพ เช่น 3D, Flat ตัวอย่างอินโฟกราฟิกเรื่อง น้ามันดิบ
- 32. การสร้างอินโฟกราฟิกให้มีประสิทธิภาพ เน้นหัวข้อหลักหัวข้อเดียว ออกแบบให้เข้าใจง่ายไม่สับสน ข้อมูลไม่ทาเกินขอบเขตของหัวข้อ ข้อมูลถูกต้อง เล่าเรื่อง ถ่ายทอดข้อมูลได้ ใช้สีที่ดึงดูดความสนใจเหมาะสมกับหัวข้อ สร้างงานด้วยไฟล์ที่มีขนาดเล็ก
- 33. วิธีสร้างอินโฟกราฟิกด้วยตนเอง เครื่องมือที่ช่วยสร้างอินโฟกราฟิก สามารถทาได้แบบออนไลน์ ไม่ ต้องโหลดโปรแกรมมาติดตั้งไว้ที่เครื่อง ได้แก่ Piktochart สร้างอินโฟกราฟิกออนไลน์ www.piktochart.com Hohli ผู้ช่วยสร้างแผนภูมิออนไลน์ http://charts.hohli.com Wordle สร้างก้อนเมฆข้อความ http://www.wordle.net/ Cacoo สร้างแผนภาพไดอาแกรมสุดง่าย http://cacoo.com Inkscape ดึงภาพมาใช้ฟรี http://inkscape.org/ Visual.ly สร้างและค้นหาอินโฟกราฟิก http://visual.ly/ Freepik เว็บโหลดรูปฟรี http://www.freepik.com All free download เว็บโหลดรูปฟรี http://www.all-free-download.com
- 34. สร้างอินโฟกราฟิกด้วย piktochart.com
- 35. สร้างอินโฟกราฟิกด้วย piktochart.com ข้อดี „ ไม่เสียค่าใช้จ่ายในการใช้เว็บไซต์ „ ไม่จาเป็นต้องลงโปรแกรม „ มีลูกเล่นดีๆหลายอย่าง ยืดหยุ่น และใช้งานสะดวกกว่า „ สามารถเผยแพร่ชิ้นงานผ่าน Social Network ข้อเสีย „ มีปัญหาในการใส่ Font ภาษาไทย „ มี template ฟรีไม่มาก ส่วนใหญ่ จะเสียเงิน „ การ Download ชิ้นงานไปใช้จะ ได้นามสกุล .PNG และ .JPEG เท่านั้น
- 36. แหล่งที่มา 1. http://www.qlf.or.th/Mobile/Details?contentId=300 2. http://thumbsup.in.th/2013/08/10-rules-about-infographics 3. http://naldzgraphics.net/tips/infographics-designing-tips 4. http://www.thetechr.com/create-an-infographic/ 5. http://www.oknation.net/blog/digitalmarketing/2013/01/01/en try-2 6. http://elearning.ns.mahidol.ac.th 7. http://infographic.in.th/infographic
- 37. สอบถามข้อมูลเพิ่มเติม tcwika@gmail.com
ไม่มีความคิดเห็น:
แสดงความคิดเห็น