38

ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย
Page 2: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

ท�ำเรองยำกใหเปนเรองงำยดวย

Infographics

เอกสารความร สดร.ล�าดบท ๓ / ปงบประมาณ ๒๕๕๙

สถาบนด�ารงราชานภาพ

ส�านกงานปลดกระทรวงมหาดไทย

Page 3: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย
Page 4: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

คำ�นำ�

สถาบนด�ารงราชานภาพส�านกงานปลดกระทรวงมหาดไทยไดจดท�า

“เอกสารความรสดร.”ฉบบท๓/ปงบประมาณ๒๕๕๙เรอง“ท�าเรองยาก

ใหเปนเรองงายดวย Infographics” โดย นางสาววไลภรณ ศรไพศาล

นกวชาการคอมพวเตอรช�านาญการศนยเทคโนโลยสารสนเทศและการสอสาร

ส�านกงานปลดกระทรวงมหาดไทย เพอเผยแพรองคความรเกยวกบการใช

เทคโนโลยใหมๆ ในการประชาสมพนธหรอน�าเสนอเนอหาขอมลทมปรมาณมาก

หรอเปนเรองทเขาใจยากและมความซบซอนใหเปนภาพทสามารถมองแลว

เขาใจเรองราวทผสอสารตองการน�าเสนอไดอยางรวดเรว อยางไรกตาม

“เอกสารความรสดร.”นเปนการแนะน�าท�าความเขาใจเนอหาเบองตนเทานน

ส�าหรบผทประสงคจะจดท�าInfograhicsในเรองตางๆ จะตองท�าการศกษา

คนควาและฝกปฏบตเพมเตมควบคกนไป

เอกสารความร สดร. ฉบบน น�าลงเผยแพรทางเวบไซตของสถาบน

ด�ารงราชานภาพ(www.stabundamrong.go.th)ดวย

(นายชชวาลยฉายะบตร)

ผอ�านวยการสถาบนด�ารงราชานภาพ

บรรณาธการบรหารเอกสารความรสดร.

Page 5: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย
Page 6: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

1ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

นางสาววไลภรณ ศรไพศาล

นกวชาการคอมพวเตอรช�านาญการ

ศนยเทคโนโลยสารสนเทศและการสอสาร สป.

๑. อนโฟกรำฟกส (Infographics) คออะไร?

องคกรทงภาครฐและเอกชน ตระหนกถงความส�าคญในการน�าเสนอ

ขอมลสกลมเปาหมาย เมอหนวยงานท�างานเยอะ มผลการด�าเนนงานมากมาย

ขอมลกลนหลามเปนเงาตามตว การน�าเสนอขอมลในรปแบบของตารางหรอ

กราฟ ซงเคยเปนตวเลอกทดในการน�าเสนอขอมล กลบกลายเปนสงทนาเบอ

เมอเทยบกบการน�าเสนอขอมลดวยกราฟกทสวยงามสะดดตา เมอองคกร

ใหความส�าคญกบการประชาสมพนธผลงาน โดยสรรหาวธการน�าเสนอขอมล

ในรปแบบทแตกตางจากเดม เพมเตมจากการประชาสมพนธแบบอน

เพอสรางการรบรแกประชาชนอยางตอเนอง จงมการใชขอมล (Information)

+ กราฟก (Graphics) เพอแปลงขอมลทเปนนามธรรม ปรมาณมาก เขาใจยาก

นาเบอ ใหกลายเปนขอมลทกระชบ เขาใจงาย นาสนใจ ตามส�านวนทวา

“ภาพหนงภาพแทนค�าพดนบพนค�า”

ในปจจบนองคกรตาง ๆ นยมใชอนโฟกราฟกสกนแพรหลาย ตวอยาง

เชน การรายงานขาวโทรทศน/หนงสอพมพ บทความในนตยสาร การสราง

ภาพลกษณขององคกรหรอสนคาใหดทนสมย กจกรรมทางการตลาด

(การสงเสรมการขาย การโฆษณา การประชาสมพนธ) การรณรงคเพอเปลยนแปลง

ทศนคตซงน�าไปส การเปลยนแปลงพฤตกรรม เปนตน หนวยงานใด

Page 7: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

2 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

น�าเสนออนโฟกราฟกสทสรปเรองราวทซบซอนใหเขาใจไดงาย มกราฟก

