ท...
TRANSCRIPT
![Page 1: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/1.jpg)
![Page 2: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/2.jpg)
ท�ำเรองยำกใหเปนเรองงำยดวย
Infographics
เอกสารความร สดร.ล�าดบท ๓ / ปงบประมาณ ๒๕๕๙
สถาบนด�ารงราชานภาพ
ส�านกงานปลดกระทรวงมหาดไทย
![Page 3: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/3.jpg)
![Page 4: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/4.jpg)
คำ�นำ�
สถาบนด�ารงราชานภาพส�านกงานปลดกระทรวงมหาดไทยไดจดท�า
“เอกสารความรสดร.”ฉบบท๓/ปงบประมาณ๒๕๕๙เรอง“ท�าเรองยาก
ใหเปนเรองงายดวย Infographics” โดย นางสาววไลภรณ ศรไพศาล
นกวชาการคอมพวเตอรช�านาญการศนยเทคโนโลยสารสนเทศและการสอสาร
ส�านกงานปลดกระทรวงมหาดไทย เพอเผยแพรองคความรเกยวกบการใช
เทคโนโลยใหมๆ ในการประชาสมพนธหรอน�าเสนอเนอหาขอมลทมปรมาณมาก
หรอเปนเรองทเขาใจยากและมความซบซอนใหเปนภาพทสามารถมองแลว
เขาใจเรองราวทผสอสารตองการน�าเสนอไดอยางรวดเรว อยางไรกตาม
“เอกสารความรสดร.”นเปนการแนะน�าท�าความเขาใจเนอหาเบองตนเทานน
ส�าหรบผทประสงคจะจดท�าInfograhicsในเรองตางๆ จะตองท�าการศกษา
คนควาและฝกปฏบตเพมเตมควบคกนไป
เอกสารความร สดร. ฉบบน น�าลงเผยแพรทางเวบไซตของสถาบน
ด�ารงราชานภาพ(www.stabundamrong.go.th)ดวย
(นายชชวาลยฉายะบตร)
ผอ�านวยการสถาบนด�ารงราชานภาพ
บรรณาธการบรหารเอกสารความรสดร.
![Page 5: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/5.jpg)
![Page 6: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/6.jpg)
1ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
นางสาววไลภรณ ศรไพศาล
นกวชาการคอมพวเตอรช�านาญการ
ศนยเทคโนโลยสารสนเทศและการสอสาร สป.
๑. อนโฟกรำฟกส (Infographics) คออะไร?
องคกรทงภาครฐและเอกชน ตระหนกถงความส�าคญในการน�าเสนอ
ขอมลสกลมเปาหมาย เมอหนวยงานท�างานเยอะ มผลการด�าเนนงานมากมาย
ขอมลกลนหลามเปนเงาตามตว การน�าเสนอขอมลในรปแบบของตารางหรอ
กราฟ ซงเคยเปนตวเลอกทดในการน�าเสนอขอมล กลบกลายเปนสงทนาเบอ
เมอเทยบกบการน�าเสนอขอมลดวยกราฟกทสวยงามสะดดตา เมอองคกร
ใหความส�าคญกบการประชาสมพนธผลงาน โดยสรรหาวธการน�าเสนอขอมล
ในรปแบบทแตกตางจากเดม เพมเตมจากการประชาสมพนธแบบอน
เพอสรางการรบรแกประชาชนอยางตอเนอง จงมการใชขอมล (Information)
+ กราฟก (Graphics) เพอแปลงขอมลทเปนนามธรรม ปรมาณมาก เขาใจยาก
นาเบอ ใหกลายเปนขอมลทกระชบ เขาใจงาย นาสนใจ ตามส�านวนทวา
“ภาพหนงภาพแทนค�าพดนบพนค�า”
ในปจจบนองคกรตาง ๆ นยมใชอนโฟกราฟกสกนแพรหลาย ตวอยาง
เชน การรายงานขาวโทรทศน/หนงสอพมพ บทความในนตยสาร การสราง
ภาพลกษณขององคกรหรอสนคาใหดทนสมย กจกรรมทางการตลาด
(การสงเสรมการขาย การโฆษณา การประชาสมพนธ) การรณรงคเพอเปลยนแปลง
ทศนคตซงน�าไปส การเปลยนแปลงพฤตกรรม เปนตน หนวยงานใด
![Page 7: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/7.jpg)
2 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
น�าเสนออนโฟกราฟกสทสรปเรองราวทซบซอนใหเขาใจไดงาย มกราฟก
สวยสะดดตานาสนใจ กมกจะไดรบการหยบยกไปอางอง ตพมพ หรอเผยแพร
ตอ ๆ ไปในสอตาง ๆ อยางไมรจบ โดยเฉพาะการสงตอใน Social Media เชน
LINE, Facebook, Instagram, WhatsApp, Twitter และอน ๆ อกมากมาย
อนโฟกราฟกสจงกลายเปนการเผยแพรขอมลททรงพลงโดยไมมคาใชจายใด ๆ
เพมเตมจากทไดจายไปแลวในการสรางชนงานในคราวแรก
การประชาสมพนธโครงการดวยอนโฟกราฟกส (ทมา : http://www.chevronthailand.com)
![Page 8: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/8.jpg)
3ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
การรณรงคเพอเปลยนแปลงทศนคตและพฤตกรรมดวยอนโฟกราฟกส(ทมา : http://www.dogilike.com)
การสรปกระบวนการขนบญชสงประดษฐดวยอนโฟกราฟกส(ทมา : http://www.nrct.go.th)
![Page 9: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/9.jpg)
4 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
รายงานพยากรณอากาศดวยอนโฟกราฟกส(ทมา : http://www.tmd.go.th/)
![Page 10: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/10.jpg)
5ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๒. กำรใชอนโฟกรำฟกสใหมพลง
แมวาจะมการใชอนโฟกราฟกสอยางแพรหลาย แตการสรางชนงาน
อนโฟกราฟกสไมใชเรองงาย จงตองพจารณาใหถถวนกอนตดสนใจน�าอนโฟ
กราฟกสมาใชเปนเครองมอในการสอสารน�าเสนอขอมลสกลมเปาหมาย
บทความในเวบไซต http://wedomarketing.com (๑)
โดย Warren Lutz
นกเขยนและนกประชาสมพนธมออาชพ สรปไวดงน
๒.๑ พจำรณำเหตผลในกำรใชอนโฟกรำฟกส อยาเลอกใชเพยง
เพราะเหนวาทนสมย หรอเจานายสงใหท�า ควรเลอกใชเมอพจารณาแลวเหน
วาอนโฟกราฟกสจะท�าใหผอานเขาใจดวยภาพไดดกวาขอมลจ�านวนมหาศาล
๒.๒ ก�ำหนดเปำหมำยในกำรสอสำร เลอกหวขอหรอประเดน
ทตรงกบวตถประสงคในการสอสารหรอน�าเสนอขอมล
๒.๓ คนควำ รวบรวม และวเครำะหขอมล แตใชเฉพำะขอมล
ทถกตอง เนนตวเลข/ขอมลทนาประหลาดใจหรอทาทายความเชอพนฐานทวไป
โดยตรวจทานใหแนใจวาขอมลทงหมดมแหลงทมาทนาเชอถอ
๒.๔ สน กระชบ ควรใชเวลาอานไมเกน ๑๐ นาท สรปใหไดใน ๑๐ ค�า
หากผอานไมสามารถรบรขอความส�าคญ (key messages) ภายใน ๑ - ๒ นาท
แสดงวาชนงานนนใชไมไดผล
๒.๕ คดใหเปนภำพ ไมใชแคการเลอกใชรปแบบตวอกษร (font)
ทสวยงาม แตตองออกแบบกราฟกใหโดดเดนและดงดดความสนใจจากผอาน
การสรางชนงานอนโฟกราฟกสแตละชนตองใชเวลาและพลงงานในการ
สรางสรรคมากกวาทผอานจะใชเวลาและพลงงานในการรบรขอมลจาก
อนโฟกราฟกส แตถาเปาหมายของคณคอการสรางกลมผตดตาม (fan club)
จะมเครองมออนไมกชนดเทานนทจะทรงพลงไดเทาการใชอนโฟกราฟกส
![Page 11: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/11.jpg)
6 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ขอมลทแสดงในรปแบบกราฟ (graph)
ขอมลทแสดงในรปแบบอนโฟกราฟกส (Infographics) (ทมา : http://createyournextcustomer.com/2013/08/27/
infographic-the-state-of-multimedia-use-in-pr/)
![Page 12: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/12.jpg)
7ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๓. วำดกรำฟกเองไมเปน ควรท�ำอยำงไร?
วธการคนหารปภาพมาประกอบการท�าอนโฟกราฟกสแบบเดม
ทคนเคยกนคอการคนหารปภาพดวยวธพมพค�าคนลงไปในชอง Search
ผลการคนหาจะมจ�านวนมากมายมหาศาล หลากหลายรปแบบ ลวนสวยงาม
นาใชงาน แตอยาลมวาการน�ารปภาพเหลานนมาใชงานอาจมความเสยง
ตอการละเมดทรพยสนทางปญญา ซงเวบไซต search engine ตาง ๆ
สามารถคดกรองการคนหารปภาพได ตวอยางเชน เวบไซต google (๒)
เมอคลกเลอก “คนรป” และ “เครองมอคนหา” แลวจะมเมนปรากฏขน
ใหคลกท “สทธในการใชงาน” โดยมสทธในการใชงาน ๕ รปแบบ ดงน
๑) ไมถกกรองตามใบอนญาต ๒) ตดปายก�ากบวาสามารถใชซ�าและแกไขได
๓) ตดปายก�ากบวาสามารถใชซ�า ๔) ตดปายก�ากบวาสามารถใชซ�าในงาน
ทไมใชเชงพาณชยและแกไขได ๕) ตดปายก�ากบวาสามารถใชซ�าในงาน
ทไมใชเชงพาณชย อยางไรกตาม ขอแนะน�าใหคลกเขาไปอานรายละเอยด
สทธการใชงานของแตละรปภาพเพอความแนใจอกครงหนงดวย
การใชเครองมอคนหาในการคดกรองสทธในการใชงานรปภาพ
![Page 13: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/13.jpg)
8 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
นอกจากน ยงมเวบไซตทอนญาตใหดาวนโหลดภาพไดโดยไมคด
คาใชจาย ตวอยางเชน openclipart.org (๓) ซงอนญาตใหใชคลปอารต (clipart)
ภายใตสญญาอนญาต Public Domain (PD, CC0) หมายความวาสามารถ
น�าไปใชงานไดโดยไมตองกงวลกบ “ลขสทธ” เวบไซต iconfinder.com (๔)
อนญาตใหใชไอคอน (icon) ซงมทงฟรและคดคาใชจาย โดยเวบไซตจะม
เครองมอคดกรองสทธในการใชงาน เปนตน
การคนหาภาพในเวบไซต openclipart.org
การคนหาภาพในเวบไซต iconfinder.com
![Page 14: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/14.jpg)
9ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๔. กำรออกแบบอนโฟกรำฟกส
๔.๑ กระบวนกำรสรำงอนโฟกรำฟกส มผเขยนหนงสอและบทความเกยวกบขนตอนหรอกระบวนการสรางชนงานอนโฟกราฟกสมากมายหลายทฤษฎ บางทฤษฎมเพยงไมกขนตอน ในขณะทบางทฤษฎมขนตอนมากมาย เมอพจารณาจากหวใจหลกแลวสามารถสรปกระบวนการได ดงน ๑) วเคราะห (Analysis) คนควา ส�ารวจ และรวมรวมขอมล น�าขอมลทหาไดมาจบใจความส�าคญของเนอหา และยอยเนอหาใหกระชบ แยกประเภทของขอมลใหเปนหมวดหมเพองายตอการจดล�าดบใจความส�าคญ พจารณาขอมลทมวาจะน�าเสนอสรางเรองราวใหเขาใจงายและนาสนใจไดอยางไร ๒) ออกแบบ (Design) พจารณาวธการเลาเรองหรอรปแบบการน�าเสนอ วางแผนการเลาเรองวาจะเรมตนอยางไร (ค�าน�า) จดล�าดบความส�าคญโดยแบงเนอหาออกเปนสวน ๆ แตละสวนมประเดนหลกและประเดนรอง (เนอหา) และจะลงทายอยางไร (บทสรป) ผออกแบบตองมทกษะในการเลาเรองใหกระชบ มความสามารถในการเลอกใชถอยค�าทสนแตมความหมายครบถวน และโดนใจผอาน
๓) ด�าเนนการ (Implement) เปลยนขอความเปนภาพ สรางและจดเรยงกราฟกซงมลกษณะตาง ๆ เชน เสน กลอง ลกศร สญลกษณ กราฟ แผนภม แผนภาพ แผนท ฯลฯ ใหสอความหมายตามทออกแบบไว ในขนตอนนจะตองมทกษะในการใชองคประกอบศลป เพอดงดดความสนใจใหมคนมาดมาอาน องคประกอบศลปทควรค�านงถง ไดแก กำรใชสและสญลกษณทเปนสำกล เพอใหเขาใจงายและจดจ�าไดเรว เชน สเขยวแทนตนไม สฟาแทนทะเล กำรใชสดสวนตามธรรมชาต เพราะจะมความงามทเหมาะสม
![Page 15: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/15.jpg)
10 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทสด ควำมสมดลซาย-ขวาเทากน ใชกรณมขอมลทส�าคญเทากน ภาพซาย-ขวาไมเทากนกรณตองการเนนใหเหนความแตกตาง กำรใชจงหวะซ�า ๆ จะท�าใหจดกลมของขอมลในการน�าเสนอไดงาย แตควรมการเวนระยะเพอพกสายตา และลดความอดอด กำรเลอกใชสใหเกดความสวยงาม นาสนใจ กอใหเกดความเราอารมณ เกดผลกระทบตอการตดสนใจและการสอสารของสมอง เชน การใชสแดงในสวนทเปนอนตราย ควรเลอกใชสทเขากนไดเพอใหมความเปนเอกภาพ และใชสทแตกตางเฉพาะจดทตองการเนนใหเดน ๔) ตรวจสอบ (Testing) วากราฟกมความถกตองตรงกบขอมลหรอไม ๕) ประเมนผล (Evaluation) วาสามารถสอสารไดตรงตามวตถประสงคหรอไม หากยงไมสามารถสอความหมายตามตองการได ใหวเคราะหอกครง แลวปรบปรงวธการเลาเรองหรอรปแบบการน�าเสนอ รวมทงปรบปรงกราฟกหรอสรางชนงานใหม สดทายคอทดสอบและประเมนผล ด�าเนนการเชนนเรอยไปจนกวาชนงานทสรางขนจะบรรลวตถประสงคทตองการ จงน�าไปเผยแพรในสอตาง ๆ ตอไป
กระบวนการจดท�าชนงานอนโฟกราฟกส
![Page 16: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/16.jpg)
11ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
อนโฟกราฟกสแบบภาพนง(ทมา : http://www.riskcomthai.org)
![Page 17: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/17.jpg)
12 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๔.๒ ประเภทของอนโฟกรำฟกส โดยทวไปแบงออกเปน ๓
ประเภท (๕, ๖)
ดงน
๑) แบบภาพนง (Static infographics) เชน แผนพบ โปสเตอร
หนงสอภาพ หรอเปนสวนหนงในบทความในนตยสารหรอหนงสอพมพ ภาพ
กราฟกประกอบขาวโทรทศน ฯลฯ ซงพรอมสงตอในสอดจทลไดงาย เชน
การสงอเมล การน�าไปใชประกอบบทความในเวบไซต การสงตอใน Social
Media เชน LINE, Facebook, Instagram เปนตน อนโฟกราฟกสประเภท
นจะไมมการเปลยนแปลงหรอปรบปรงเนอหา
๒) แบบมปฏสมพนธ (Interactive infographics) เหมาะกบ
การบรรยายขอมลทมปรมาณมากและซบซอน ผอานสามารถดขอมลเชงลก
เพมเตมได ผสรางชนงานสามารถเปลยนแปลงเนอหาหรอปรบปรงขอมล
ใหเปนปจจบนได ดตวอยางไดทเวบไซต http://thesolutionsproject.org
๓) แบบภาพเคลอนไหว (Motion graphic) เปนการสราง
ภาพกราฟกใหมการเคลอนไหวไดในหลายมต แตกตางจากแอนเมชน
(animation) ตรงทไมมตวละครเปนตวด�าเนนเรอง หรอมบทพด และ
ตดฉากสลบเหมอนภาพยนตร แตจะเปนการสรางการเคลอนไหวใหกราฟก
และใชการพากยเสยงบรรยายประกอบ (๗) แมวาอนโฟกราฟกสประเภทน
จะมประสทธภาพมากทสด เนองจากสามารถดงดดใหผชมรสกมสวนรวม
ไดมากกวาแบบภาพนง และแบบมปฏสมพนธโตตอบได แตการออกแบบ
ชนงานจะยากขน ตองใชเครองมอเพมขน หมายความวาคาใชจายในการ
สรางชนงานจะเพมขนเปนเงาตามตว ดตวอยางไดท https://vimeo.
com/91469355 และ https://youtu.be/USTU_0tfc4w
![Page 18: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/18.jpg)
13ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๔.๓ วธกำรเลำเรองหรอรปแบบกำรน�ำเสนอ การจดวางแบบหนา
(layout) เพอเลาเนอหาใหนาสนใจนน ขนอยกบความคดสรางสรรคของ
ผออกแบบ การจดวางภาพ ตวอกษร ตลอดจนองคประกอบอน ๆ จงไมม
หลกตายตวในการก�าหนดรปแบบการน�าเสนอ ตวอยางเชน See Mei Chow (๘)
เสนอ layout ๖ รปแบบ ในขณะทเวบไซต infographic.in.th (๙)
เสนอ layout ๙ รปแบบ ดงตาราง
See Mei Chow infographic.in.th
๑) Useful Bait ๑) Useful Bait
๒) Road Map ๒) Road Map
๓) Timeline ๓) Timeline
๔) Versus/Comparison ๔) Comparison
๕) Visualized Article ๕) Visualized Article
๖) Heavy Data/Number Porn ๖) Number Porn
๗) Listed
๘) Structure
๙) Flowchart
![Page 19: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/19.jpg)
14 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
การจดวางแบบหนา (layout)โดย See Mei Chow
(๘)
![Page 20: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/20.jpg)
15ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๑) Useful Bait ตองใหความส�าคญกบการอานงาย และความเขาใจงาย มากกวาความสวยงาม
ทมาภาพตวอยาง : http://www.nstda.or.th
![Page 21: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/21.jpg)
16 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๒) Road Map เรองตองนาสนใจมากพอทผอานอยากจะรทละขนตอน
ทมาภาพตวอยาง : http://www.thaihealth.or.th
![Page 22: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/22.jpg)
17ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๓) Timeline ใชความหางของแตละจด ชวยบอกความหางของแตละชวงเวลาได
ทมาภาพตวอยาง : https://ictlawcenter.etda.or.th/de_laws
![Page 23: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/23.jpg)
18 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๔) Comparison ใชการจดวางทเหมอนกนทงสองฝง ท�าใหเหนความตางทชดเจน ใชสคตรงขามแบงฝง ท�าใหดงายขน
ทมาภาพตวอยาง : http://www.qlf.or.th
![Page 24: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/24.jpg)
19ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๕) Visualized Article สรปบทความและเลอกประเดนกอนน�าเสนอ
ทมาภาพตวอยาง : http://www.tnrr.in.th
![Page 25: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/25.jpg)
20 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๖) Number Porn ไมใชแคมตวเลขมาก แตตวเลขตองนาสนใจ หรอเกยวของกบผอานมากพอ
มาภาพตวอยาง : http://www.nstda.or.th
![Page 26: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/26.jpg)
21ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๗) Listed ลองวเคราะหวาขอไหนสามารถรวบเปนขอเดยวกนได
ทมาภาพตวอยาง : http://www.dtl.go.th
![Page 27: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/27.jpg)
22 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๘) Structure พยายามสรางภาพใหเหนแตละสวนประกอบ เชน ภาพ
เหมอนสแกนเขาไปภายใน หรอการแยกแตละสวนออกหางกน ไมซอนกน
ทมาภาพตวอยาง : http://www.dtl.go.th
![Page 28: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/28.jpg)
23ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ทมา : http://www.infographic.in.th
๙) Flowchart ระวงเรองความยงเหยงของเสน ใชสชวยแยกเสน ลดความสบสนในการอาน
ทมาภาพตวอยาง : http://www.manager.co.th
![Page 29: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/29.jpg)
24 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๕. พชตชยดวยอนโฟกรำฟกส
ตามทกลาวมาขางตน ดเหมอนวาการสรางชนงานอนโฟกราฟกส
แตละชนไมใชเรองงาย บางหนวยงานยนดจดสรรงบประมาณเพอจาง
ผเชยวชาญมาผลตชนงาน ผลทไดคอชนงานตามแบบมออาชพ แตกรณท
ไมประสงคจะใชงบประมาณกบสอชนดนมากเกนความจ�าเปน บคลากรของ
หนวยงานกสามารถผลตชนงานแบบมอสมครเลนไดโดยไมยากเกนไปในการ
เรยนรและฝกปฏบตใหช�านาญ ไมจ�าเปนตองใชโปรแกรมตกแตงภาพ
โปรแกรมตดตอวดโอ โปรแกรมสรางแอนเมชน ฯลฯ ซงมคาใชจายสง
(คาสทธในการใชงานแพง)
ตวอยางเชน โปรแกรม Microsoft PowerPoint (มคาใชจายในการ
ซอสทธในการใชงาน แตเปนโปรแกรมทสวนใหญจะมในเครองอยแลว)
โดยปรบขนาดสไลดใหเปนแบบก�าหนดเอง (Custom) แลวบนทกเปน
ไฟลรปภาพ bmp, gif, jpg, png ฯลฯ (แนะน�าใหบนทกเปน png) เนองจาก
โปรแกรมนมหลายเวอรชนซงมเมนทแตกตางกนไป จงขอแนะน�าใหกดปม
F1 บนแปนพมพ (keyboard) พมพคนหา (search) ค�าวา “ขนาดภาพนง”
หรอ slide size แลวท�าตามค�าแนะน�าทแสดงขนมา ลองค�านวณวาความละเอยด
ของสไลดอยท ๙๖ dpi (ขนาดสไลด ๑ นวมคาเทากบ ๙๖ พกเซล) ดงนน
อยากไดชนงานอนโฟกราฟกสขนาดใด เอามาหารดวย ๙๖ เชน ขนาดชนงาน
กวาง ๙๖๐ พกเซล ยาว ๒๘๘๐ พกเซล ใหก�าหนดขนาดสไลดเปน
กวาง ๑๐ นว ยาว ๓๐ นว นอกจากการเปดคนหาภาพกราฟฟกส�าเรจรป
ทมอยในโปรแกรมแลว คณยงสามารถสรางรปกราฟฟกแบบงาย ๆ เชน
คน คอมพวเตอร ส�าหรบใชงานไดเองโดยใชรปทรงเรขาคณตมาประกอบกน
หากหมนฝกฝนจนช�านาญ จากมอสมครเลนกสามารถกลายเปนมออาชพได
ในไมชา
![Page 30: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/30.jpg)
25ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ตวอยาง โปรแกรมตกแตงภำพ ทผ พฒนาอนญาตใหใชงาน โดยไมคดคาใชจาย - LibreOffice Draw (https://www.libreoffice.org/discover/draw/) - Inkscape (https://inkscape.org/en/download/) - Calligra (https://www.calligra.org/karbon/) - PhotoScape (http://photoscape.me/) - sK1 (http://sk1project.org/) - Skencil (http://www.skencil.org/) เวอรชน ๗ จงจะท�างาน
บนระบบปฏบตการ Microsoft Windows ได - และอน ๆ อกมากมาย
ตวอยาง โปรแกรมสรำงแอนเมชนทผ พฒนาอนญาตใหใชงาน โดยไมคดคาใชจาย - Pencil2D (http://www.pencil2d.org/) - Blender (https://www.blender.org/download) - Maya (http://www.autodesk.com/education/free-software/maya) - AnimationPaper (http://animationpaper.com/old-pap-free-download/) - Plotagon (https://plotagon.com/download)
- และอน ๆ อกมากมาย
![Page 31: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/31.jpg)
26 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
ตวอยาง เวบไซตสรำงอนโฟกรำฟกสทผพฒนาอนญาตใหใชงาน
โดยไมคดคาใชจาย
- Piktochart (https://magic.piktochart.com/users/sign_up)
- infogram (https://infogr.am/)
- easelly (http://www.easel.ly/)
- และอน ๆ อกมากมาย
การใชอนโฟกราฟกสใหมประสทธภาพนน ตองเลาเรอง
ใหนาสนใจ สวยสะดดตาใหคนหนมามอง โดดเดนและเปนทนาจดจ�า
แตตองกระชบ เมออานแลวเขาใจไดอยางรวดเรวและชดเจน
โดยไมตองมค�าอธบายเพมเตม เรยบงายแตไมเชย เมอคณสามารถ
ผลตอนโฟกราฟกสทมประสทธภาพได เปาหมายในการพชตชยชนะ
กจะขยบเขามาใกลมากขนดวย
![Page 32: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/32.jpg)
27ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
เอกสำรอำงอง
๑. Lutz, Warren. (posted 2014, edited 2015). Creating
Infographics: 5 Things to Know. http://wedomarketing.com/
blog/creating-infographics-5-things-to-know/
๒. เวบไซตกเกล. สบคนเมอ ๒๔ พฤษภาคม ๒๕๕๙, จาก http://
www.google.com
๓. เวบไซตโอเพนคลปอารต. สบคนเมอ ๒๔ พฤษภาคม ๒๕๕๙,
จาก https://openclipart.org
๔. เวบไซตไอคอนไฟเดอร. สบคนเมอ ๒๔ พฤษภาคม ๒๕๕๙,
จาก https://www.iconfinder.com
๕. Eric. (2015). Understanding Infographics: A Look at Static,
Interactive, and Motion Design. http://killerinfographics.com/
understanding-infographics-a-look-at-static-interactive-and-
motion-design.html
๖. Mortensen, Elizabeth. (n.d.) Infographics : Three Formats
for Communicating Information. https://www.propointgraphics.
com/blog/infographics-three-formats-for-communicating-
information/
๗. Infographic Thailand. (n.d.) เบองหลงกำรท�ำ motion graphic
1 ชน, สบคนเมอ ๒๔ พฤษภาคม ๒๕๕๙, จาก http://infographic.in.th/
infographic/เบองหลงการท�า-motion-graphic-1-ชน
![Page 33: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/33.jpg)
28 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics
๘. See Mei Chow. (2015). Layout Cheat Sheet : Making the Best Out of Visual Arrangement. https://piktochart.com/blog/layout-cheat-sheet-making-the-best-out-of-visual-arrangement/ ๙. Infographic Thailand. (n.d.) ออกแบบ Infographic ดวย ๙ Layout. สบคนเมอ ๒๔ พฤษภาคม ๒๕๕๙, จาก http://infographic.in.th/infographic/ออกแบบ-infographic-ดวย-9-layout
![Page 34: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/34.jpg)
คณะผจดท�ำ
บรรณำธกำรบรหำร นายชชวาลย ฉายะบตร ผอ�านวยการสถาบนด�ารงราชานภาพ
ทปรกษำกองบรรณำธกำร นางณรมล เกดแกว ผเชยวชาญเฉพาะดานนโยบายและแผน
หวหนำกองบรรณำธกำร นายอภชย ชยชมภ ผอ�านวยการสวนพฒนาและบรหารจดการ
ความร
กองบรรณำธกำร นางวนเพญ ทรงววฒน นายบญชา ดวงดแกว นางระวพรรณ แกวเพยงเพญ น.ส.สพตรา บญถง นางกาญจนา แจมมนทร นางแขไข เจรญอาจ น.ส.วบลพรรณ เปาอนทร น.ส.สภาพ ปอมมะลง ศลปกรรม/จดท�ำรปเลม นางสาวอจนา เตชะพนธ
สวนพฒนาและบรหารจดการความร สถาบนด�ารงราชานภาพส�านกงานปลดกระทรวงมหาดไทย โทร. ๐-๒๒๒๑-๕๙๕๘, ๕๐๗๗๙ (สอสาร สป.มท.)
“บทความหรอขอคดเหนใดๆ ทปรากฏในเอกสารความร สดร.เปนวรรณกรรมของผเขยนโดยเฉพาะ
สถาบนด�ารงราชานภาพและกองบรรณาธการไมจ�าเปนตองเหนดวย”
![Page 35: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/35.jpg)
![Page 36: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/36.jpg)
พมพท บรษท บพธการพมพ จำากด 70 ถ.ราชบพธ แขวงวดราชบพธ เขตพระนคร กทม. 10200โทร. 0-2222-5555, 0-2221-9781 โทรสาร 0-2221-6433 นายยอดยง โสภณ ผพมพผโฆษณา พ.ศ. 2559
E-mail Address : [email protected]
![Page 37: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/37.jpg)
![Page 38: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย](https://reader035.vdocuments.mx/reader035/viewer/2022070722/5f01d3537e708231d401399c/html5/thumbnails/38.jpg)