infographics-update

Infographics โดย นางสาวเทวกิ า จนั ทอง

หัวข้อที่นำเสนอ• อินโฟกราฟิ ก (Infographic) คืออะไร• รูปแบบของอินโฟกราฟิ ก• ประโยชนข์ องอินโฟกราฟิ ก• การออกแบบอินโฟกราฟิ กใหด้ ึงดูดความสนใจ• ออกแบบอินโฟกราฟิ กใหด้ ูโปร ดว้ ย 9 Layout• การสร้างอินโฟกราฟิ กใหม้ ีประสิทธิภาพ• วธิ ีสร้างอินโฟกราฟิ กดว้ ยตนเอง

อินโฟกราฟิ ก (Infographic) คืออะไร Infographics = Information + Graphics คือการนาเอาขอ้ มูล ขอ้ เท็จจริง ข่าวสาร จากสื่อตา่ งๆ มาผา่ นกระบวนการประมวลผล ซ่ึงอาจจะทาการเรียงขอ้ มลู คานวณ สรุปผล จดั กล่มุขอ้ มูล เป็ นตน้ มานาเสนอในลกั ษณะแผนภาพ เพื่อใหอ้ า่ นและเขา้ ใจไดง้ ่าย

รูปแบบของอินโฟกราฟิ ก 1. ขา่ วเด่น ประเด็นร้อน และ สถานการณ์วกิ ฤต ตัวอย่างอินโฟกราฟิ กเร่ือง ความสาคัญของรัฐธรรมนูญ

รูปแบบของอินโฟกราฟิ ก (ต่อ) 2. Howto ตวั อย่างอินโฟกราฟิ กเรื่อง เกบ็ เงินได้ ง่ายนิดเดยี ว

รูปแบบของอินโฟกราฟิ ก (ต่อ) 3. ใหค้ วามรู้ ตัวอย่างอินโฟกราฟิ กเร่ือง 6 วายร้ ายทาลายสมอง

รูปแบบของอินโฟกราฟิ ก (ต่อ)4. บอกเล่าตานานหรือววิ ฒั นาการ ตวั อย่างอินโฟกราฟิ ก เร่ือง ความจริงวันนขี้ อง 3G Network ในประเทศไทย ปี 55

รูปแบบของอินโฟกราฟิ ก (ต่อ)5. อธิบายผลสารวจ และงานวจิ ยั ตวั อย่างอินโฟกราฟิ ก เร่ือง หวย ความหวัง หรือ ความสิน้ หวัง ของประชาชนไทย

รูปแบบของอินโฟกราฟิ ก (ต่อ)6. กระตุน้ ใหเ้ กิดการเปล่ียนแปลงพฤติกรรม ตัวอย่างอินโฟกราฟิ ก เรื่อง โรคสมองเส่ือมไทยอย่ตู รงไหน

ประโยชนข์ องอินโฟกราฟิ ก ง่ายต่อการเขา้ ใจของผอู้ า่ นทุกกลุ่ม ผใู้ ชส้ ามารถจดจาเน้ือหาซบั ซอ้ นไดง้ ่ายข้ึน เป็นประโยชน์ในการทาซ้าหรือเผยแพร่ขอ้ มูล ประหยดั เวลาของผอู้ ่าน เพราะความอ่านง่ายทาใหส้ ามารถศึกษา ขอ้ มูลยากๆ ไดเ้ ร็วข้ึน ดึงดูดความสนใจไดง้ ่าย เพราะ Infographic ประกอบดว้ ยสีสนั และลวดลายที่น่าสนใจ

การออกแบบอินโฟกราฟิ กใหด้ ึงดูดความสนใจ 1 „ กาหนดเป้าหมายใหช้ ดั เจนนาเสนอเพอ่ื อะไร 2 „ กาหนดกลุ่มเป้าหมาย 3 „ กาหนดใจความสาคญั เพยี งเรื่องเดียวเทา่ น้นั 4 „ เน้ือหามีความทนั สมยั ส่ือสารไดต้ รงประเด็น 5 „ สารวจขอ้ มูลจากรอบดา้ น ใหเ้ ห็นมุมมองที่หลากหลาย

