การสร้าง infographic

หนงั สือ E-book อบรมเชงิ ปฏิบตั กิ าร \"ส่ือใหม่ (New Media) : การสรา้ งส่ือ Infographic ดว้ ย Piktochart วตั ถุประสงคโ์ ครงการ 01 เพื่อใหผ้ เู้ ขา้ รว่ มมอบรมมีพ้ืนฐานในการใชส้ อ่ื ใหมป่ ระเภทตา่ งๆ 02 เพื่อใหผ้ ูเ้ ขา้ รบั การฝึ กอบรมมีความรู้ ความเขา้ ใจหลกั การออกแบบอินโฟ กราฟฟิ ก หอสมดุ กลาง มหาวิทยาลยั ราชภฏั นครศรีธรรมราช

ความหมาย การสรา้ งงาน Infographic ผา่ นเว็บไซตP์ iktochart Infographic น้ันมาจากจากคาวา่ Information และ Graphic เป็ นการออกแบบงานเพ่ือนาเสนอในรปู แบบที่เขา้ ใจง่ายยิ่งข้ ึน มีความ สวยงาม โดยอาศยั ขอ้ ความ ภาพนิ่ง ภาพเคลื่อนไหว หรือเสียง เขา้ มา ประกอบกนั ท้งั น้ ีสามารถนาเสนอผ่านสื่อไดท้ ้งั ส่ิงพมิ พ์ วดิ ีทศั น์ Piktochart คือเว็บไซต์ที่ช่วยในการสรา้ งสรรค์งาน Infographic ที่ไดร้ บั ความนิยม ภายในเว็บไซตจ์ ะประกอบดว้ ยเคร่อื งมือ ท่ีช่วยใน การออกแบบช้ ินงานและมีแม่แบบสาเร็จใหซ้ ่ึงง่ายและสะดวก ต่อการใชง้ าน ภายหลังจากที่ไดท้ าการออกแบบเสร็จแลว้ ยงั สามารถ บนั ทึกเพอื่ นามาใชง้ านไดใ้ นรปู แบบของไฟล์ PNG, JPEG และ PDF หรอื ส่งต่อหรือแบง่ ปันใหก้ บั คนอ่ืนๆ ไดอ้ ีกดว้ ย

วิธีการสรา้ ง Infographic 1. เขา้ ส่เู วบ็ ไซต์ http://piktochart.com/ 2. การลงทะเบียน สามารถทาได้ 2 วธิ ี คือ 2.1 ลงทะเบียน โดยการสมคั รสมาชิก กรอกขอ้ มลู รายละเอียดต่างๆแลว้ คลิกป่ ุม CREATE MY ACCOUNT 2.2 ลงทะเบียนผ่าน Google หรอื Facebook

วิธีการสรา้ ง Infographic 3. การแกไ้ ขขอ้ มลู ส่วนตวั 4. เรมิ่ สรา้ งช้ ินงาน 4.1 เลือกออกแบบช้ ินงานดว้ ยตนเอง (กระดาษเปล่า) 4.2 เลือกรปู แบบ Template สาเร็จรปู ซึ่งจะมรี ปู แบบฟรใี ห้ เลือกท้งั หมด 11 รปู แบบ

วิธีการสรา้ ง Infographic 5. แถบเครื่องมอื มเี มนูท้งั หมด 6 เมนูหลกั ดงั น้ ี 5.1 เมนู Graphics ประกอบดว้ ยเมนูยอ่ ย 4 เมนู คือ 5.1.1 Shapes & Line เป็ นตวั ชว่ ยในการสรา้ งรปู ทรงต่างๆ และ เสน้ ตรง 5.1.2 Icons เป็ นสญั ลกั ษณห์ รือรปู ภาพที่ใชส้ ื่อแทนความหมาย ต่างๆ 5.1.3 Photos คลงั รปู ภาพที่อยใู่ นเวบ็ ไซตโ์ ดยแบง่ เป็ นหมวดหมู่ 5.1.4 Photo Frame คลงั กรอบรปู ภาพในรปู แบบต่างๆ

วิธีการสรา้ ง Infographic 5.2 เมนู Uploads การอพั โหลดรปู ภาพจากเคร่ืองคอมพวิ เตอร์ ซึ่งโหมด ฟรจี ะอพั โหลดรปู ภาพไดส้ งู สุดจานวน 20 รปู ภาพ 5.3 เมนู Background 5.3.1 Background Color การเปล่ียนสีพ้ นื หลงั และสามารถปรบั ความโปรง่ ใสของพ้ นื หลงั ได้ 5.3.2 Background Image เป็ นรปู ภาพพ้ นื หลงั หลากหลายรปู แบบให้ เลือก

