การผลิตสื่อการเรียนรู้ด้วยการสร้าง Infographic อย่างง่าย

การผลิตส่ือการเรียนรู้ดว้ ยการสรา้ ง Infographic อยา่ งงา่ ย โดย สมัทรชา เนียมเรือง



ทาไมต้อง Infographic \"เรากาลงั อย่ใู นยคุ มหาสมทุ รของข้อมูล\"600+ วดิ โี อใหม่ อีเมล์ถูกสง่ ไป 695,000+ บน YouTube 168 ลา้ นฉบับ Status อปั เดท บน Facebook ใน 1 วนิ าที 1,500+ 98,000+ tweetsบทความใหม่ บน Blog บน Twisterเรารบั ขอ้ มูลขา่ วสารมากขน้ึ 5 เท่าจากปี 2549

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

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

ทาไมตอ้ ง Infographic

ทาไมตอ้ ง Infographic

ทาไมตอ้ ง Infographic

จะใช้ Infographic สาหรบั อะไร ? อา้ งองิ www.infographicthailand.com/

Infographicดงึ ดูด เข้าใจง่าย สนกุ นา่ แชร์

กว่าจะมาเป็นInfographic

หาวตั ถุดบิ Useful: ตอ้ งเปน็ ขอ้ มลู ท่ปี ระโยชน์ Insightful: เน้ือหาทเี่ ป็นจรงิ และมคี ุณภาพ คัดสรรหัวขอ้ ทีจ่ ะทาํ Interesting: สดใหม่และทันกระแส Infographic ที่ดีที่สุด Reliable: แหลง่ ข้อมลู มคี วามนา่ เชอื่ ถอืจากมหาสมทุ รขอ้ มูลทก่ี วา้ ง ใหญ่ไพศาล

คดั ของเสยี ทิ้ง เข้าใจ ตรง นําขอ้ มลู ดิบท่หี าได้มาจับ ง่าย ประเดน็ใจความสําคัญของเนื้อหา และย่อยใหก้ ระชบั

Groupจัดหมวดหมู่แยกประเภทของขอ้ มลู ให้เปน็ หมวดหมู่ เพื่อง่ายตอ่ การ จดั ลาํ ดบั ใจความสําคัญ

Create an ideasไอเดยี เมนลู ับ พิจารณาข้อมลู ทม่ี ีวา่ จะนาํ เสนอสรา้ งเรื่องราวเจ๋งๆ แบบไหนไดบ้ ้าง

สตู รการปรุง Draftทําแผนภาพงา่ ยๆ สาํ หรบั เพื่อวางแผนในการจดั วางเลเอาท์ ทั้งข้อมูลและรปู ภาพ

ปรุงแตง่ Draft Designนําแผนภาพท่ีได้มาออกแบบ Infographic จากโปรแกรมเฉพาะทาง

เสริฟเมนจู านเดด็ นาํ เสนอ Infographics ทีเ่ สรจ็ เรยี บร้อยแล้ว เผยแพรส่ ู่โลก Social

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

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

3 12กฏ 33 สี 3 12 3

1 2345 31 2345 3

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

กฏ การ Focus

กฏตัว Z

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

White spaceกฏ White spaceการหายใจ White space

ออกแบบ Infographic ใหด้ ูโปร ดว้ ย

‘ VISUALIZED ARTICLE --------------------------------------------------------- .... --------------------------------------------------------- --------------------------------------------------------- เหมาะกบั การแปลงบทความ------------------------------------------------------------------------------------------------------------------ งานเขียน ใหเ้ ปน็ ภาพ----------------------------------------------------------------------- -------------- -------------- ---------------------------- -------------- -------------- --------------

‘ LIS..T..ED --------------------------------------------------------- เหมาะกบั การเล่าเรื่องที่มีหัวข้อหลัก --------------------------------------------------------- --------------------------------------------------------- เพียงข้อเดยี ว แตห่ ลายหัวขอ้ ย่อย--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------- --------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

