week 7 เอกสารประกอบการสอนวิชา RT392 ปี 3 sec 3 :คณะนิเทศ

1. #สวัสดีครับ

2. RT392
WEEK 07.
DHURAKIJ PUNDIT UNIVERSITY
COMMUNICATIONS ARTS
MORRAGET
การเสนอข่าวสารโดยใช้
INFOGRAPHIC

3. Infographicคืออะไร!?
information graphics
► การรวมกันระหว่าง “ภาพ” และ “ข้อมูล”
► มีการย่อยเนื้อหาให้เข้าใจง่าย
และจัดเรียงออกแบบให้อยู่ร่วมกัน

4. Infographic
► “แปลงข้อมูลให้เป็นภาพ” ให้เข้าใจง่าย และ สื่อสารกับคนด้วยสิ่งที่จับต้องได้
► นาเสนอที่ทาให้ผู้ชมรับทั้งข้อมูล “ภาพรวม” และ “เจาะจง” ได้ในหนึ่งเดียว
► “ผสมผสาน” ระหว่างข้อมูลและงานออกแบบเพื่อเสริมประสิทธิภาพการสื่อสาร
► “Edutainment” ระหว่างข้อมูลและงานออกแบบเพื่อเสริมประสิทธิภาพการสื่อสาร
ลักษณะเฉพาะตัว!?

5. ส่วนประกอบของอินโฟกราฟิก
TEXTข้อความเสริมความเข้าใจ
VISUALภาพเล่าเรื่อง

6. HOW TO MAKE InfoGraphics

7. #1 Write a brief.
กาหนดโจทย์สั้นๆ ที่ชัดเจน
เริ่มต้นจากไอเดีย (เพราะไอเดียสาคัญกว่าดีไซน์)
อย่าเริ่มต้นจากดีไซน์ หรือ เทคโนโลยี
เขียน 1 ประโยคสั้นๆ ให้ได้ว่า...
“อยากจะบอกกับคนอื่นว่าอะไร เพราะอะไร ใครเป็นดู
และอยากให้เขาทาอะไร”(what to say)
กาหนดช่องทางการเผยแพร่ด้วย เพราะมีผลต่อการทางาน
เช่น หนังสือ, Facebook, Instagram, Website ฯลฯ

8. #2Get to the essence.
สกัดสาระสาคัญออกมา
ไอเดียดีๆ อาจตีความไปได้หลากหลาย แต่จริงๆ แล้ว
จะมีแค่ 1 สาระสาคัญ ที่เป็นต้นตอของไอเดียเหล่านั้น
ลองคิดดูว่าเรื่องที่จะทา... สามารถ
แปรเป็นประโยคสั้นกระชับ และตรงประเด็นได้ไหม!?
ผู้อ่านเข้าใจแค่ไหน (Key Message)
ถ้าเขียนเอง ยังไม่เข้าใจเอง ให้เขียนและปรับใหม่
หากยังเขียนเป็นคาไม่ชัด การตีความเป็นภาพก็จะ
ยิ่งไม่ตรงประเด็น

10. #3
Fine Data.
รวบรวมข้อมูลทั้งหมด
เมื่อตัดสินใจได้แล้ว ก็เริ่มรวบรวมเนื้อหา ข้อมูลที่ตรงกับ
สาระสาคัญ
ข้อมูลที่รวบรวม ลองหา
- ข่าว ข้อเท็จจริง บทความ
- งานวิจัย
- สถิติ, ตัวเลขที่เกี่ยวข้อง
- รูปภาพที่เกี่ยวข้อง, วิดีโอที่เกี่ยวข้อง
ทดลองหาข้อมูล ทั้ง “ทางตรง” ที่เล่าสาระสาคัญของงานได้
หรือ “ข้อมูลทางอ้อม” ที่สามารถบิดมาใช้ได้

11. #4Fine Infights.
ค้นหาข้อมูลเชิงลึก
การนาเสนอด้วยข้อมูลเชิงลึก ทาให้งานน่าสนใจ และโดนใจขึ้น
เพราะข้อมูลเชิงลึกจะบอกได้ว่า คนอยากจะดู เรื่องอะไร
จากข้อมูลที่ได้ทั้งหมด ให้ลองทา.....
- ลองระดมสมอง สมมุติตัวเองว่าเป็นผู้อ่าน
- นึกถึงพฤติกรรมของเขา ความรู้สึก ความคิดความเชื่อของเขา
- แล้วลองดูข้อมูลว่า....
- จากข้อมูลนี้“เขาอยากจะรู้เรื่องไหน อยากรู้หรือไม่”
ถ้าเราคุ้นเคยกับข้อมูลที่มีอยู่จะทาให้สามารถเล่าเรื่องราวได้ การ
ใส่ใจกับเนื้อหาที่สาคัญที่จะช่วยให้การนาเสนอข้อมูลมีคุณค่า