สวยสะดดตานาสนใจ กมกจะไดรบการหยบยกไปอางอง ตพมพ หรอเผยแพร

ตอ ๆ ไปในสอตาง ๆ อยางไมรจบ โดยเฉพาะการสงตอใน Social Media เชน

LINE, Facebook, Instagram, WhatsApp, Twitter และอน ๆ อกมากมาย

อนโฟกราฟกสจงกลายเปนการเผยแพรขอมลททรงพลงโดยไมมคาใชจายใด ๆ

เพมเตมจากทไดจายไปแลวในการสรางชนงานในคราวแรก

การประชาสมพนธโครงการดวยอนโฟกราฟกส (ทมา : http://www.chevronthailand.com)

Page 8: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

3ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

การรณรงคเพอเปลยนแปลงทศนคตและพฤตกรรมดวยอนโฟกราฟกส(ทมา : http://www.dogilike.com)

การสรปกระบวนการขนบญชสงประดษฐดวยอนโฟกราฟกส(ทมา : http://www.nrct.go.th)

Page 9: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

4 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

รายงานพยากรณอากาศดวยอนโฟกราฟกส(ทมา : http://www.tmd.go.th/)

Page 10: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

5ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

๒. กำรใชอนโฟกรำฟกสใหมพลง

แมวาจะมการใชอนโฟกราฟกสอยางแพรหลาย แตการสรางชนงาน

อนโฟกราฟกสไมใชเรองงาย จงตองพจารณาใหถถวนกอนตดสนใจน�าอนโฟ

กราฟกสมาใชเปนเครองมอในการสอสารน�าเสนอขอมลสกลมเปาหมาย

บทความในเวบไซต http://wedomarketing.com (๑)

โดย Warren Lutz

นกเขยนและนกประชาสมพนธมออาชพ สรปไวดงน

๒.๑ พจำรณำเหตผลในกำรใชอนโฟกรำฟกส อยาเลอกใชเพยง

เพราะเหนวาทนสมย หรอเจานายสงใหท�า ควรเลอกใชเมอพจารณาแลวเหน

วาอนโฟกราฟกสจะท�าใหผอานเขาใจดวยภาพไดดกวาขอมลจ�านวนมหาศาล

๒.๒ ก�ำหนดเปำหมำยในกำรสอสำร เลอกหวขอหรอประเดน

ทตรงกบวตถประสงคในการสอสารหรอน�าเสนอขอมล

๒.๓ คนควำ รวบรวม และวเครำะหขอมล แตใชเฉพำะขอมล

ทถกตอง เนนตวเลข/ขอมลทนาประหลาดใจหรอทาทายความเชอพนฐานทวไป

โดยตรวจทานใหแนใจวาขอมลทงหมดมแหลงทมาทนาเชอถอ

๒.๔ สน กระชบ ควรใชเวลาอานไมเกน ๑๐ นาท สรปใหไดใน ๑๐ ค�า

หากผอานไมสามารถรบรขอความส�าคญ (key messages) ภายใน ๑ - ๒ นาท

แสดงวาชนงานนนใชไมไดผล

๒.๕ คดใหเปนภำพ ไมใชแคการเลอกใชรปแบบตวอกษร (font)

ทสวยงาม แตตองออกแบบกราฟกใหโดดเดนและดงดดความสนใจจากผอาน

การสรางชนงานอนโฟกราฟกสแตละชนตองใชเวลาและพลงงานในการ

สรางสรรคมากกวาทผอานจะใชเวลาและพลงงานในการรบรขอมลจาก

อนโฟกราฟกส แตถาเปาหมายของคณคอการสรางกลมผตดตาม (fan club)

จะมเครองมออนไมกชนดเทานนทจะทรงพลงไดเทาการใชอนโฟกราฟกส

Page 11: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

7ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

๓. วำดกรำฟกเองไมเปน ควรท�ำอยำงไร?

วธการคนหารปภาพมาประกอบการท�าอนโฟกราฟกสแบบเดม

ทคนเคยกนคอการคนหารปภาพดวยวธพมพค�าคนลงไปในชอง Search

ผลการคนหาจะมจ�านวนมากมายมหาศาล หลากหลายรปแบบ ลวนสวยงาม

นาใชงาน แตอยาลมวาการน�ารปภาพเหลานนมาใชงานอาจมความเสยง

ตอการละเมดทรพยสนทางปญญา ซงเวบไซต search engine ตาง ๆ

สามารถคดกรองการคนหารปภาพได ตวอยางเชน เวบไซต google (๒)

เมอคลกเลอก “คนรป” และ “เครองมอคนหา” แลวจะมเมนปรากฏขน

ใหคลกท “สทธในการใชงาน” โดยมสทธในการใชงาน ๕ รปแบบ ดงน

๑) ไมถกกรองตามใบอนญาต ๒) ตดปายก�ากบวาสามารถใชซ�าและแกไขได

๓) ตดปายก�ากบวาสามารถใชซ�า ๔) ตดปายก�ากบวาสามารถใชซ�าในงาน

