การผลิตสื่อการเรียนรู้เพื่อการนำเสนอ

กรอบคดิ เชิงรูปธรรม การแสดงขอ้ มูล แบบเปรียบเทียบ แสดงแนวโนม้ แสดงการกระจาย

กรอบคดิ เชิงรูปธรรม แบบรูปภาพ เปรยี บเทยี บ เป็นการเทยี บเคยี งชุดข้อมูลอยา่ งน้อย 2 ชดุ เพือ่ แสดงใหเ้ หน็ ความ แตกตา่ ง แผนภูมแิ ท่ง แผนภูมวิ งกลม และวิธอี ื่นๆอีกมากมาย สามารถใชไ้ ดต้ ามความเหมาะสม

กรอบคิดเชงิ รูปธรรม แบบรูปภาพ แสดงแนวโนม้ ตัวแปรเดียวของขอ้ มลู แสดงด้วยเวลาเพือ่ บง่ บอกแนวโนม้ การ เปลี่ยนแปลงท่เี กดิ ขน้ึ ตามเวลาท่ีเปลีย่ นแปลง คือลกั ษณะสาคญั ทีส่ ุดของภาพชนดิ น้ี

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

ตวั อยา่ งแผนภาพ 108

ตวั อยา่ งแผนภาพ 109

ตวั อยา่ งแผนภาพ 110

ตวั อยา่ งแผนภาพ 111

http://www.iconarchive.com/ 112

http://www.iconarchive.com/ 113

อนิ โฟกราฟกิ 114

อินโฟกราฟกิ คอื อะไร? อินโฟกราฟกิ คอื “แปลงขอ้ มลู ใหเ้ ปน็ ภาพ”เพื่อให้เข้าใจงา่ ย และสื่อสารกับผ้คู นดว้ ยสิง่ ทีจ่ บั ต้องได้ 115

อนิ โฟกราฟกิ 116

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

การนาอินโฟกราฟกิ มาใช้เพอื่ ส่อื สารให้เขา้ ใจงา่ ยข้ึน ไม่ใช่เรือ่ งใหม่ เราใช้ภามาตงั้ แตอ่ ดตี เช่นภาพวาดบนฝาผนงั อกั ษรไฮไรกลฟิ หนังสือภาพ แผนท่ี 118

คุณคิดว่าซา้ ยหรือขวา เข้าใจงา่ ยกว่ากนั ? “ในภาพนี้ มนี กสีดากาลงั เกาะ อยูบนตนไม นกตวั น้ัน กาลงั มองไปทางซาย ตนไมมใี บไมสเี หลอื ง ส้ม แดง ฤดูน้คี อื ฤดใู บไมรวง” 119

ภาพไหนหาเลข 7 ไดง้ า่ ยกวา่ ? 120

ทาไมต้อง Infographic 121

ทาไมต้อง Infographic 122

ทาไมต้อง Infographic 123

อนิ โฟกราฟิกในยุคท่เี ว็บไซต์เปน็ ท่นี ิยม BRAND URL อินโฟกราฟกิ ทพี่ บตามเวบ็ ไซต์มกั เปน็ อินโฟกราฟกิ ทอี่ อกแบบมาเพอื่ การประชาสมั พนั ธห์ รอื โฆษณา 124

เน้อื หาอนิ โฟกราฟิก 125

เนือ้ หาของอินโฟกราฟกิ การโฆษณาและประชาสมั พนั ธ์ เน้ือหาของอนิ โฟกราฟกิ จะเป็นอยา่ งไรก็ได้ ไม่ว่าจะเปน็ เนื้อหาหนกั ๆหรือเน้ือหาเน้นความบันเทงิเชน่ การเมอื ง ธุรกจิ อาหาร ปัญหาเกีย่ วกับสง่ิ แวดลอ้ ม สขุ ภาพ เทคโนโลยี กฬี า ดนตรี ภาพยนตร์ เปน็ ตน้ 126

ขอบเขตการใชง้ านอนิ โฟกราฟิก อธิบายขอ้ มูลอินโฟกราฟิกแบบน้มี กั จะใชก้ บั การอธบิ ายวิธปี ระกอบโมเดลพาสตกิ หรือวธิ ปี ระกอบเฟอรน์ ิเจอร์, วิธเี ดนิ ทาง (แผนท่รี ถไฟฟา้ หรอื แผนทที่ ัว่ ไป), เอกสารทางประวตั ศิ าสตรท์ ี่มีตัวเลขปีท่ีเกดิ เหตุการณเ์ ป็นตาราง 127