การออกแบบอินโฟกราฟิ กใหด้ ึงดูดความสนใจ (ต่อ) 6 „ นาเสนอหวั เร่ืองที่ดึงดูดความสนใจ 7 „ ออกแบบอินโฟกราฟิ กใหโ้ ดดเด่น สวยงาม 8 „ มีการบอกต่อหรือแชร์ผา่ นสื่อต่างๆ 9 „ ระบุและอา้ งอิงแหล่งที่มาของขอ้ มูลอยา่ งชดั เจน 10 „ มีการสรุปขอ้ มูลท้งั หมดที่นาเสนอ

ออกแบบอินโฟกราฟิ กใหด้ ูโปร ดว้ ย 9 Layout

1. Visualised Article เหมาะสาหรับนางานเขียนมาเลา่ ผา่ นอินโฟกราฟิ ก ใชก้ ารนาเสนอท่ี เหมาะสมกบั ขอ้ มูลแต่ละชนิด เช่น ถา้ มีตวั เลขควรนาเสนอผา่ นกราฟแบบ ตา่ งๆ หรือ ตวั หนงั สือกส็ ามารถส่ือดว้ ยภาพ หรือ icon

เทคนิค : สรุปบทความ และเลือกประเด็นก่อนนาเสนอ ตัวอย่างอินโฟกราฟิ ก เรื่อง เงินเดือนน้อยไป ลกู จ้างไทยไร้ ความสุข

2. Listed มกั จะใชต้ วั เลขนาใน headline เช่น “5 วธิ ี” ดูแลหุ่นสวย, “4 เทคนิค” พชิ ิต ใจนายจา้ ง การนาเสนอแบบเป็ นขอ้ ๆ เหมาะกบั เร่ืองท่ีไม่ยาวนกั และไม่ ควรเป็ นเร่ืองที่เครียดมากเกินไป

เทคนิค : วเิ คราะห์วา่ ขอ้ ไหนสามารถรวบเป็ นขอ้ เดียวกนั ได้ ตัวอย่างอินโฟกราฟิ ก เร่ือง 6 ข้นั ตอนง่ายๆ ในการเกบ็ เงินไปเที่ยวรอบโลก

3. Comparison เหมาะกบั ใชเ้ พ่อื เปรียบเทียบระหวา่ งของส่ิงหน่ึงกบั ส่ิงหน่ึง โดยการ นาเสนอคู่กนั แบบน้ี ทาใหเ้ ห็นภาพไดช้ ดั เจนวา่ แตกตา่ งอยา่ งไรบา้ ง

เทคนิค : ใชก้ ารจดั วางที่เหมือนกนั ท้งั สองฝั่ง ทาใหเ้ ห็นความต่างท่ีชดั เจน, ใช้ สีคูต่ รงขา้ มเป็ นตวั แบ่งฝ่ัง ทาใหด้ ูง่ายข้ึน ตวั อย่างอินโฟกราฟิ ก เร่ือง ผอี า ใช่ผีจริงๆ หรือแค่โรคร้ าย

4. Structure เหมาะกบั การใชอ้ ธิบายส่วนประกอบของบางส่ิง

เทคนิค : พยายามสร้างภาพใหเ้ ห็นแตล่ ะส่วนประกอบ เช่น ภาพเหมือนสแกน เขา้ ไปภายใน หรือ การแยกแต่ละส่วนออกห่างกนั ไมซ่ อ้ นกนั ตวั อย่างอินโฟกราฟิ ก เร่ือง 6 เหตผุ ลสุดคูล ทาไมต้องรีบคว้า Surface มาครอง

5. Timeline เหมาะสาหรับใชเ้ ล่าประวตั ิความเป็ นมาเป็ นไปของส่ิงใดสิ่งหน่ึง โดยใช้ เสน้ แทนระยะเวลา สามารถใชไ้ ดก้ บั ทุกอยา่ ง เช่นประวตั ิคน ประวตั ิ องคก์ ร ประวติ ิสถานที่

เทคนิค : ใชค้ วามห่างของแตล่ ะจุด ช่วยบอกความห่างของแต่ละช่วงเวลาได้ ตัวอย่างอินโฟกราฟิ ก เรื่อง How instagram started

6. Flow chart เป็ นการนาเสนอแบบเป็ นลาดบั ข้นั เหมาะกบั การเสนอเป็ นควซิ ใหผ้ อู้ ่าน ไดท้ ราบคาตอบท่ีตอ้ งการโดยการอา่ นไลล่ งไปตามเสน้ จนถึงดา้ นล่างสุด

