32
บทความที ่ใช้ Infographic เพิ ่มยอดของคนเข้าชม มากกว่าบทความที ่ไม ่ใช้ Infographic ถึง 12% คนเลือกอ่านบทความ Infographic มากกว่าบทความ ตัวหนังสือ 30 เท่า ทาไมต้อง Infographic

ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

บทความทใช Infographic เพมยอดของคนเขาชม

มากกวาบทความทไมใช Infographic ถง 12%

คนเลอกอานบทความ Infographic มากกวาบทความ

ตวหนงสอ 30 เทา

ท าไมตอง Infographic

Page 2: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

เลาเรอง หรอ Concept ทซบซอนใหเขาใจงายขน

จดท า Presentation/Report

อธบายวธการ หรอ กระบวนการท างาน

ใชในการเปรยบเทยบสถต

แสดงขอมลเพอประกอบการตดสนใจ

อธบายความจรง

ใช Infographic ส าหรบอะไรบาง?

Page 3: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

เมอค าพดอยางเดยวใชไมไดผล

สรางความตระหนก

บอกตอเรองราวตางๆ ใหคนทราบ

ใช Infographic ส าหรบอะไรบาง?

Page 4: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

Infographic สามารถแทรกซมและซอกซอนไปไดทกสอ ทงในสอตวเลมและสอดจทล เชน Website, Blog และ Social Media

มผลตอการรบรของมนษยโดยตรงถง 90% ของขอมล

ขอมลท เปนรปภาพสามารถเราอารมณและเปนทจดจ าไดงาย

กวา

พลงของ Infographic

Page 5: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

การสราง Infographic

ควรเรมจากอะไร?

Page 6: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

ก าหนดเปาหมายอยางชดเจน

ตองการท าเสนออะไร

เพอวตถประสงคใด

ก าหนดกลมเปาหมายในการน าเสนอ

เพอเปนประโยชนในการเลอกหวขอ

เลอกภาษาใหเหมาะสมกบกลมเปาหมาย

การสราง Infographic

Page 7: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

ก าหนดใจความส าคญในการน าเสนอ

ควรเนนเพยงเรองเดยว เพอปองกนการสบสนในการสอสาร

เนอหาควรมความทนสมยสดใหม

ก าหนดโครงสรางการเลาเรอง

รอยเรยงเรองราวใหเรยบรอย ท าเปนราง หรอ Story board

การเลาเรองทดคอ ดปบรปบ

การสราง Infographic

Page 8: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

น าเสนอหวเรอง (Header) ทนาสนใจและนาตดตาม ซงจากผลส ารวจชวา หวเรองท นาสนใจมผลตอการตดสนใจอานขอมลนนๆ กวา 90%

มการรวบรวมขอมลอยางด ครอบคลม และหลากหลายมมมอง

การยอยขอมล

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

ส ารวจพบวา คนสวนใหญใชเวลาในการอานขอมลมากท สดเพยง 3 นาทเทานน

การสราง Infographic

Page 9: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

การออกแบบทโดดเดนและสวยงาม ตองอาศยความคดสรางสรรค

ความสามารถดานการออกแบบ

การใชสญลกษณ รปและสในการสอสารสรางอารมณและความรสก

รวม

มการบอกตอและแชร

ระบและอางองถงแหลงทมาของขอมลอยางชดเจน

มการสรปขอมลทงหมดทน าเสนอ

การสราง Infographic

Page 10: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

องคประกอบศลป

Page 11: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

สดสวนม 2 แบบ

สดสวนตามธรรมชาต

สดสวนตามความรสก

สดสวน

Page 12: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

ซาย-ขวา เทากน

ความสมดล

Page 13: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

การใชจงหวะเดยวกนซ าๆ

จะเปนการจดกลมของ

ขอมลในการน าเสนอไดงาย

จงหวะ

Page 14: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

เพอการดงดดสายตากอนอาน

การใชองคประกอบตดกน

เนนใหอยโดดเดยว

เนนโดยการจดวางต าแหนง

การเนน

Page 15: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

สรางใหทกอยางไปดวยกนได

เนอหา

องคประกอบ

พนหลง

รปภาพ

ความเปนเอกภาพ

Page 16: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

กอใหเกดความสวยงาม นาสนใจ

กอใหเกดอารมณรวม

กอใหเกดความเราอารมณ

กอใหเกดผลกระทบตอการตดสนใจและการสอสารของสมอง

การใชส

Page 17: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

สสามารถจ าแนกได 3 ข น ไดแก

Primary Colors (สข นท 1)

Secondary Colors (สข นท 2)

Tertiary Colors (สข นท 3)

การใชตามทฤษฎส

Page 18: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม
Page 19: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม
Page 20: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

สตรงกนขาม หรอ สคตรงขาม