ทไมใชเชงพาณชยและแกไขได ๕) ตดปายก�ากบวาสามารถใชซ�าในงาน

ทไมใชเชงพาณชย อยางไรกตาม ขอแนะน�าใหคลกเขาไปอานรายละเอยด

สทธการใชงานของแตละรปภาพเพอความแนใจอกครงหนงดวย

การใชเครองมอคนหาในการคดกรองสทธในการใชงานรปภาพ

Page 13: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

8 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

นอกจากน ยงมเวบไซตทอนญาตใหดาวนโหลดภาพไดโดยไมคด

คาใชจาย ตวอยางเชน openclipart.org (๓) ซงอนญาตใหใชคลปอารต (clipart)

ภายใตสญญาอนญาต Public Domain (PD, CC0) หมายความวาสามารถ

น�าไปใชงานไดโดยไมตองกงวลกบ “ลขสทธ” เวบไซต iconfinder.com (๔)

อนญาตใหใชไอคอน (icon) ซงมทงฟรและคดคาใชจาย โดยเวบไซตจะม

เครองมอคดกรองสทธในการใชงาน เปนตน

การคนหาภาพในเวบไซต openclipart.org

การคนหาภาพในเวบไซต iconfinder.com

Page 14: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

9ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

๔. กำรออกแบบอนโฟกรำฟกส

๔.๑ กระบวนกำรสรำงอนโฟกรำฟกส มผเขยนหนงสอและบทความเกยวกบขนตอนหรอกระบวนการสรางชนงานอนโฟกราฟกสมากมายหลายทฤษฎ บางทฤษฎมเพยงไมกขนตอน ในขณะทบางทฤษฎมขนตอนมากมาย เมอพจารณาจากหวใจหลกแลวสามารถสรปกระบวนการได ดงน ๑) วเคราะห (Analysis) คนควา ส�ารวจ และรวมรวมขอมล น�าขอมลทหาไดมาจบใจความส�าคญของเนอหา และยอยเนอหาใหกระชบ แยกประเภทของขอมลใหเปนหมวดหมเพองายตอการจดล�าดบใจความส�าคญ พจารณาขอมลทมวาจะน�าเสนอสรางเรองราวใหเขาใจงายและนาสนใจไดอยางไร ๒) ออกแบบ (Design) พจารณาวธการเลาเรองหรอรปแบบการน�าเสนอ วางแผนการเลาเรองวาจะเรมตนอยางไร (ค�าน�า) จดล�าดบความส�าคญโดยแบงเนอหาออกเปนสวน ๆ แตละสวนมประเดนหลกและประเดนรอง (เนอหา) และจะลงทายอยางไร (บทสรป) ผออกแบบตองมทกษะในการเลาเรองใหกระชบ มความสามารถในการเลอกใชถอยค�าทสนแตมความหมายครบถวน และโดนใจผอาน

๓) ด�าเนนการ (Implement) เปลยนขอความเปนภาพ สรางและจดเรยงกราฟกซงมลกษณะตาง ๆ เชน เสน กลอง ลกศร สญลกษณ กราฟ แผนภม แผนภาพ แผนท ฯลฯ ใหสอความหมายตามทออกแบบไว ในขนตอนนจะตองมทกษะในการใชองคประกอบศลป เพอดงดดความสนใจใหมคนมาดมาอาน องคประกอบศลปทควรค�านงถง ไดแก กำรใชสและสญลกษณทเปนสำกล เพอใหเขาใจงายและจดจ�าไดเรว เชน สเขยวแทนตนไม สฟาแทนทะเล กำรใชสดสวนตามธรรมชาต เพราะจะมความงามทเหมาะสม