‘ COMPARISON .... เหมาะกับการใชเ้ ปรยี บเทยี บ ใหเ้ หน็ ความแตกตา่ ง ของส่ิงหน่งึ กับอีกสงิ่----------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- -----------------------------------

‘ STRUCTURE----------------------------------- ----------------------------------- ....----------------------------------- ---------------------------------------------------------------------- ----------------------------------- เหมาะกบั การแสดงใหเ้ หน็----------------------------------- ---------------------------------------------------------------------- ----------------------------------- สว่ นประกอบของสิง่ ใดส่ิงหน่งึ----------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- -----------------------------------

‘----------------------------------- ----------------------------------- TIME...L.INE----------------------------------- ---------------------------------------------------------------------- ----------------------------------- เหมาะกับการเลา่ ประวัติ----------------------------------- ----------------------------------- การเดนิ ทางของบางสิ่ง----------------------------------- ---------------------------------------------------------------------- ----------------------------------- (ววิ ฒั นาการ)

‘ FLOW..C..HART เหมาะกับการเสนอคาํ ถาม ทมี่ ีคําตอบชดั เจน------------------------- -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- ------------------------- -------------------------------------------------- ------------------------- -------------------------------------------------- ------------------------- -------------------------

‘ ROAD MAP------------------ ------------------ ....------------------ ------------------------------------ ------------------ เหมาะกับการเล่ากระบวนการ------------------ ------------------ หรอื ขั้นตอนการทาํ งาน------------------ ------------------------------------ ------------------ (สามารถใชแ้ ทนแบบ Timeline ได้)------------------ ------------------------------------ ------------------------------------ ------------------

‘ USEFU...L. BAIT เหมาะกับการเสนอใหเ้ ห็นถึงวิธีทาํ บางอยา่ ง ที่สามารถอ่านแลว้ นาํ ไปใช้ได้ทนั ที------------------------- -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- -------------------------------------------------- -------------------------

‘ NUMBE..R.. PORN ------------------------- เหมาะกับการเสนอขอ้ มลู ที่มีตวั เลข ------------------------- Layout นี้ จะทําให้งานน่าสนใจมากยิ่งข้นึ ------------------------- ------------------------- ------------------------- ------------------------- ------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

ออกแบบ Infographic ใน 10 นาที

ระเบยี บการใชห้ ้องสมุด1. เขา้ ห้องสมดุ ต้องพกบัตรประจาตัวนสิ ติ มาดว้ ยทกุ ครง้ั2. ห้ามใช้บัตรของผูอ้ ่นื ยืมทรัพยากรสารสนเทศ3. แต่งกายสุภาพ เรยี บร้อย เน่อื งจากเป็นสถานศึกษา4. ไมพ่ ดู คยุ เสยี งดงั ในห้องสมุด จะเปน็ การรบกวนผูใ้ ช้หอ้ งสมดุ ทา่ นอ่ืน5. หา้ มจองโต๊ะน่งั อา่ น โดยนาสง่ิ ของกระเป๋า หรอื หนังสือมาจองไว้6. ห้ามนาอาหาร ของขบเคยี้ ว ขนม และน้า/เคร่อื งด่มื ต่างๆ เขา้ มาในห้องสมดุ (สามารถฝากไวท้ ่ีตลู้ อ็ คเกอร์)7. ใช้วัสดุ และส่ิงพมิ พ์ทุกประเภทดว้ ยความทะนถุ นอม ระมัดระวัง ไมท่ าให้ฉีกขาด ชารดุ เสยี หาย ไม่ขดี เขียนหรอื พับหนา้ สิ่งพมิ พ์ รวมท้งั ชว่ ยระวังรักษาส่ิงของเครื่องใช้ และความสะอาดในห้องสมดุผูใ้ ช้หอ้ งสมุดท่ีไมป่ ฏิบตั ิตามระเบียบทว่ี างไว้ จะไม่อนญุ าตใหเ้ ข้าใช้หอ้ งสมุดสอบถามรายละเอียดเพม่ิ เตมิ[email protected] line id: @nulibrary www.facebook.com/libnu www.lib.nu.ac.th

http://piktochart.com/