สโทนเดยวกน ควรใชในลกษณะชดส ซงจะม 3 สประกอบในชด และเปนชวงนทมสใกลเคยงกน

สกลาง คอ สทสามารถเขาไดกบทกส ไดแก สน าตาล และ ส

เทา

การใชตามทฤษฎส

Page 21: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

การจดภาพสงพมพโฆษณา

มองเดรยน จตรกรชาวดชชอ Piet Mondrian ใชเวลาตลอดชวตศกษา เรองสดสวน โดยลากเสนตามแนวตงและแนวนอน

แบงบรเวณพนภาพออกเปนชองส เหลยม แลวเตมเสนหรอแทงสลงไป

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

แทงส

Page 22: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม
Page 23: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

2 แบบแถบซอน (Multipanel layout)

แบบแถบซอน มลกษณะเปนกลมภาพขนาดเลกหลายๆภาพทมขนาดใกลเคยงกน วางซอนทบกน

ภาพแตละภาพจะเอยงไขวกนไปมา ดแลวเกดความเคลอนไหวสนกสนาน

Page 24: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

3 แบบชองภาพ (Picture window layout)

แบบชองภาพ เปนแบบทนยมมากกวาแบบมองเดรยน การจดแบบชองภาพเปนตวหยดผด ใตภาพมกจะมตวอกษร บทความ

อาจแตกออกเปนคอลมนสนๆกระจายออกจากกน.....เพอจะรวมภาพเขากบบทความ มกจะพมพพาดหวทาบลงไปบนภาพ

หรอพมพบทความซอนภาพ ภาพโดยปกตจะอยสวนบน แตมไดมขอจ ากดเสมอไป

Page 25: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

4 แบบภาพเงา (Silhouette layout)

แบบภาพเงา ใชภาพถายขนาดใหญเตมหนากระดาษ ตดเอาแตเฉพาะตววตถทส าคญเพยงบางสวน

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

ใหดโดดเดน

Page 26: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

5 แบบกรอบ (Frame layout)

แบบกรอบ นยมวางงานศลปะไวรอบๆ ท าเปนวงลอมบรเวณทเปนบทและพาดหวหรออาจใชภาพถาย หรอภาพเตมทงหนา

แลวพมพตวอกษรลงบนภาพ

Page 27: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

2.6 แบบหนกบท (Copy heavy layout)

แบบหนกบท ผโฆษณาจะใชแบบหนกบทดวยเหตผลสองประการ คอ

.....1. สงทตองการจะบอกเปนเรองส าคญ มลกษณะเปนเอกลกษณ มศกดศรเกนกวาจะบอกเปนภาพได

.....2. โฆษณาของคนอนสอประเภทเดยวกน เปนโฆษณาประเภทชองภาพหรอมภาพมากอยแลว

แบบหนกบทจงเทากบเปนการเปลยนบรรยากาศ...ดวยเหตทวาแบบหนกบทเปนแบบทคอนขางเครยดกวาแบบอนๆ

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

Page 28: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

7 แบบภาพปรศนา (Rebus layout)

แบบภาพปรศนา ใชภาพเลกๆมาสอดแทรกระหวางประโยคแทนค าเขยน

Page 29: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

8 แบบละครสตว (Circus layout)

แบบละครสตว บางครงเราจ าเปนตองสรางงานท ดแลวเกดความรสกวามากมายหลายหลาก เนอหาสาระแบงไดเปน

หวขอหลาย ๆ หวขอ แตละหวขอจะมเนอความและภาพประกอบเปนของตวเอง เนอความจะยงคงถกจดไวอยางเปน

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

เหมอนอยในสวนสนกหรอโรงละครสตว

Page 30: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

9 แบบแรงดลใจจากตวอกษร (Alphabet inspired layout)

แบบแรงดลใจจากตวอกษร ความงามของตวอกษรทประดษฐประดอยมากเปนพเศษ ยดรปรางลกษณะ

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

จดเรยง ในลกษณะทไมบอกอยางโจงแจงวาเปน อกษรอะไร อกษรควรใชเปนจดเรมตนเทานน ผดโดยปกตจะไมรสกตววาการจดเรยงสวนตางๆนนแททจรงแลวเปนตวอกษรหรอตวเลขดลใจส าหรบนกออกแบบ

Page 31: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

10 แบบตวอกษรใหญ (Big type layout)

แบบตวอกษรใหญ ตวอกษรขนาดใหญมกเปนทสนใจส าหรบนกออกแบบและผด เพราะมนจะม

รปรางทชวนมอง นกออกแบบตองศกษาตวอกษรรปแบบตางๆ โดยค านงถงวา ตวอกษรใน

บางครง กมบทบาทมากกวางานศลปะหรอภาพสวยๆโดยทวไป

Page 32: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม

บรรณานกรม

http://etcserv.pnru.ac.th/pcc/Newnat/Layout.html