Infographics Course at DPU 2015

22
INFOGRAPHIC COURSE Faculty of Information Technology อาจารย์ บัญญพนต์ พูลสวัสดิ

Transcript of Infographics Course at DPU 2015

Page 1: Infographics Course at DPU 2015

INFOGRAPHIC COURSE Faculty of Information Technology

อาจารย บญญพนต พลสวสด

Page 2: Infographics Course at DPU 2015

หลกการออกแบบ Infographics

Page 3: Infographics Course at DPU 2015

หลกการออกแบบ Infographics

Page 4: Infographics Course at DPU 2015

องคประกอบของ Infographics การรวบรวมขอมล การวเคราะหขอมล การสรปขอมล การออกแบบกราฟก การจดท าธมกราฟกของขอมล การน าเสนอ

การออกแบบ Infographics คอการน าขอมล ตวอกษร หรอตวเลขทเขาใจยาก มาเรยบเรยงและน าเสนอในรปแบบกราฟกทเขาใจงาย

Page 5: Infographics Course at DPU 2015

ตวอยางการวเคราะหขอมล เวบไซต http://www.cleothailand.com

ขอมลการเขาใชงานเปนตวเลขสถต และ %

Page 6: Infographics Course at DPU 2015

ตวอยางการวเคราะหขอมล เวบไซต http://www.cleothailand.com

ขอมลการเขาใชงานเปน ตวเลขสถต และ % และอยในแบบตาราง และ กราฟของ Excel งายๆ

Page 7: Infographics Course at DPU 2015
Page 8: Infographics Course at DPU 2015

ตวอยางการออกแบบ Infographics เวบไซต http://www.cleothailand.com

Page 9: Infographics Course at DPU 2015

ตวอยางการออกแบบ Infographics เวบไซต http://www.cleothailand.com

Page 10: Infographics Course at DPU 2015

ตวอยางการออกแบบ Infographics เวบไซต http://www.cleothailand.com

การออกแบบตามตวอยางขางตนคอการน าเสนอขอมลจากตารางสถตทวเคราะหมาแลวมาน าเสนอ ผานกราฟก โดยม แนวคดการออกแบบมาจากผออกแบบท ยดตามหลกของ Retro Styles

Page 11: Infographics Course at DPU 2015
Page 12: Infographics Course at DPU 2015

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

บางครงขอมลมกยาก เงอนไขมากมาย สทธประโยชนคออะไร อยายดเยอในขอมลมาก ใชเปน Bullets

ภาพประกอบจาก: http://infographicthailand.com/

Page 13: Infographics Course at DPU 2015

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

กระตนใหเกดการเปลยนแปลงพฤตกรรม

อธบายดวยขอเทจจรง

ภาพประกอบจาก: http://infographicthailand.com/

Page 14: Infographics Course at DPU 2015
Page 15: Infographics Course at DPU 2015
Page 16: Infographics Course at DPU 2015
Page 17: Infographics Course at DPU 2015
Page 18: Infographics Course at DPU 2015
Page 19: Infographics Course at DPU 2015
Page 20: Infographics Course at DPU 2015

10 เคลดลบในการท า Infographic ใหโดนใจ 1. ก าหนดเปาหมายอยางชดเจน 2. ก าหนดกลมเปาหมาย 3. มการก าหนดใจความส าคญในการน าเสนอ 4. เนอหาทน าเสนอบนอนโฟกราฟกตองมความทนสมยตรงประเดน,สนและกระชบ 5. มการส ารวจ และตรวจสอบขอมลทใชในการน าเสนอ 6. น าเสนอหวเรองทดงดดความสนใจและนาตดตาม 7. ออกแบบอนโฟกราฟกใหมความโดดเดนสะดดตา 8. มการบอกตอและแชรอนโฟกราฟกไปอยางกวางขวางผานชองทางตางๆ 9. ระบและอางองถงแหลงทมาของขอมลอยางชดเจน 10. มการสรปขอมลทงหมดทน าเสนอ เพอชวยใหผชมสามารถเขาใจถงใจความส าคญ ของเนอหาทน าเสนอไดอยางถกตองและตรงประเดน

Ref: http://www.elearning.ns.mahidol.ac.th/

Page 21: Infographics Course at DPU 2015
Page 22: Infographics Course at DPU 2015