#สวสดครบ

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 ฯลฯ

#2 Get to the essence.

สกดสาระส าคญออกมา

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

ลองคดดวาเรองทจะท า... สามารถ แปรเปนประโยคสนกระชบ และตรงประเดนไดไหม!? ผอานเขาใจแคไหน (Key Message)

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

#3 Fine Data.

รวบรวมขอมลทงหมด

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

ขอมลทรวบรวม ลองหา - ขาว ขอเทจจรง บทความ - งานวจย - สถต, ตวเลขทเกยวของ - รปภาพทเกยวของ, วดโอทเกยวของ

ทดลองหาขอมล ทง “ทางตรง” ทเลาสาระส าคญของงานได หรอ “ขอมลทางออม” ทสามารถบดมาใชได

#4 Fine Infights.

คนหาขอมลเชงลก

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

จากขอมลทไดทงหมด ใหลองท า..... - ลองระดมสมอง สมมตตวเองวาเปนผอาน - นกถงพฤตกรรมของเขา ความรสก ความคดความเชอของเขา - แลวลองดขอมลวา.... - จากขอมลน “เขาอยากจะรเรองไหน อยากรหรอไม”

ถาเราคนเคยกบขอมลทมอยจะท าใหสามารถเลาเรองราวได การใสใจกบเนอหาทส าคญทจะชวยใหการน าเสนอขอมลมคณคา

“อยากจะบอกกบคนอนวาอะไร เพราะอะไร ใครเปนด

และอยากใหเขาท าอะไร”

(what to say) แปรเปนประโยคสนกระชบ และตรงประเดนไดไหม!?

ผอานเขาใจแคไหน

(Key Message)

#1 #2

ขอมลทรวบรวม

หา INSIGHT

#4

#3

“หวใจ” ของอนโฟกราฟค

HOW TO MAKE InfoGraphics

#5 Create Narrative.

สรางโครงการเลาเรอง

เมอไดขอมลทจะเลาแลว ลองวางโครงเรองในการเลา

ลองจดล าดบการรบรของคนอาน - เรองไหนควรมากอน มาหลง เรองไหนควรตอกบเรองไหน ท ายงไงใหคนอ ดจนจบ ดทงหมด ไมเบอ - ขอความ & ภาพ สอดคลองกน ชวยกนเลาเรอง สออารมณ - พยายามเชอมตอขอมลทงหมดไวใหได

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

HOW TO MAKE InfoGraphics

#6 Create a layout.

วางเลยเอาท / Design Direction

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

ลองวางลองในกระดาษเปลา.... - จดสดสวนเนอทขอมลแตละกอน (อะไรจะเนน อะไรไมเนน)

- ในสดสวนขอมลแตละกอน ลอง จะใสภาพ และตวหนงสอ สดสวนอยางไร พอหรอไม

หาธม หา Concept ของงานออกแบบใหได สไตลภาพ Font และคมใหเปนเปนสไลตเดยวทงงาน

กฏ 3 ส : ใชแค 3 ส กเพยงพอแล

HOW TO MAKE InfoGraphics

#7 Illustrate.

ออกแบบภาพประกอบ

ภาพประกอบท าใหคนดมอารมณรวมไปกบงานของเรา มนคอการสราภาพความทรงจ า ไมใชแคภาพประกอบ

หลกการใชภาพประกอบ - ใชภาพสไตลเดยว ในงานชนเดยว

- ใหภาพเลาเรองไดมากทสด ตอนท าภาพประกอบใหคดวา ถาคนอานหนงสอไมออกกดงานรเรอง

ตอบไมไดวาใชภาพเยอะหรอนอยแคไหน แตตอบไดวา ภาพไหนจ าเปน ไมจ าเปนตองาน!

ตวอยาง

ตวอยาง

HOW TO MAKE InfoGraphics

#8 Test on Different Devices.

ลองดผานเครองมอสอสารจรง

เมองานเสรจตามทตองการแลว (ขอมล รปภาพ ส) ใหลอง Export ไฟล ดวยขนาดและ Format จรงทจะใชสอสาร

ทดลองดงานใน Device ทหลากหลายมากทสด - ลองใชโทรศทพมอถอ หลากยหอดงานจรงๆ - ลองใช Tableb หลายรน หลายยหอ ดงานจรงๆ - ลองใช Computer หลายรน หลายยหอ ดงานจรงๆ

ใหคดวาตวเองคอคนดจรงๆ เคยเหนครงแรก รสกอยางไร อานออกหรอไม รเรองหรอไม...ถาไม = แก

ตวอยาง

ตวอยาง

HOW TO MAKE InfoGraphics

#9 Make 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

ทมกเจอเมอท า

ความ