#สวัสดีครับ
RT392
WEEK 07.
DHURAKIJ PUNDIT UNIVERSITY
COMMUNICATIONS ARTS
MORRAGET
การเสนอข่าวสารโดยใช้
INFOGRAPHIC
Infographicคืออะไร!?
information graphics
► การรวมกันระหว่าง “ภาพ” และ “ข้อมูล”
► มีการย่อยเนื้อหาให้เข้าใจง่าย
และจัดเรียงออกแบบให้อยู่ร่วมกัน
Infographic
► “แปลงข้อมูลให้เป็นภาพ” ให้เข้าใจง่าย และ สื่อสารกับคนด้วยสิ่งที่จับต้องได้
► นาเสนอที่ทาให้ผู้ชมรับทั้งข้อมูล “ภาพรวม” และ “เจาะจง” ได้ในหนึ่งเดียว
► “ผสมผสาน” ระหว่างข้อมูลและงานออกแบบเพื่อเสริมประสิทธิภาพการสื่อสาร
► “Edutainment” ระหว่างข้อมูลและงานออกแบบเพื่อเสริมประสิทธิภาพการสื่อสาร
ลักษณะเฉพาะตัว!?
ส่วนประกอบของอินโฟกราฟิก
TEXTข้อความเสริมความเข้าใจ
VISUALภาพเล่าเรื่อง
HOW TO MAKE InfoGraphics
#1 Write a brief.
กาหนดโจทย์สั้นๆ ที่ชัดเจน
เริ่มต้นจากไอเดีย (เพราะไอเดียสาคัญกว่าดีไซน์)
อย่าเริ่มต้นจากดีไซน์ หรือ เทคโนโลยี
เขียน 1 ประโยคสั้นๆ ให้ได้ว่า...
“อยากจะบอกกับคนอื่นว่าอะไร เพราะอะไร ใครเป็นดู
และอยากให้เขาทาอะไร”(what to say)
กาหนดช่องทางการเผยแพร่ด้วย เพราะมีผลต่อการทางาน
เช่น หนังสือ, Facebook, Instagram, Website ฯลฯ
#2Get to the essence.
สกัดสาระสาคัญออกมา
ไอเดียดีๆ อาจตีความไปได้หลากหลาย แต่จริงๆ แล้ว
จะมีแค่ 1 สาระสาคัญ ที่เป็นต้นตอของไอเดียเหล่านั้น
ลองคิดดูว่าเรื่องที่จะทา... สามารถ
แปรเป็นประโยคสั้นกระชับ และตรงประเด็นได้ไหม!?
ผู้อ่านเข้าใจแค่ไหน (Key Message)
ถ้าเขียนเอง ยังไม่เข้าใจเอง ให้เขียนและปรับใหม่
หากยังเขียนเป็นคาไม่ชัด การตีความเป็นภาพก็จะ
ยิ่งไม่ตรงประเด็น
Week 7 DPUrt392 Aj.Morraget
#3
Fine Data.
รวบรวมข้อมูลทั้งหมด
เมื่อตัดสินใจได้แล้ว ก็เริ่มรวบรวมเนื้อหา ข้อมูลที่ตรงกับ
สาระสาคัญ
ข้อมูลที่รวบรวม ลองหา
- ข่าว ข้อเท็จจริง บทความ
- งานวิจัย
- สถิติ, ตัวเลขที่เกี่ยวข้อง
- รูปภาพที่เกี่ยวข้อง, วิดีโอที่เกี่ยวข้อง
ทดลองหาข้อมูล ทั้ง “ทางตรง” ที่เล่าสาระสาคัญของงานได้
หรือ “ข้อมูลทางอ้อม” ที่สามารถบิดมาใช้ได้
#4Fine Infights.
ค้นหาข้อมูลเชิงลึก
การนาเสนอด้วยข้อมูลเชิงลึก ทาให้งานน่าสนใจ และโดนใจขึ้น
เพราะข้อมูลเชิงลึกจะบอกได้ว่า คนอยากจะดู เรื่องอะไร
จากข้อมูลที่ได้ทั้งหมด ให้ลองทา.....
- ลองระดมสมอง สมมุติตัวเองว่าเป็นผู้อ่าน
- นึกถึงพฤติกรรมของเขา ความรู้สึก ความคิดความเชื่อของเขา
- แล้วลองดูข้อมูลว่า....
- จากข้อมูลนี้“เขาอยากจะรู้เรื่องไหน อยากรู้หรือไม่”
ถ้าเราคุ้นเคยกับข้อมูลที่มีอยู่จะทาให้สามารถเล่าเรื่องราวได้ การ
ใส่ใจกับเนื้อหาที่สาคัญที่จะช่วยให้การนาเสนอข้อมูลมีคุณค่า
“อยากจะบอกกับคนอื่นว่าอะไร
เพราะอะไร ใครเป็นดู
และอยากให้เขาทาอะไร”
(what to say)
แปรเป็นประโยคสั้นกระชับ
และตรงประเด็นได้ไหม!?
ผู้อ่านเข้าใจแค่ไหน
(Key Message)
#1 #2
ข้อมูลที่รวบรวม
หา INSIGHT
#4
#3
“หัวใจ”
ของอินโฟกราฟิค
HOW TO MAKE InfoGraphics
#5Create Narrative.
สร้างโครงการเล่าเรื่อง
เมื่อได้ข้อมูลที่จะเล่าแล้ว
ลองวางโครงเรื่องในการเล่า
ลองจัดลาดับการรับรู้ของคนอ่าน
- เรื่องไหนควรมาก่อน มาหลัง เรื่องไหนควรต่อกับเรื่องไหน
ทายังไงให้คนอู ดูจนจบ ดูทั้งหมด ไม่เบื่อ
- ข้อความ & ภาพ สอดคล้องกัน ช่วยกันเล่าเรื่อง สื่ออารมณ์
- พยายามเชื่อมต่อข้อมูลทั้งหมดไว้ให้ได้
ต้องเป็นอันหนึ่งอันเดียวกัน
หากมีอะไรรู้สึกแปลกแยก = แสดงว่าควรแก้ หรือตัดออก
HOW TO MAKE InfoGraphics
#6Create a layout.
วางเลย์เอ้าท์ / Design Direction
ได้เวลาวางโครงร่างของงานออกแบบ
จัดสัดส่วนเนื้อที่ข้อมูลแต่ละก้อน กาหนดสัดส่วน ข้อมูล รูปภาพ
ลองวางลองในกระดาษเปล่า....
- จัดสัดส่วนเนื้อที่ข้อมูลแต่ละก้อน (อะไรจะเน้น อะไรไม่เน้น)
- ในสัดส่วนข้อมูลแต่ละก้อน ลอง
จะใส่ภาพ และตัวหนังสือ สัดส่วนอย่างไร พอหรือไม่
หาธีม หา Concept ของงานออกแบบให้ได้ สไตล์ภาพ Font
และคุมให้เป็นเป็นสไลต์เดียวทั้งงาน
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
กฏ 3 สี : ใช้แค่ 3 สี ก็เพียงพอแล้
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
HOW TO MAKE InfoGraphics
#7Illustrate.
ออกแบบภาพประกอบ
ภาพประกอบทาให้คนดูมีอารมณ์ร่วมไปกับงานของเรา
มันคือการสร้าภาพความทรงจา ไม่ใช่แค่ภาพประกอบ
หลักการใช้ภาพประกอบ
- ใช้ภาพสไตล์เดียว ในงานชิ้นเดียว
- ให้ภาพเล่าเรื่องได้มากที่สุด ตอนทาภาพประกอบให้คิดว่า
ถ้าคนอ่านหนังสือไม่ออกก็ดูงานรู้เรื่อง
ตอบไม่ได้ว่าใช้ภาพเยอะหรือน้อยแค่ไหน
แต่ตอบได้ว่า ภาพไหนจาเป็น ไม่จาเป็นต่องาน!
ตัวอย่าง
ตัวอย่าง
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
HOW TO MAKE InfoGraphics
#8Test on Different Devices.
ลองดูผ่านเครื่องมือสื่อสารจริง
เมื่องานเสร็จตามที่ต้องการแล้ว (ข้อมูล รูปภาพ สี)
ให้ลอง Export ไฟล์ ด้วยขนาดและ Format จริงที่จะใช้สื่อสาร
ทดลองดูงานใน Device ที่หลากหลายมากที่สุด
- ลองใช้โทรศัทพ์มือถือ หลากยี่ห้อดูงานจริงๆ
- ลองใช้ Tableb หลายรุ่น หลายยี่ห้อ ดูงานจริงๆ
- ลองใช้ Computer หลายรุ่น หลายยี่ห้อ ดูงานจริงๆ
ให้คิดว่าตัวเองคือคนดูจริงๆ เคยเห็นครั้งแรก
รู้สึกอย่างไร อ่านออกหรือไม่ รู้เรื่องหรือไม่...ถ้าไม่ = แก้
ตัวอย่าง
ตัวอย่าง
HOW TO MAKE InfoGraphics
#9Make it beautiful.
ตกแต่งรอบสุดท้ายก่อนจบงาน
เก็บรายละเอียดรอบสุดท้าย เพื่องานสมบูรณ์ที่สุด
ตรวจงานเป็นส่วนๆ
- Copy : ข้อความทั้งหมด สมบูรณ์หรือไม่ ถูกต้องหรือไม่
- Visual : ภาพประกอบ กราฟ เก็บรายละเอียดดีแล้วหรือไม่
- Layout : สัดส่วน องค์ประกอบทั้งงานลงตัวแล้วหรือไม่
ตรวจให้แน่ใจ ตรวจแล้วตรวอีก
โดยเฉพาะข้อมูล ตัวเลข ให้ตรงเทียบกับข้อมูลต้นฉบับเลย
HOW TO MAKE InfoGraphics
พลาดมาก
INFOGRAPHIC
ที่มักเจอเมื่อทา
ความ
#1 อยากใส่อะไรก็ใส่
งานกู กูจะใส่อะไรลงไปก็ได้
แต่มึงจะใส่ “สารพัดสัตว์บก” ลงไปไม่ได้
#1 อยากใส่อะไรก็ใส่
#1 อยากใส่อะไรก็ใส่
คนมักเข้าใจว่า “การดีไซน์” =
ใส่ลูกเล่นอะไรก็ได้ ทั้งสีตัวอักษร
กล่องข้อความ หรือสีพื้นหลัง
อัดแน่นจนมั่วไปหมด
#1 อยากใส่อะไรก็ใส่
Design Detail
การใส่ข้อมูลรายละเอียดมากเกินไป
ก็จะทาให้ผู้อ่านสับสนได้
แถมยังทาให้อินโฟกราฟฟิกชิ้นนั้นไม่
น่าสนใจอีกด้วย
แม้จะมีข้อมูลดีแค่ไหน แต่ถ้าเลือกฟอร์แมตหรือรูปแบบที่ไม่เหมาะสม
(แผนภูมิวงกลม, กราฟแท่ง, กราฟเส้น หรือสัญลักษณ์แทนค่าต่างๆ)
ก็จะทาให้การถ่ายทอดข้อความไม่มีประสิทธิภาพ
#2 ใช้ฟอร์แมทไม่เหมาะกับข้อมูล
แผนภูมิวงกลม
อาจเหมาะกับแสดงเปอร์เซนต์
หรือการแสดงสัดส่วน
แผนภูมิแท่ง (ทั้งแบบตั้งและนอน)
จะเหมาะกับการเปรียบเทียบข้อมูลต่างชนิด
ในเวลาเดียวกัน หรือชนิดเดียวกันแต่ต่างเวลา
แต่ที่สาคัญต้องมีหน่วยเดียวกัน
เช่น บาท กิโลกรัม หรือกิโลเมตร ฯลฯ
#3 ไม่มีเครดิตผู้ทา
เรื่องสาคัญ ข้อมูลอาจจะถูกต้อง สมบูรณ์ และเป็นประโยชน์มากๆ แต่ขาดความน่าเชื่อถือ เพราะไม่มีเคตดิตผู้ทา
#3 ไม่มีเครดิตผู้ทา
โลโก้แบรนด์ หรือ ผู้เป็นเจ้าของงาน
มิเช่นนั้นงานของคุณ
อาจถูกนาไปใช้ง่ายๆ
โดยไม่มีการให้เครดิตใดๆ
(copyright)
อินโฟกราฟฟิกเป็นสื่อ
ที่ต้องการความน่าเชื่อถือ
การอ้างอิงผู้ผลิต
หรือแหล่งข้อมูล
จะเพิ่มความน่าเชื่อถือได้
(trustworthiness)
ต้องมีระบุในงาน infographic
เราทาสื่อ ต้องมีวัตถุประสงค์
กลับมาที่ผู้ผลิต
เช่น แบรนด์ต้องการชื่อเสียง
ต้องการให้คนรัก
ถ้าไม่ระบุผู้ทา คนดูก็ไม่รู้
จะนึกถึงใคร
( Communication Objective)
#3 ไม่มีเครดิตผู้ทา
#5 ข้อมูลผิด สะกดผิด
พลาดมาก
INFOGRAPHIC
ที่มักเจอเมื่อทา
ความ