Page 15: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

10 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทสด ควำมสมดลซาย-ขวาเทากน ใชกรณมขอมลทส�าคญเทากน ภาพซาย-ขวาไมเทากนกรณตองการเนนใหเหนความแตกตาง กำรใชจงหวะซ�า ๆ จะท�าใหจดกลมของขอมลในการน�าเสนอไดงาย แตควรมการเวนระยะเพอพกสายตา และลดความอดอด กำรเลอกใชสใหเกดความสวยงาม นาสนใจ กอใหเกดความเราอารมณ เกดผลกระทบตอการตดสนใจและการสอสารของสมอง เชน การใชสแดงในสวนทเปนอนตราย ควรเลอกใชสทเขากนไดเพอใหมความเปนเอกภาพ และใชสทแตกตางเฉพาะจดทตองการเนนใหเดน ๔) ตรวจสอบ (Testing) วากราฟกมความถกตองตรงกบขอมลหรอไม ๕) ประเมนผล (Evaluation) วาสามารถสอสารไดตรงตามวตถประสงคหรอไม หากยงไมสามารถสอความหมายตามตองการได ใหวเคราะหอกครง แลวปรบปรงวธการเลาเรองหรอรปแบบการน�าเสนอ รวมทงปรบปรงกราฟกหรอสรางชนงานใหม สดทายคอทดสอบและประเมนผล ด�าเนนการเชนนเรอยไปจนกวาชนงานทสรางขนจะบรรลวตถประสงคทตองการ จงน�าไปเผยแพรในสอตาง ๆ ตอไป

กระบวนการจดท�าชนงานอนโฟกราฟกส

Page 16: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

11ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

อนโฟกราฟกสแบบภาพนง(ทมา : http://www.riskcomthai.org)

Page 17: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

14 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

การจดวางแบบหนา (layout)โดย See Mei Chow

(๘)

Page 20: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

15ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๑) Useful Bait ตองใหความส�าคญกบการอานงาย และความเขาใจงาย มากกวาความสวยงาม

ทมาภาพตวอยาง : http://www.nstda.or.th

Page 21: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

16 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๒) Road Map เรองตองนาสนใจมากพอทผอานอยากจะรทละขนตอน

ทมาภาพตวอยาง : http://www.thaihealth.or.th

Page 22: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

17ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๓) Timeline ใชความหางของแตละจด ชวยบอกความหางของแตละชวงเวลาได

ทมาภาพตวอยาง : https://ictlawcenter.etda.or.th/de_laws

Page 23: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

18 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๔) Comparison ใชการจดวางทเหมอนกนทงสองฝง ท�าใหเหนความตางทชดเจน ใชสคตรงขามแบงฝง ท�าใหดงายขน

ทมาภาพตวอยาง : http://www.qlf.or.th

Page 24: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

19ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๕) Visualized Article สรปบทความและเลอกประเดนกอนน�าเสนอ

ทมาภาพตวอยาง : http://www.tnrr.in.th

Page 25: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

20 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๖) Number Porn ไมใชแคมตวเลขมาก แตตวเลขตองนาสนใจ หรอเกยวของกบผอานมากพอ

มาภาพตวอยาง : http://www.nstda.or.th

Page 26: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

21ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๗) Listed ลองวเคราะหวาขอไหนสามารถรวบเปนขอเดยวกนได

ทมาภาพตวอยาง : http://www.dtl.go.th

Page 27: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

22 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๘) Structure พยายามสรางภาพใหเหนแตละสวนประกอบ เชน ภาพ

เหมอนสแกนเขาไปภายใน หรอการแยกแตละสวนออกหางกน ไมซอนกน

ทมาภาพตวอยาง : http://www.dtl.go.th

Page 28: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

23ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

ทมา : http://www.infographic.in.th

๙) Flowchart ระวงเรองความยงเหยงของเสน ใชสชวยแยกเสน ลดความสบสนในการอาน

ทมาภาพตวอยาง : http://www.manager.co.th

Page 29: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

24 ท�ำเรองยำกใหเปนเรองงำยดวย Infographics

๕. พชตชยดวยอนโฟกรำฟกส

ตามทกลาวมาขางตน ดเหมอนวาการสรางชนงานอนโฟกราฟกส

แตละชนไมใชเรองงาย บางหนวยงานยนดจดสรรงบประมาณเพอจาง