12. “อยากจะบอกกับคนอื่นว่าอะไร
เพราะอะไร ใครเป็นดู
และอยากให้เขาทาอะไร”
(what to say)
แปรเป็นประโยคสั้นกระชับ
และตรงประเด็นได้ไหม!?
ผู้อ่านเข้าใจแค่ไหน
(Key Message)
#1 #2
ข้อมูลที่รวบรวม
หา INSIGHT
#4
#3

13. “หัวใจ”
ของอินโฟกราฟิค

14. HOW TO MAKE InfoGraphics

15. #5Create Narrative.
สร้างโครงการเล่าเรื่อง
เมื่อได้ข้อมูลที่จะเล่าแล้ว
ลองวางโครงเรื่องในการเล่า
ลองจัดลาดับการรับรู้ของคนอ่าน
- เรื่องไหนควรมาก่อน มาหลัง เรื่องไหนควรต่อกับเรื่องไหน
ทายังไงให้คนอู ดูจนจบ ดูทั้งหมด ไม่เบื่อ
- ข้อความ & ภาพ สอดคล้องกัน ช่วยกันเล่าเรื่อง สื่ออารมณ์
- พยายามเชื่อมต่อข้อมูลทั้งหมดไว้ให้ได้
ต้องเป็นอันหนึ่งอันเดียวกัน
หากมีอะไรรู้สึกแปลกแยก = แสดงว่าควรแก้ หรือตัดออก

16. HOW TO MAKE InfoGraphics

17. #6Create a layout.
วางเลย์เอ้าท์ / Design Direction
ได้เวลาวางโครงร่างของงานออกแบบ
จัดสัดส่วนเนื้อที่ข้อมูลแต่ละก้อน กาหนดสัดส่วน ข้อมูล รูปภาพ
ลองวางลองในกระดาษเปล่า....
- จัดสัดส่วนเนื้อที่ข้อมูลแต่ละก้อน (อะไรจะเน้น อะไรไม่เน้น)
- ในสัดส่วนข้อมูลแต่ละก้อน ลอง
จะใส่ภาพ และตัวหนังสือ สัดส่วนอย่างไร พอหรือไม่
หาธีม หา Concept ของงานออกแบบให้ได้ สไตล์ภาพ Font
และคุมให้เป็นเป็นสไลต์เดียวทั้งงาน

20. กฏ 3 สี : ใช้แค่ 3 สี ก็เพียงพอแล้

38. HOW TO MAKE InfoGraphics

39. #7Illustrate.
ออกแบบภาพประกอบ
ภาพประกอบทาให้คนดูมีอารมณ์ร่วมไปกับงานของเรา
มันคือการสร้าภาพความทรงจา ไม่ใช่แค่ภาพประกอบ
หลักการใช้ภาพประกอบ
- ใช้ภาพสไตล์เดียว ในงานชิ้นเดียว
- ให้ภาพเล่าเรื่องได้มากที่สุด ตอนทาภาพประกอบให้คิดว่า
ถ้าคนอ่านหนังสือไม่ออกก็ดูงานรู้เรื่อง
ตอบไม่ได้ว่าใช้ภาพเยอะหรือน้อยแค่ไหน
แต่ตอบได้ว่า ภาพไหนจาเป็น ไม่จาเป็นต่องาน!

40. ตัวอย่าง

41. ตัวอย่าง

46. HOW TO MAKE InfoGraphics

47. #8Test on Different Devices.
ลองดูผ่านเครื่องมือสื่อสารจริง
เมื่องานเสร็จตามที่ต้องการแล้ว (ข้อมูล รูปภาพ สี)
ให้ลอง Export ไฟล์ ด้วยขนาดและ Format จริงที่จะใช้สื่อสาร
ทดลองดูงานใน Device ที่หลากหลายมากที่สุด
- ลองใช้โทรศัทพ์มือถือ หลากยี่ห้อดูงานจริงๆ
- ลองใช้ Tableb หลายรุ่น หลายยี่ห้อ ดูงานจริงๆ
- ลองใช้ Computer หลายรุ่น หลายยี่ห้อ ดูงานจริงๆ
ให้คิดว่าตัวเองคือคนดูจริงๆ เคยเห็นครั้งแรก
รู้สึกอย่างไร อ่านออกหรือไม่ รู้เรื่องหรือไม่...ถ้าไม่ = แก้

