Intro Infographics

หลักสตู รการสรา้ ง Infographics อย่างไรใหโ้ ดนใจด้วย Canva วิทยากร ผศ.ดร.อดเิ รก เยาว์วงค์ และอาจารย์ ดร.พงศธร ปาลี คณะครุศาสตร์ มหาวทิ ยาลยั ราชภัฏราชนครนิ ทร์

ความเป็นมาอนิ โฟกราฟิก ประวตั ิศาสตร์โลกของ Infographic ยคุ โบราณ ก่อนคริสตกาล 30,000 ปี Cave Painting

ความเป็นมาอินโฟกราฟกิ อียปิ ตโ์ บราณก่อนคริสตกาล 5,000 ปี คนอียิปต์โบราณใช้ Infographic ใ น ก า ร บ อ ก เ ล่ า เ ร่ื อ ง ร า ว ใ น ชีวิตประจาวัน การทางานและ ศาสนา

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

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

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

ลกั ษณะของภาพอนิ โฟกราฟกิ

ลกั ษณะของภาพอนิ โฟกราฟกิ

หัวใจของภำพอนิ โฟกรำฟิ ก \"จบได้ในภำพเดยี ว\" “คำบรรยำย และ รูปภำพต้องจดั วำงให้ ครบถ้วนในภำพเดยี ว”

ประเภทอนิ โฟกรำฟิ ก ➢ Static Infographic ➢ Presentation Infographic ➢ Motion Infographic ➢ Interactive Infographic

Static Infographic

Presentation Infographic https://www.youtube.com/watch?v=7LhtYj4PXkk

Motion Infographic https://www.youtube.com/watch?v=b8zAAEDGQPM

Interactive Infographic https://www.youtube.com/watch?v=ex4pJqj8C0U

4 primary learning styles to process information • The VARK : Visual, Auditory, Read/write, and Kinesthetic



The Cone of Learning พรี ำมิดแห่งกำรเรียนรู้



1. ด้านข้อมูลหมายถึง ข้อมูลที่จะนาเสนอ ต้องมี ความหมาย มีความน่าสนใจ เร่ืองราวเปิ ดเผยเป็นความจริง และมีความถูกตอ้ ง 2. ดา้ นการออกแบบ หมายถึง การออกแบบตอ้ งมีรูปแบบ แบบแผน โครงสร้าง หนา้ ที่การทางาน และความสวยงาม โดยเนน้ การออกแบบท่ีเขา้ ใจง่าย และใชไ้ ดจ้ ริง



• Research เตรียมขอ้ มลู • Plan วางแผนการนาเสนอขอ้ มูล • Design ลงมือออกแบบ • Feedback ปรับปรุงใหด้ ีข้ึน



สร้ำงอนิ โฟกรำฟิ กอย่ำงไร กำรใช้โปรแกรมสำเร็จรูป กำรใช้เวบ็ ไซต์ MS Power Point Adobe Photoshop Piktochart canva Adobe Illustrator iconfinder

เวบ็ ไซต์หำรูปภำพฟรี เวบ็ ไซต์สร้ำงภำพกำร์ตูน https://www.vecteezy.com https://avatarmaker.com

https://piktochart.com/

https://www.canva.com/

https://www.iconfinder.com/

https://www.pexels.com/

https://www.f0nt.com/

ตวั อยา่ งอินโฟกราฟกิ













“ขอบคุณครับ”