ผเชยวชาญมาผลตชนงาน ผลทไดคอชนงานตามแบบมออาชพ แตกรณท

ไมประสงคจะใชงบประมาณกบสอชนดนมากเกนความจ�าเปน บคลากรของ

หนวยงานกสามารถผลตชนงานแบบมอสมครเลนไดโดยไมยากเกนไปในการ

เรยนรและฝกปฏบตใหช�านาญ ไมจ�าเปนตองใชโปรแกรมตกแตงภาพ

โปรแกรมตดตอวดโอ โปรแกรมสรางแอนเมชน ฯลฯ ซงมคาใชจายสง

(คาสทธในการใชงานแพง)

ตวอยางเชน โปรแกรม Microsoft PowerPoint (มคาใชจายในการ

ซอสทธในการใชงาน แตเปนโปรแกรมทสวนใหญจะมในเครองอยแลว)

โดยปรบขนาดสไลดใหเปนแบบก�าหนดเอง (Custom) แลวบนทกเปน

ไฟลรปภาพ bmp, gif, jpg, png ฯลฯ (แนะน�าใหบนทกเปน png) เนองจาก

โปรแกรมนมหลายเวอรชนซงมเมนทแตกตางกนไป จงขอแนะน�าใหกดปม

F1 บนแปนพมพ (keyboard) พมพคนหา (search) ค�าวา “ขนาดภาพนง”

หรอ slide size แลวท�าตามค�าแนะน�าทแสดงขนมา ลองค�านวณวาความละเอยด

ของสไลดอยท ๙๖ dpi (ขนาดสไลด ๑ นวมคาเทากบ ๙๖ พกเซล) ดงนน

อยากไดชนงานอนโฟกราฟกสขนาดใด เอามาหารดวย ๙๖ เชน ขนาดชนงาน

กวาง ๙๖๐ พกเซล ยาว ๒๘๘๐ พกเซล ใหก�าหนดขนาดสไลดเปน

กวาง ๑๐ นว ยาว ๓๐ นว นอกจากการเปดคนหาภาพกราฟฟกส�าเรจรป

ทมอยในโปรแกรมแลว คณยงสามารถสรางรปกราฟฟกแบบงาย ๆ เชน

คน คอมพวเตอร ส�าหรบใชงานไดเองโดยใชรปทรงเรขาคณตมาประกอบกน

หากหมนฝกฝนจนช�านาญ จากมอสมครเลนกสามารถกลายเปนมออาชพได

ในไมชา

Page 30: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

คณะผจดท�ำ

บรรณำธกำรบรหำร นายชชวาลย ฉายะบตร ผอ�านวยการสถาบนด�ารงราชานภาพ

ทปรกษำกองบรรณำธกำร นางณรมล เกดแกว ผเชยวชาญเฉพาะดานนโยบายและแผน

หวหนำกองบรรณำธกำร นายอภชย ชยชมภ ผอ�านวยการสวนพฒนาและบรหารจดการ

ความร

กองบรรณำธกำร นางวนเพญ ทรงววฒน นายบญชา ดวงดแกว นางระวพรรณ แกวเพยงเพญ น.ส.สพตรา บญถง นางกาญจนา แจมมนทร นางแขไข เจรญอาจ น.ส.วบลพรรณ เปาอนทร น.ส.สภาพ ปอมมะลง ศลปกรรม/จดท�ำรปเลม นางสาวอจนา เตชะพนธ

สวนพฒนาและบรหารจดการความร สถาบนด�ารงราชานภาพส�านกงานปลดกระทรวงมหาดไทย โทร. ๐-๒๒๒๑-๕๙๕๘, ๕๐๗๗๙ (สอสาร สป.มท.)

“บทความหรอขอคดเหนใดๆ ทปรากฏในเอกสารความร สดร.เปนวรรณกรรมของผเขยนโดยเฉพาะ

สถาบนด�ารงราชานภาพและกองบรรณาธการไมจ�าเปนตองเหนดวย”

Page 35: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย
Page 36: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย

พมพท บรษท บพธการพมพ จำากด 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 ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย
Page 38: ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย · å ñ ûÕð1 Ï ù Z é aç ñ ûÕÕ Y ðâ Zõð )NFOGRAPHICS ท ำเรื่องยำกให้เป็นเรื่องง่ำยด้วย