หลักการออกแบบสือ อินโฟกราฟิก

101

วิธีการเลา่ เรื่องในอินโฟกราฟฟกิ ใหน้ ่าสนใจ

เลา่ เป็นเรอ่ื งราว มีตัวละคร
เล่าเรอ่ื งผกู ปมใหน้ า่ สนใจ
เล่าด้วยเหตุการณ์สาคญั
เลา่ ด้วยการเปรยี บอเทยี บอ
เล่าดว้ ยการบอรรยาย

102

การออกแบอบออนิ โฟกราฟฟิก

103

การออกแบอบออนิ โฟกราฟฟิก

104

การออกแบอบออนิ โฟกราฟฟิก

105

การออกแบอบออนิ โฟกราฟฟิก

106

01 จัดวางลาดบั อการนาเสนอ
ตามรูปแบอบอท่เี ลือกไว้

02 แบอ่งสัดสว่ นขอ้ มูลกับอ
รูปภาพใหเ้ หมาะสม

03 วางระบอบอการรบั อขอ้ มลู • อ่านจากบอนลงล่าง
• อา่ นจากซ้ายไปขวา
• อ่านรากตรงกลาง

107

สร้างช้นิ งานอนิ โฟกราฟิก

จัดเตรยี มขอ้ มลู
ออกแบอบอช้นิ งาน
สร้างชนิ้ งาน

108

ตรวจสอบอขอ้ มูลและทดลองใช้

109

110

ทดลองใชบ้ อนอปุ กรณต์ า่ ง ๆ

111

การนาอนิ โฟกราฟิกไปเผยแพร่

112

สรา้ งชน้ิ งานอินโฟกราฟฟกิ ดว้ ยโปรแกรม Offline

โปรแกรม PowerPoint

113

Workshop1

ให้ผอู้ บอรมทาการสรา้ งอนิ โฟกราฟิกด้วยโปรแกรมพาวเวอรพ์ ้อยโดยใชเ้ น้อื หา
ขัน้ ตอนการสร้าง Infographic ให้ประสบอความสาเรจ็ ดังนี้

• การวางแผน
คอนเทนตท์ ่ีนาเสนอตัองนา่ สนใจ ซึ่งตอ้ งมีการวางแผนลว่ งหน้า

• หาขอ้ มลู
ประเด็นทีน่ าเสนอต้องตรงกบั ความสนใจของผบู้ ริโภค หรือมีท่ีน่าสนใจ

• สร้างเรือ่ งราว
ยอ่ ยข้อมลู จากหลายหน้ากระดาษ ให้เหลือไม่กบ่ี รรทดั ต้องสน้ั และกระชบั ท่สี ุด

• ออกแบบดไี ซน์
เลือกภาพทน่ี า่ สนใจ โดดเด่น ใช้ความคดิ สร้างสรรค์

• โปรโมท
เพื่อสรา้ งการรบั ร้ไู ปยังกลุ่มเป้าหมาย เชน่ การโพสต์ใน เวบ็ ไซต์ Social Media ต่าง ๆ

114

สรา้ งชิน้ งานอินโฟกราฟฟิกด้วยโปรแกรมOnline

115

Workshop2

ข้ันตอนท่ี 1
• ให้ทกุ ท่านรว่ มกันกาหนดหัวข้อหรอื ประเดน็ ทส่ี นใจในการสรา้ งงานอนิ โฟกราฟกิ
• กาหนดคาถามเฉพาะทต่ี อ้ งการคาตอบใน Infographics เพื่อเปน็ แนวทางในการ
กาหนดจุดประสงคใ์ นการสร้างช้นิ งานอนิ โฟกราฟกิ

ขั้นตอนที่ 2 การรวบอรวมข้อมลู

ขนั้ ตอนท่ี 3 การอ่านและคดั เลอื กขอ้ มลู

ขน้ั ตอนท่ี 4 การค้นหาวธิ ีการเล่าเรอ่ื ง

ขั้นตอนที่ 5 การออกแบอบอชิน้ งานอนิ โฟกราฟกิ

ข้นั ตอนที่ 6 การสรา้ งชิ้นงาน ด้วยเคร่ืองมือในการสรา้ งงานอนิ โฟกราฟกิ

116

แจกคลงั แสง Website สาหรบั องาน Graphic

1) www.pinterest.com
2) www.behance.net
3) www.color.adobe.com
4) www.freepik.com
5) www.graphicriver.net
6) www.mockupworld.co
7) www.unsplash.com
8) www.flaticon.com

117

รวม 10 เว็บอไซตแ์ จกภาพถา่ ย ฟรี!

1) https://pixabay.com/
2) https://www.pexels.com/
3) https://unsplash.com/
4) https://stocksnap.io/
5) http://www.gratisography.com/
6) https://negativespace.co/
7) https://burst.shopify.com/
8) http://getrefe.tumblr.com/
9) http://www.streetwill.co/
10) https://magdeleine.co/browse/

118

รายการอา้ งองิ

https://www.grappik.com/ 1055-mslö-font/
https://www.motiongraphicplus.com/archives/tag/nasiãanlūcīvānus (FONT)
https://www.webconer.com/uni-font-ññüüdlunérašu-lãəncīvānus (FONT).Tuเว็บอก็ปังไดไ้ ม่
ยากเลย/ http://www.9experttraining.com/articles/Ingūnnisiãənlūcīɔɔnus(FONT) สาหรบั อ
งานนาเสนอ-font-presentation https://www.motiongraphicplus.com/archives/2183
https://arit.rmutsv.ac.th/th/blogs/55-kānua:nqunlumisaanuuu-şöncīvānus
niloogikõjuānănūa-typography-674 http://artd2304-
sirimanee.blogspot.com/2013/11/blog-post.html
https://www.wynnsoftstudio.com/1WS7=-C73-Jnus-ū-wacia-nisaanUUU
https://sites.google.com/site/payjunyaphor/chnid-taw-xaksr-type-style

119

Have fun!
อยา่ หยดุ ทจ่ี ะเรยี นรู้

120