วิธีการสรา้ ง Infographic 5.4 เมนู Text 5.4.1 Text มีรปู แบบของตวั อกั ษรท่ีอยใู่ นแต่ละส่วนของงาน infographic มาใหส้ าเร็จรปู โดยแต่ละรปู แบบจะมีการกาหนดขนาดและ ลกั ษณะตวั อกั ษรที่เหมาะสมไวใ้ หแ้ ลว้ 5.4.2 Text Frame กรอบขอ้ ความในรปู แบบต่างๆ

วิธีการสรา้ ง Infographic 5.5 เมนูTools 5.5.1 Charts แผนภมู ิ หรอื แผ่นกราฟ ที่เขียนข้ นึ โดยอาศยั การ กรอกขอ้ มลู รายละเอียดที่ตอ้ งการเขา้ ไป 5.5.2 Maps การแทรกแผนที่เขา้ ไปในช้ ินงาน โดยแบง่ ตามโซน พรอ้ มบอกรายละเอียดของพ้ ืนท่ีต่างๆ 5.5.3 VDO การแทรกวดี ิทศั น์เขา้ ไปในช้ ินงาน โดยการใส่ลิงค์ วดี ิทศั น์ในชอ่ ง Video URLและคลิกป่ ุม INSERT

วิธีการสรา้ ง Infographic 5.6 เมนู Import การนาเขา้ โดยทาง Piktochart ร่วมมือกบั Surver Monkey เพิ่มฟังกช์ นั การท าสารวจขอ้ มลู ต่างๆ ไวส้ าหรบั Report 6. การ Save ปกติระบบจะคอยบนั ทึกรปู ภาพ Infographic ให้ อตั โนมตั ิ หรือสามารถคลิกป่ ุม SAVED ที่แถบมุมขวาดา้ นบนเวบ็ ไซตไ์ ด้ ตลอดเวลา

วิธีการสรา้ ง Infographic 7. PREVIEW สาหรบั ดภู าพรวมของ Infographic ท่ีออกแบบไว้ เพียงคลิกท่ีป่ ุม PREVIEWและยงั สามารถปรบั แต่งแกไ้ ขไดโ้ ดยคลิกป่ ุม EDIT PREVIEW 8. วธิ ีการ Download File นาไปใชง้ าน มี 2 วธิ ี ดงั น้ ี 8.1 คลิกท่ีเมนู File มุมบนดา้ นซา้ ยมือ แลว้ คลิกท่ี Download as Image

วิธีการสรา้ ง Infographic 8.2 คลิกท่ีเมนู Download มุมบนดา้ นขวามือ จะปรากฏหน้าจอ ใหค้ ลิกเลือกความละเอียดของรปู ภาพและประเภทของไฟลข์ อ้ มลู จากน้ัน ระบบจะดาวน์โหลดรูปภาพให้อัตโนมัติ โดยรูปภาพที่ได้จะ มีโลโก้ Piktochart ปรากฏอยใู่ ตร้ ปู ภาพ Infographic

วิธีการสรา้ ง Infographic ซ่ึงรปู ภาพ Infographic ที่สรา้ งไวท้ ้งั หมดจะบนั ทึกอยใู่ น Saved Piktocharts ซ่ึงสามารถเขา้ ดูไดโ้ ดยคลิกท่ีชื่อผูใ้ ชง้ าน แลว้ คลิกที่ My Saved Piktocharts

วิธีการสรา้ ง Infographic 9. PUBLISH การนาสื่อ Infographic ท่ีออกแบบไปเผยแพร่ โดย การคลิกป่ ุม Publish Now และคดั ลอก HTML embed code แลว้ นาไปวาง บนบล็อคหรือเวบ็ ไซตเ์ พอื่ แสดงผล

วิธีการสรา้ ง Infographic 10. SHARE การเผยแพร่ผลงานส่สู าธารณะผ่านช่องทางต่างๆ เชน่ โซเชียลมเี ดีย อีเมล์ หรือสง่ ออกไปยงั Evernote

จดั ทาโดย นางสาวฏสั นี เจะ๊ โด รหสั 405836005 สาขาวิชา สารสนเทศศาสตร์ คณะมนุษยศาสตรแ์ ละสงั คมศาสตร์ มหาวิทยาลยั ราชภฏั ยะลา นางสาวฟารีดา นาวี รหสั 405836042 สาขาวิชา สารสนเทศศาสตร์ คณะมนุษยศาสตรแ์ ละสงั คมศาสตร์ มหาวทิ ยาลยั ราชภฏั ยะลา