More Related Content

PDF
รายงาน โครงงานคอมพิวเตอร์
PDF
Library for AEC
PDF
Mind Map How to
PPSX
หลักการวิเคราะห์และออกแบบ Infographic อย่างมืออาชีพ
PDF
PDF
Week 10 Consumer & Content
PDF
Week 9_VDO ContentDPUrt392 Aj.Morraget
PPS
Macao
รายงาน โครงงานคอมพิวเตอร์
Library for AEC
Mind Map How to
หลักการวิเคราะห์และออกแบบ Infographic อย่างมืออาชีพ
Week 10 Consumer & Content
Week 9_VDO ContentDPUrt392 Aj.Morraget
Macao

Viewers also liked (9)

PDF
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
PDF
Week 12 - Channel for Video Content
PDF
Week 10 -hero hub help - Video Content
PDF
PPTX
Macau (China)
PDF
We Are Social's Guide to Social, Digital, and Mobile in Hong Kong, Dec 2011
PDF
2015 Upload Campaigns Calendar - SlideShare
PPTX
What to Upload to SlideShare
PDF
Getting Started With SlideShare
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
Week 12 - Channel for Video Content
Week 10 -hero hub help - Video Content
Macau (China)
We Are Social's Guide to Social, Digital, and Mobile in Hong Kong, Dec 2011
2015 Upload Campaigns Calendar - SlideShare
What to Upload to SlideShare
Getting Started With SlideShare
Ad

