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

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

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

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

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

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

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

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

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

http://www.iconarchive.com/ 111

http://www.iconarchive.com/ 112

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

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

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

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

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

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

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

ทาไมต้อง Infographic 120

ทาไมต้อง Infographic 121

ทาไมต้อง Infographic 122

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13 3 3กฏ 2 1473 สี 3 12

1 2345 31 2345 3 148

โดยการแบ่งการออกแบบงานของคณุ เป็นหน่วยแบบ เปอร์เซน 60% แรกคอื การใชส้ ีพ้ืนของงานและ 30% สีที่ 2 ท่ใี ชใ้ นงาน และ 10% ใช้ในการเนน้ หรือไฮไลทส์ ่วนทส่ี าคัญของงาน 149

กฏ การ Focus 150

กฏตวั Z 151

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