Download - Week 7 DPUrt392 Aj.Morraget
![Page 1: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/1.jpg)
#สวสดครบ
![Page 2: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/2.jpg)
RT392
WEEK 07.
DHURAKIJ PUNDIT UNIVERSITY
COMMUNICATIONS ARTS
MORRAGET
การเสนอขาวสารโดยใช INFOGRAPHIC
![Page 3: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/3.jpg)
Infographic คออะไร!?
information graphics ► การรวมกนระหวาง “ภาพ” และ “ขอมล” ► มการยอยเนอหาใหเขาใจงาย
และจดเรยงออกแบบใหอยรวมกน
![Page 4: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/4.jpg)
Infographic ► “แปลงขอมลใหเปนภาพ” ใหเขาใจงาย และ สอสารกบคนดวยสงทจบตองได
► น าเสนอทท าใหผชมรบทงขอมล “ภาพรวม” และ “เจาะจง” ไดในหนงเดยว ► “ผสมผสาน” ระหวางขอมลและงานออกแบบเพอเสรมประสทธภาพการสอสาร
► “Edutainment” ระหวางขอมลและงานออกแบบเพอเสรมประสทธภาพการสอสาร
ลกษณะเฉพาะตว!?
![Page 5: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/5.jpg)
สวนประกอบของอนโฟกราฟก
TEXT ขอความเสรมความเขาใจ
VISUAL ภาพเลาเรอง
![Page 6: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/6.jpg)
HOW TO MAKE InfoGraphics
![Page 7: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/7.jpg)
#1 Write a brief.
ก าหนดโจทยสนๆ ทชดเจน
เรมตนจากไอเดย (เพราะไอเดยส าคญกวาดไซน) อยาเรมตนจากดไซน หรอ เทคโนโลย
เขยน 1 ประโยคสนๆ ใหไดวา... “อยากจะบอกกบคนอนวาอะไร เพราะอะไร ใครเปนด และอยากใหเขาท าอะไร” (what to say)
ก าหนดชองทางการเผยแพรดวย เพราะมผลตอการท างาน เชน หนงสอ, Facebook, Instagram, Website ฯลฯ
![Page 8: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/8.jpg)
#2 Get to the essence.
สกดสาระส าคญออกมา
ไอเดยดๆ อาจตความไปไดหลากหลาย แตจรงๆ แลว จะมแค 1 สาระส าคญ ทเปนตนตอของไอเดยเหลานน
ลองคดดวาเรองทจะท า... สามารถ แปรเปนประโยคสนกระชบ และตรงประเดนไดไหม!? ผอานเขาใจแคไหน (Key Message)
ถาเขยนเอง ยงไมเขาใจเอง ใหเขยนและปรบใหม หากยงเขยนเปนค าไมชด การตความเปนภาพกจะ ยงไมตรงประเดน
![Page 9: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/9.jpg)
![Page 10: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/10.jpg)
#3 Fine Data.
รวบรวมขอมลทงหมด
เมอตดสนใจไดแลว กเรมรวบรวมเนอหา ขอมลทตรงกบ สาระส าคญ
ขอมลทรวบรวม ลองหา - ขาว ขอเทจจรง บทความ - งานวจย - สถต, ตวเลขทเกยวของ - รปภาพทเกยวของ, วดโอทเกยวของ
ทดลองหาขอมล ทง “ทางตรง” ทเลาสาระส าคญของงานได หรอ “ขอมลทางออม” ทสามารถบดมาใชได
![Page 11: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/11.jpg)
#4 Fine Infights.
คนหาขอมลเชงลก
การน าเสนอดวยขอมลเชงลก ท าใหงานนาสนใจ และโดนใจขน เพราะขอมลเชงลกจะบอกไดวา คนอยากจะด เรองอะไร
จากขอมลทไดทงหมด ใหลองท า..... - ลองระดมสมอง สมมตตวเองวาเปนผอาน - นกถงพฤตกรรมของเขา ความรสก ความคดความเชอของเขา - แลวลองดขอมลวา.... - จากขอมลน “เขาอยากจะรเรองไหน อยากรหรอไม”
ถาเราคนเคยกบขอมลทมอยจะท าใหสามารถเลาเรองราวได การใสใจกบเนอหาทส าคญทจะชวยใหการน าเสนอขอมลมคณคา
![Page 12: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/12.jpg)
“อยากจะบอกกบคนอนวาอะไร เพราะอะไร ใครเปนด
และอยากใหเขาท าอะไร”
(what to say) แปรเปนประโยคสนกระชบ และตรงประเดนไดไหม!?
ผอานเขาใจแคไหน
(Key Message)
#1 #2
ขอมลทรวบรวม
หา INSIGHT
#4
#3
![Page 13: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/13.jpg)
“หวใจ” ของอนโฟกราฟค
![Page 14: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/14.jpg)
HOW TO MAKE InfoGraphics
![Page 15: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/15.jpg)
#5 Create Narrative.
สรางโครงการเลาเรอง
เมอไดขอมลทจะเลาแลว ลองวางโครงเรองในการเลา
ลองจดล าดบการรบรของคนอาน - เรองไหนควรมากอน มาหลง เรองไหนควรตอกบเรองไหน ท ายงไงใหคนอ ดจนจบ ดทงหมด ไมเบอ - ขอความ & ภาพ สอดคลองกน ชวยกนเลาเรอง สออารมณ - พยายามเชอมตอขอมลทงหมดไวใหได
ตองเปนอนหนงอนเดยวกน หากมอะไรรสกแปลกแยก = แสดงวาควรแก หรอตดออก
![Page 16: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/16.jpg)
HOW TO MAKE InfoGraphics
![Page 17: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/17.jpg)
#6 Create a layout.
วางเลยเอาท / Design Direction
ไดเวลาวางโครงรางของงานออกแบบ จดสดสวนเนอทขอมลแตละกอน ก าหนดสดสวน ขอมล รปภาพ
ลองวางลองในกระดาษเปลา.... - จดสดสวนเนอทขอมลแตละกอน (อะไรจะเนน อะไรไมเนน)
- ในสดสวนขอมลแตละกอน ลอง จะใสภาพ และตวหนงสอ สดสวนอยางไร พอหรอไม
หาธม หา Concept ของงานออกแบบใหได สไตลภาพ Font และคมใหเปนเปนสไลตเดยวทงงาน
![Page 18: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/18.jpg)
![Page 19: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/19.jpg)
![Page 20: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/20.jpg)
กฏ 3 ส : ใชแค 3 ส กเพยงพอแล
![Page 21: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/21.jpg)
![Page 22: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/22.jpg)
![Page 23: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/23.jpg)
![Page 24: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/24.jpg)
![Page 25: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/25.jpg)
![Page 26: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/26.jpg)
![Page 27: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/27.jpg)
![Page 28: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/28.jpg)
![Page 29: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/29.jpg)
![Page 30: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/30.jpg)
![Page 31: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/31.jpg)
![Page 32: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/32.jpg)
![Page 33: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/33.jpg)
![Page 34: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/34.jpg)
![Page 35: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/35.jpg)
![Page 36: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/36.jpg)
![Page 37: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/37.jpg)
![Page 38: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/38.jpg)
HOW TO MAKE InfoGraphics
![Page 39: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/39.jpg)
#7 Illustrate.
ออกแบบภาพประกอบ
ภาพประกอบท าใหคนดมอารมณรวมไปกบงานของเรา มนคอการสราภาพความทรงจ า ไมใชแคภาพประกอบ
หลกการใชภาพประกอบ - ใชภาพสไตลเดยว ในงานชนเดยว
- ใหภาพเลาเรองไดมากทสด ตอนท าภาพประกอบใหคดวา ถาคนอานหนงสอไมออกกดงานรเรอง
ตอบไมไดวาใชภาพเยอะหรอนอยแคไหน แตตอบไดวา ภาพไหนจ าเปน ไมจ าเปนตองาน!
![Page 40: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/40.jpg)
ตวอยาง
![Page 41: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/41.jpg)
ตวอยาง
![Page 42: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/42.jpg)
![Page 43: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/43.jpg)
![Page 44: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/44.jpg)
![Page 45: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/45.jpg)
![Page 46: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/46.jpg)
HOW TO MAKE InfoGraphics
![Page 47: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/47.jpg)
#8 Test on Different Devices.
ลองดผานเครองมอสอสารจรง
เมองานเสรจตามทตองการแลว (ขอมล รปภาพ ส) ใหลอง Export ไฟล ดวยขนาดและ Format จรงทจะใชสอสาร
ทดลองดงานใน Device ทหลากหลายมากทสด - ลองใชโทรศทพมอถอ หลากยหอดงานจรงๆ - ลองใช Tableb หลายรน หลายยหอ ดงานจรงๆ - ลองใช Computer หลายรน หลายยหอ ดงานจรงๆ
ใหคดวาตวเองคอคนดจรงๆ เคยเหนครงแรก รสกอยางไร อานออกหรอไม รเรองหรอไม...ถาไม = แก
![Page 48: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/48.jpg)
ตวอยาง
![Page 49: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/49.jpg)
ตวอยาง
![Page 50: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/50.jpg)
HOW TO MAKE InfoGraphics
![Page 51: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/51.jpg)
#9 Make it beautiful.
ตกแตงรอบสดทายกอนจบงาน
เกบรายละเอยดรอบสดทาย เพองานสมบรณทสด
ตรวจงานเปนสวนๆ - Copy : ขอความทงหมด สมบรณหรอไม ถกตองหรอไม
- Visual : ภาพประกอบ กราฟ เกบรายละเอยดดแลวหรอไม - Layout : สดสวน องคประกอบทงงานลงตวแลวหรอไม
ตรวจใหแนใจ ตรวจแลวตรวอก โดยเฉพาะขอมล ตวเลข ใหตรงเทยบกบขอมลตนฉบบเลย
![Page 52: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/52.jpg)
HOW TO MAKE InfoGraphics
![Page 53: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/53.jpg)
พลาดมาก INFOGRAPHIC
ทมกเจอเมอท า
ความ
![Page 54: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/54.jpg)
#1 อยากใสอะไรกใส
งานก กจะใสอะไรลงไปกได
แตมงจะใส “สารพดสตวบก” ลงไปไมได
![Page 55: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/55.jpg)
#1 อยากใสอะไรกใส
![Page 56: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/56.jpg)
#1 อยากใสอะไรกใส
![Page 57: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/57.jpg)
คนมกเขาใจวา “การดไซน” = ใสลกเลนอะไรกได ทงสตวอกษร กลองขอความ หรอสพนหลง อดแนนจนมวไปหมด
#1 อยากใสอะไรกใส Design Detail
การใสขอมลรายละเอยดมากเกนไป กจะท าใหผอานสบสนได แถมยงท าใหอนโฟกราฟฟกชนนนไมนาสนใจอกดวย
![Page 58: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/58.jpg)
แมจะมขอมลดแคไหน แตถาเลอกฟอรแมตหรอรปแบบทไมเหมาะสม (แผนภมวงกลม, กราฟแทง, กราฟเสน หรอสญลกษณแทนคาตางๆ) กจะท าใหการถายทอดขอความไมมประสทธภาพ
#2 ใชฟอรแมทไมเหมาะกบขอมล
แผนภมวงกลม อาจเหมาะกบแสดงเปอรเซนต หรอการแสดงสดสวน
แผนภมแทง (ทงแบบตงและนอน) จะเหมาะกบการเปรยบเทยบขอมลตางชนด ในเวลาเดยวกน หรอชนดเดยวกนแตตางเวลา แตทส าคญตองมหนวยเดยวกน เชน บาท กโลกรม หรอกโลเมตร ฯลฯ
![Page 59: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/59.jpg)
#3 ไมมเครดตผท า
เรองส าคญ ขอมลอาจจะถกตอง สมบรณ และเปนประโยชนมากๆ แตขาดความนาเชอถอ เพราะไมมเคตดตผท า
![Page 60: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/60.jpg)
#3 ไมมเครดตผท า โลโกแบรนด หรอ ผเปนเจาของงาน
มเชนนนงานของคณ อาจถกน าไปใชงายๆ โดยไมมการใหเครดตใดๆ (copyright)
อนโฟกราฟฟกเปนสอ ทตองการความนาเชอถอ การอางองผผลต หรอแหลงขอมล จะเพมความนาเชอถอได (trustworthiness)
ตองมระบในงาน infographic เราท าสอ ตองมวตถประสงค กลบมาทผผลต เชน แบรนดตองการชอเสยง ตองการใหคนรก ถาไมระบผท า คนดกไมร จะนกถงใคร ( Communication Objective)
![Page 61: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/61.jpg)
#3 ไมมเครดตผท า
![Page 62: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/62.jpg)
#5 ขอมลผด สะกดผด
![Page 63: Week 7 DPUrt392 Aj.Morraget](https://reader033.vdocuments.mx/reader033/viewer/2022051705/5889b1611a28aba54d8b5635/html5/thumbnails/63.jpg)
พลาดมาก INFOGRAPHIC
ทมกเจอเมอท า
ความ