Similar to Week 7 DPUrt392 Aj.Morraget (20)

PDF
เอกสาร Infographic การทำ Infographic เบื้องต้น
PDF
infographics
PDF
PDF
เปลี่ยนข้อมูลที่ซับซ้อนให้เข้าใจง่ายด้วยอินโฟกราฟิก (Infographic)
PDF
Infographics Course at DPU 2015
PDF
Infographic คืออะไร.pdf
PDF
อินโฟกราฟิก (Infographic) คืออะไร
PDF
Infographic for Communication
PDF
slide intro Infographic
PDF
หลักสูตร Gifographic
PDF
PDF
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
PDF
Infographic
PDF
Infographic : พลิกรูปแบบการนำเสนอ (EP1)
PPTX
Infographic final
PDF
Infographic presentation
PDF
เอกสาร Infographics
PDF
เอกสาร Infographic
PPTX
Infographics (อินโฟกราฟฟิค)
PDF
Infographic Design การออกแบบอินโฟกราฟิก
เอกสาร Infographic การทำ Infographic เบื้องต้น
infographics
เปลี่ยนข้อมูลที่ซับซ้อนให้เข้าใจง่ายด้วยอินโฟกราฟิก (Infographic)
Infographics Course at DPU 2015
Infographic คืออะไร.pdf
อินโฟกราฟิก (Infographic) คืออะไร
Infographic for Communication
slide intro Infographic
หลักสูตร Gifographic
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
Infographic
Infographic : พลิกรูปแบบการนำเสนอ (EP1)
Infographic final
Infographic presentation
เอกสาร Infographics
เอกสาร Infographic
Infographics (อินโฟกราฟฟิค)
Infographic Design การออกแบบอินโฟกราฟิก
Ad