ขอบเขตการใชง้ านอนิ โฟกราฟิก การโฆษณาและประชาสัมพนั ธ์อินโฟกราฟิกซงึ่ องค์กรหรอื บรษิ ัทใชต้ ามเวบ็ ไซต์, บลอ็ ก, โซเชยี ลมเี ดยี นัน้ คอื ตวั อยา่ ง ของอนิ โฟกราฟกิ ท่ใี นการประชาสมั พนั ธ์ 128

เน้อื หาทเ่ี หมาะสมกับอินโฟกราฟิก กับตวั อยา่ ง 8 ประเภท 129

ประเภทท่ี 1 เนอ้ื หาที่อยใู่ นความสนใจ ของคนในช่วงน้นั ๆตวั อยา่ งตอนนใี้ นภาวะท่ีอากาศรอ้ นและโรคที่จะเกิดขึ้นกับสภาวะอากาศร้อนก็โรคฮที สโตรก 130

ประเภทท่ี 2 How toคอื เนื้อหาที่มาตอบคาถาม ที่วา่ ทาอยา่ งไร 131

ประเภทท่ี 3รายงานผล คือการรายงานขอ้ มลู ที่เกดิ ขน้ึ จรงิ 132

ประเภทที่ 4 การเปรยี บเทยี บคือการเปรยี บเทยี บข้อมูลใหเ้ กดิ การตัดสนิ ใจ 133

ประเภทท่ี 5การเปล่ียนแปลง ของเวลาคือการแสดงแสดงวิวฒั นาการ หรอื การเปลย่ี นแปลงสิ่งใดสง่ิ หนง่ึ 134

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

ประเภทที่ 7 ตาราง คอื การแสดงขอ้ มลู เร่ืองราวท่เี ฉพาะทาง สาหรบั ผทู้ ส่ี นใจเร่ืองใดเร่อื งหนึ่งโดยต้องเปน็ ผู้เชย่ี วชาญเฉพาะเขียนขึน้ มา 136

ประเภทท่ี 8สรปุ ภาพรวม เนื้อหาสรุปภาพรวม เกีย่ วกบั หวั ข้อใดหวั ข้อหนึ่ง 137

จุดร่วม 4 ขอ้ เวลาทาอนิ โฟกราฟิกอยา่ ลมื ใส่ 4 หวั ข้อน้ีลงไป ใน Header และ Footer ดว้ ย 138

ชอื่ เร่อื ง เราตอ้ งเลือกช่ือเรื่องที่สรปุ เนอื้ หาโดยรวมทัง้ หมดเพราะสว่ นมากเวลาคนแชร์ในโซเช่ยี ลมีเดีย กเ็ ขียนนาเฉพาะช่อื เรอ่ื ง 139

แหล่งทีม่ าของขอ้ มูลเราตอ้ งระบดุ ว้ ยวา่ ขอ้ มลู ทน่ี ามาใช้ทาอินโฟกราฟิกนัน้ เอามาจากไหน สว่ นมากจะเขยี นสรปุ ไว้ตรงด้านลา่ งสุด 140

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

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

การเผยแพร่อนิ โฟกราฟิกนาเสนอ Infographics ทีเ่ สร็จเรียบร้อยแลว้ เผยแพร่สโู่ ลก Socialอินโฟกราฟกิ เพอ่ื การโฆษณาและประชาสมั พนั ธ์ควรจะเผยแพรอ่ ยา่ งสม่าเสมอถงึ จะไดผ้ ลดี 143

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

วธิ ีกาหนดอินโฟกราฟิก เราตอ้ งเร่ิมทาอินโฟกราฟิกจากศูนย์ วา่ เราจะทาอะไรก่อนหลัง 145

กฏ 4 ขอ้ในการออกแบบอินโฟกราฟิก 146

กฏ 3 สี กฏการ Focus คุมสีให้อยู่หมัดแค่ 3 สี เลอื กกราฟกิ ท่ีส่อื ความหมาย อา่ นง่ายไม่ลายตา ในเนอื้ หาให้เดน่ เพียง 1 อยา่ ง และสวยอย่างมสี ไตล์ กฏการหายใจกฏตัว Z มชี อ่ งไฟระหวา่ งวตั ถุเสมอเรียงลาดบั วตั ถุด้วย เพอ่ื ลดความอึดอดัการเรยี งแบบตัว Z 147

13 3 3กฏ 2 1483 สี 3 12

1 2345 31 2345 3 149



กฏ การ Focus 151

กฏตวั Z 152

บนลงล่าง ซา้ ยไปขวา 153