เทคนิค : ระวงั เรื่องความยงุ่ เหยงิ ของเสน้ , ใชส้ ีช่วยแยกเสน้ ลดความสบั สนใน การอา่ น ตัวอย่างอินโฟกราฟิ ก เร่ือง ค้นหาคอนโดท่ีเหมาะกับคณุ ที่สุด

7. Road map เป็ นการอธิบายทีละข้นั ตอน เหมาะกบั การอธิบายข้นั ตอนการทางาน หรือการเดินทาง เช่น ข้นั ตอนการทางานขององคก์ ร ข้นั ตอนการรับ พนกั งานเขา้ ทางาน การเดินทางของเด็กนกั เรียนสู่การเป็ นนิสิต เป็ นตน้

เทคนิค : เรื่องตอ้ งน่าสนใจพอท่ีคนอยากจะรู้ทีละข้นั ตอนขนาดน้ี ตวั อย่างอินโฟกราฟิ ก เรื่อง ถนอมตาด้วยท่าโยคะ

8. Useful bait เป็ นอินโฟกราฟิ กท่ีทาใหเ้ ราเห็นวธิ ีทาบางอยา่ ง โดยที่เราเห็นแลว้ สามารถ นาไปใชไ้ ดท้ นั ที

เทคนิค : ใหค้ วามสาคญั กบั ความเขา้ ใจง่าย มากกวา่ ความสวยงาม ตัวอย่างอินโฟกราฟิ ก เร่ือง ขึน้ ภาษบี หุ รี่ไทย ติดปัญหาอะไรอยู่?

9. Number porn เป็ นอินโฟกราฟิ กที่เตม็ ไปดว้ ยตวั เลข และกราฟ

เทคนิค : ตวั เลขตอ้ งน่าสนใจหรือเก่ียวขอ้ งกบั คนอา่ นมากพอ ถึงจะมีกราฟ หลายประเภท แต่ควรเลือกสไตลก์ ราฟิ กแบบเดียวกนั ท้งั ภาพ เช่น 3D, Flat ตวั อย่างอินโฟกราฟิ ก เรื่อง นา้ มนั ดิบ

การสร้างอินโฟกราฟิ กใหม้ ีประสิทธิภาพ เนน้ หวั ขอ้ หลกั หวั ขอ้ เดียว ออกแบบใหเ้ ขา้ ใจงา่ ย ไมส่ บั สน ขอ้ มลู ไมท่ าเกินขอบเขตของหวั ขอ้ ขอ้ มูลถูกตอ้ ง เลา่ เรื่อง ถา่ ยทอดขอ้ มลู ได้ ใชส้ ีที่ดึงดูดความสนใจ เหมาะสมกบั หวั ขอ้ สร้างงานดว้ ยไฟลท์ ี่มีขนาดเลก็

วธิ ีสร้างอินโฟกราฟิ กดว้ ยตนเอง เครื่องมือท่ีช่วยสร้างอินโฟกราฟิ ก สามารถทาไดแ้ บบออนไลน์ ไม่ตอ้ งโหลดโปรแกรมมาติดต้งั ไวท้ ี่เครื่อง ไดแ้ ก่ 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

สร้างอินโฟกราฟิ กดว้ ย piktochart.com

สร้างอินโฟกราฟิ กดว้ ย piktochart.comข้อดี ข้อเสีย„ ไมเ่ สียคา่ ใชจ้ ่ายในการใชเ้ วบ็ ไซต์ „ มีปัญหาในการใส่ Font ภาษาไทย„ ไมจ่ าเป็ นตอ้ งลงโปรแกรม „ มี template ฟรีไม่มาก ส่วนใหญ่„ มีลูกเล่นดีๆ หลายอยา่ ง ยดื หยนุ่ จะเสียเงิน และใชง้ านสะดวกกวา่ „ การ Download ชิ้นงานไปใชจ้ ะ ไดน้ ามสกุล .PNG และ .JPEG„ สามารถเผยแพร่ชิ้นงานผา่ น Social Network เท่าน้นั

แหล่งท่ีมา1. http://www.qlf.or.th/Mobile/Details?contentId=3002. http://thumbsup.in.th/2013/08/10-rules-about-infographics3. http://naldzgraphics.net/tips/infographics-designing-tips4. http://www.thetechr.com/create-an-infographic/5. http://www.oknation.net/blog/digitalmarketing/2013/01/01/en try-26. http://elearning.ns.mahidol.ac.th7. http://infographic.in.th/infographic

สอบถามขอ้ มูลเพิ่มเติม [email protected]