48. ตัวอย่าง

49. ตัวอย่าง

50. HOW TO MAKE InfoGraphics

51. #9Make it beautiful.
ตกแต่งรอบสุดท้ายก่อนจบงาน
เก็บรายละเอียดรอบสุดท้าย เพื่องานสมบูรณ์ที่สุด
ตรวจงานเป็นส่วนๆ
- Copy : ข้อความทั้งหมด สมบูรณ์หรือไม่ ถูกต้องหรือไม่
- Visual : ภาพประกอบ กราฟ เก็บรายละเอียดดีแล้วหรือไม่
- Layout : สัดส่วน องค์ประกอบทั้งงานลงตัวแล้วหรือไม่
ตรวจให้แน่ใจ ตรวจแล้วตรวอีก
โดยเฉพาะข้อมูล ตัวเลข ให้ตรงเทียบกับข้อมูลต้นฉบับเลย

52. HOW TO MAKE InfoGraphics

53. พลาดมาก
INFOGRAPHIC
ที่มักเจอเมื่อทา
ความ

54. #1 อยากใส่อะไรก็ใส่
งานกู กูจะใส่อะไรลงไปก็ได้
แต่มึงจะใส่ “สารพัดสัตว์บก” ลงไปไม่ได้

55. #1 อยากใส่อะไรก็ใส่

56. #1 อยากใส่อะไรก็ใส่

57. คนมักเข้าใจว่า “การดีไซน์” =
ใส่ลูกเล่นอะไรก็ได้ ทั้งสีตัวอักษร
กล่องข้อความ หรือสีพื้นหลัง
อัดแน่นจนมั่วไปหมด
#1 อยากใส่อะไรก็ใส่
Design Detail
การใส่ข้อมูลรายละเอียดมากเกินไป
ก็จะทาให้ผู้อ่านสับสนได้
แถมยังทาให้อินโฟกราฟฟิกชิ้นนั้นไม่
น่าสนใจอีกด้วย

58. แม้จะมีข้อมูลดีแค่ไหน แต่ถ้าเลือกฟอร์แมตหรือรูปแบบที่ไม่เหมาะสม
(แผนภูมิวงกลม, กราฟแท่ง, กราฟเส้น หรือสัญลักษณ์แทนค่าต่างๆ)
ก็จะทาให้การถ่ายทอดข้อความไม่มีประสิทธิภาพ
#2 ใช้ฟอร์แมทไม่เหมาะกับข้อมูล
แผนภูมิวงกลม
อาจเหมาะกับแสดงเปอร์เซนต์
หรือการแสดงสัดส่วน
แผนภูมิแท่ง (ทั้งแบบตั้งและนอน)
จะเหมาะกับการเปรียบเทียบข้อมูลต่างชนิด
ในเวลาเดียวกัน หรือชนิดเดียวกันแต่ต่างเวลา
แต่ที่สาคัญต้องมีหน่วยเดียวกัน
เช่น บาท กิโลกรัม หรือกิโลเมตร ฯลฯ

59. #3 ไม่มีเครดิตผู้ทา
เรื่องสาคัญ ข้อมูลอาจจะถูกต้อง สมบูรณ์ และเป็นประโยชน์มากๆ แต่ขาดความน่าเชื่อถือ เพราะไม่มีเคตดิตผู้ทา

60. #3 ไม่มีเครดิตผู้ทา
โลโก้แบรนด์ หรือ ผู้เป็นเจ้าของงาน
มิเช่นนั้นงานของคุณ
อาจถูกนาไปใช้ง่ายๆ
โดยไม่มีการให้เครดิตใดๆ
(copyright)
อินโฟกราฟฟิกเป็นสื่อ
ที่ต้องการความน่าเชื่อถือ
การอ้างอิงผู้ผลิต
หรือแหล่งข้อมูล
จะเพิ่มความน่าเชื่อถือได้
(trustworthiness)
ต้องมีระบุในงาน infographic
เราทาสื่อ ต้องมีวัตถุประสงค์
กลับมาที่ผู้ผลิต
เช่น แบรนด์ต้องการชื่อเสียง
ต้องการให้คนรัก
ถ้าไม่ระบุผู้ทา คนดูก็ไม่รู้
จะนึกถึงใคร
( Communication Objective)

61. #3 ไม่มีเครดิตผู้ทา

62. #5 ข้อมูลผิด สะกดผิด

63. พลาดมาก
INFOGRAPHIC
ที่มักเจอเมื่อทา
ความ