ท าไมต้อง infographic - 110.164.192.10110.164.192.10/6150/saengtham/18november59...
TRANSCRIPT
![Page 1: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/1.jpg)
บทความทใช Infographic เพมยอดของคนเขาชม
มากกวาบทความทไมใช Infographic ถง 12%
คนเลอกอานบทความ Infographic มากกวาบทความ
ตวหนงสอ 30 เทา
ท าไมตอง Infographic
![Page 2: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/2.jpg)
เลาเรอง หรอ Concept ทซบซอนใหเขาใจงายขน
จดท า Presentation/Report
อธบายวธการ หรอ กระบวนการท างาน
ใชในการเปรยบเทยบสถต
แสดงขอมลเพอประกอบการตดสนใจ
อธบายความจรง
ใช Infographic ส าหรบอะไรบาง?
![Page 3: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/3.jpg)
เมอค าพดอยางเดยวใชไมไดผล
สรางความตระหนก
บอกตอเรองราวตางๆ ใหคนทราบ
ใช Infographic ส าหรบอะไรบาง?
![Page 4: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/4.jpg)
Infographic สามารถแทรกซมและซอกซอนไปไดทกสอ ทงในสอตวเลมและสอดจทล เชน Website, Blog และ Social Media
มผลตอการรบรของมนษยโดยตรงถง 90% ของขอมล
ขอมลท เปนรปภาพสามารถเราอารมณและเปนทจดจ าไดงาย
กวา
พลงของ Infographic
![Page 5: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/5.jpg)
การสราง Infographic
ควรเรมจากอะไร?
![Page 6: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/6.jpg)
ก าหนดเปาหมายอยางชดเจน
ตองการท าเสนออะไร
เพอวตถประสงคใด
ก าหนดกลมเปาหมายในการน าเสนอ
เพอเปนประโยชนในการเลอกหวขอ
เลอกภาษาใหเหมาะสมกบกลมเปาหมาย
การสราง Infographic
![Page 7: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/7.jpg)
ก าหนดใจความส าคญในการน าเสนอ
ควรเนนเพยงเรองเดยว เพอปองกนการสบสนในการสอสาร
เนอหาควรมความทนสมยสดใหม
ก าหนดโครงสรางการเลาเรอง
รอยเรยงเรองราวใหเรยบรอย ท าเปนราง หรอ Story board
การเลาเรองทดคอ ดปบรปบ
การสราง Infographic
![Page 8: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/8.jpg)
น าเสนอหวเรอง (Header) ทนาสนใจและนาตดตาม ซงจากผลส ารวจชวา หวเรองท นาสนใจมผลตอการตดสนใจอานขอมลนนๆ กวา 90%
มการรวบรวมขอมลอยางด ครอบคลม และหลากหลายมมมอง
การยอยขอมล
ใชเวลาในการสอสารขอมลไดรวดเรว ตรงประเดน กระชบ จากผลการ
ส ารวจพบวา คนสวนใหญใชเวลาในการอานขอมลมากท สดเพยง 3 นาทเทานน
การสราง Infographic
![Page 9: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/9.jpg)
การออกแบบทโดดเดนและสวยงาม ตองอาศยความคดสรางสรรค
ความสามารถดานการออกแบบ
การใชสญลกษณ รปและสในการสอสารสรางอารมณและความรสก
รวม
มการบอกตอและแชร
ระบและอางองถงแหลงทมาของขอมลอยางชดเจน
มการสรปขอมลทงหมดทน าเสนอ
การสราง Infographic
![Page 10: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/10.jpg)
องคประกอบศลป
![Page 11: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/11.jpg)
สดสวนม 2 แบบ
สดสวนตามธรรมชาต
สดสวนตามความรสก
สดสวน
![Page 12: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/12.jpg)
ซาย-ขวา เทากน
ความสมดล
![Page 13: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/13.jpg)
การใชจงหวะเดยวกนซ าๆ
จะเปนการจดกลมของ
ขอมลในการน าเสนอไดงาย
จงหวะ
![Page 14: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/14.jpg)
เพอการดงดดสายตากอนอาน
การใชองคประกอบตดกน
เนนใหอยโดดเดยว
เนนโดยการจดวางต าแหนง
การเนน
![Page 15: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/15.jpg)
สรางใหทกอยางไปดวยกนได
เนอหา
ส
องคประกอบ
พนหลง
รปภาพ
ความเปนเอกภาพ
![Page 16: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/16.jpg)
กอใหเกดความสวยงาม นาสนใจ
กอใหเกดอารมณรวม
กอใหเกดความเราอารมณ
กอใหเกดผลกระทบตอการตดสนใจและการสอสารของสมอง
การใชส
![Page 17: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/17.jpg)
สสามารถจ าแนกได 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 เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/18.jpg)
![Page 19: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/19.jpg)
![Page 20: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/20.jpg)
สตรงกนขาม หรอ สคตรงขาม
สโทนเดยวกน ควรใชในลกษณะชดส ซงจะม 3 สประกอบในชด และเปนชวงนทมสใกลเคยงกน
สกลาง คอ สทสามารถเขาไดกบทกส ไดแก สน าตาล และ ส
เทา
การใชตามทฤษฎส
![Page 21: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/21.jpg)
การจดภาพสงพมพโฆษณา
มองเดรยน จตรกรชาวดชชอ Piet Mondrian ใชเวลาตลอดชวตศกษา เรองสดสวน โดยลากเสนตามแนวตงและแนวนอน
แบงบรเวณพนภาพออกเปนชองส เหลยม แลวเตมเสนหรอแทงสลงไป
ในบรเวณทถกแบง นยมใชหลกของ มองเดรยน โดยใชรปส เหลยมของตวพมพหรอภาพประกอบของสนคาเหมอนกบทมองเดรยน ใช
แทงส
![Page 22: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/22.jpg)
![Page 23: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/23.jpg)
2 แบบแถบซอน (Multipanel layout)
แบบแถบซอน มลกษณะเปนกลมภาพขนาดเลกหลายๆภาพทมขนาดใกลเคยงกน วางซอนทบกน
ภาพแตละภาพจะเอยงไขวกนไปมา ดแลวเกดความเคลอนไหวสนกสนาน
![Page 24: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/24.jpg)
3 แบบชองภาพ (Picture window layout)
แบบชองภาพ เปนแบบทนยมมากกวาแบบมองเดรยน การจดแบบชองภาพเปนตวหยดผด ใตภาพมกจะมตวอกษร บทความ
อาจแตกออกเปนคอลมนสนๆกระจายออกจากกน.....เพอจะรวมภาพเขากบบทความ มกจะพมพพาดหวทาบลงไปบนภาพ
หรอพมพบทความซอนภาพ ภาพโดยปกตจะอยสวนบน แตมไดมขอจ ากดเสมอไป
![Page 25: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/25.jpg)
4 แบบภาพเงา (Silhouette layout)
แบบภาพเงา ใชภาพถายขนาดใหญเตมหนากระดาษ ตดเอาแตเฉพาะตววตถทส าคญเพยงบางสวน
วางลงบนพนสเขมจดหรอออนมากๆ พยายามยดสวนประกอบใหไปจรดขอบเพอมใหภาพเงาลอย และเพอสรางความแตกตาง
ใหดโดดเดน
![Page 26: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/26.jpg)
5 แบบกรอบ (Frame layout)
แบบกรอบ นยมวางงานศลปะไวรอบๆ ท าเปนวงลอมบรเวณทเปนบทและพาดหวหรออาจใชภาพถาย หรอภาพเตมทงหนา
แลวพมพตวอกษรลงบนภาพ
![Page 27: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/27.jpg)
2.6 แบบหนกบท (Copy heavy layout)
แบบหนกบท ผโฆษณาจะใชแบบหนกบทดวยเหตผลสองประการ คอ
.....1. สงทตองการจะบอกเปนเรองส าคญ มลกษณะเปนเอกลกษณ มศกดศรเกนกวาจะบอกเปนภาพได
.....2. โฆษณาของคนอนสอประเภทเดยวกน เปนโฆษณาประเภทชองภาพหรอมภาพมากอยแลว
แบบหนกบทจงเทากบเปนการเปลยนบรรยากาศ...ดวยเหตทวาแบบหนกบทเปนแบบทคอนขางเครยดกวาแบบอนๆ
จงตองเนนทการจดเรยงสวนประกอบตางใหไดระบบตารางมากเปนพเศษ
![Page 28: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/28.jpg)
7 แบบภาพปรศนา (Rebus layout)
แบบภาพปรศนา ใชภาพเลกๆมาสอดแทรกระหวางประโยคแทนค าเขยน
![Page 29: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/29.jpg)
8 แบบละครสตว (Circus layout)
แบบละครสตว บางครงเราจ าเปนตองสรางงานท ดแลวเกดความรสกวามากมายหลายหลาก เนอหาสาระแบงไดเปน
หวขอหลาย ๆ หวขอ แตละหวขอจะมเนอความและภาพประกอบเปนของตวเอง เนอความจะยงคงถกจดไวอยางเปน
ระเบยบตามระบบตาราง แตตวภาพประกอบอาจจะจดวางใหครอมคอลมน เอยงโยกโยไปมาเพอใหดรสกวาวนวาย
เหมอนอยในสวนสนกหรอโรงละครสตว
![Page 30: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/30.jpg)
9 แบบแรงดลใจจากตวอกษร (Alphabet inspired layout)
แบบแรงดลใจจากตวอกษร ความงามของตวอกษรทประดษฐประดอยมากเปนพเศษ ยดรปรางลกษณะ
ตวอกษรเปนหลก โดยปกตจะมลกษณะเปนกลมกอนและชกน าสายตาไดด นกออกแบบจะตองพยายาม
จดเรยง ในลกษณะทไมบอกอยางโจงแจงวาเปน อกษรอะไร อกษรควรใชเปนจดเรมตนเทานน ผดโดยปกตจะไมรสกตววาการจดเรยงสวนตางๆนนแททจรงแลวเปนตวอกษรหรอตวเลขดลใจส าหรบนกออกแบบ
![Page 31: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/31.jpg)
10 แบบตวอกษรใหญ (Big type layout)
แบบตวอกษรใหญ ตวอกษรขนาดใหญมกเปนทสนใจส าหรบนกออกแบบและผด เพราะมนจะม
รปรางทชวนมอง นกออกแบบตองศกษาตวอกษรรปแบบตางๆ โดยค านงถงวา ตวอกษรใน
บางครง กมบทบาทมากกวางานศลปะหรอภาพสวยๆโดยทวไป
![Page 32: ท าไมต้อง Infographic - 110.164.192.10110.164.192.10/6150/saengtham/18November59 infographic.pdf · บทความที่ใช้ Infographic เพิ่มยอดของคนเข้าชม](https://reader034.vdocuments.site/reader034/viewer/2022042307/5ed3c0efa0e09216242fe455/html5/thumbnails/32.jpg)
บรรณานกรม
http://etcserv.pnru.ac.th/pcc/Newnat/Layout.html