More from Morraget Morraget (11)

PDF
Week 13_C ตัวที่ 4 Communication
PDF
ฺBrief Video Content "5ธันวาคม2559"
PDF
240 ชุดสีพร้อมใช้ - Creative Color Schemes (creativecolorschemes.com)
PDF
Week 6 DPUrt392 Aj.Morraget
PDF
Thailand internet user profile 2016 (ดีมาก)
PDF
การบ้าน Twitter มา present ในห้อง (24 กย.)
PPTX
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
PDF
โจทย์ สอบย่อย Week 3 DPURT392
PDF
Week 3 DPUrt392 Aj.Morraget
PDF
Week 1 DPUrt392 Aj.Morraget
PDF
Week 2 DPUrt392 Aj.Morraget
Week 13_C ตัวที่ 4 Communication
ฺBrief Video Content "5ธันวาคม2559"
240 ชุดสีพร้อมใช้ - Creative Color Schemes (creativecolorschemes.com)
Week 6 DPUrt392 Aj.Morraget
Thailand internet user profile 2016 (ดีมาก)
การบ้าน Twitter มา present ในห้อง (24 กย.)
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
โจทย์ สอบย่อย Week 3 DPURT392
Week 3 DPUrt392 Aj.Morraget
Week 1 DPUrt392 Aj.Morraget
Week 2 DPUrt392 Aj.Morraget

Week 7 DPUrt392 Aj.Morraget