1

คมอการอบรม Infographics

ปการศกษา 2559

2

ความหมายของ Infographics

Infographics คออะไร Infographics มาจากค าวา Information + Graphics อนโฟกราฟกส

(Infographics) หมายถง การน าขอมลหรอความรมาสรปเปนสารสนเทศ ในลกษณะของกราฟกทออกแบบ

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

ความหมายของขอมลทงหมดได โดยไมจ าเปนตองมผน าเสนอมาชวยขยายความเขาใจอก

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

มาน าเสนอในรปแบบตางๆ อยางสรางสรรค ใหสามารถเลาเรองไดดวยตนเอง

มองคประกอบทส าคญ คอ หวขอทนาสนใจ ภาพและเสยง ซงจะตองรวบรวมขอมลตางๆ ให

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

ในการอธบายเพมเตม กราฟกทใชอาจเปนภาพ ลายเสน สญลกษณ กราฟ แผนภม ไดอะแกรม ตาราง แผนท

ฯลฯ จดท าใหมความสวยงาม นาสนใจ เขาใจงาย สามารถจดจ าไดนาน ท าใหการสอสารมประสทธภาพ

มากขน

3

ประเภทของ Infographics

ส าหรบงาน Infographics นนเราสามารถแบงหรอจดหมวดหมใหญๆไดดงน

1.ขาวเดน ประเดนรอน และสถานการณวกฤต

เปน Infographics ทไดรบการแชรมากๆ มกจะเปนประเดนใหญระดบประเทศ เชน ประเดนการแกไข

รฐธรรมนญ

4

2.สอน ฮาวท How To

บอกเลากลยทธตางๆอยางเปนขนเปนตอน เชน เลาถงกลยทธการออมเงน ทใครๆกมกมองขาม

5

3. ใหความร

ในรปแบบของ Did You Know หรอ สถตส าคญทางประชากรตางๆตลอดจนการถายทอดความรทาง

วชาการทนาเบอ ใหมสสน สนก และ นาตดตาม

6

4.บอกเลาต านานหรอววฒนาการ

เรองราวบางอยางอาจตองถายทอดผานต าราหนาๆ แตดวย Infographics จะชวยท าใหต านาน

เหลานนบรรจอยในพนทๆจ ากดไดอยางนาทง

7

5.อธบายผลส ารวจ และ งานวจย

Infographics เหมาะทสดทจะถายทอดงานวจยทดยงเหยงไปดวยตวเลขและขอมลมหาศาลออกมา

เปนแผนภาพสวยๆและทรงพลง มหลายบรษทเรมใชเครองมอน เพอท าใหงานวจยของตวเองเขาถงคนหม

มาก

8

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

เชน ภยของการสบบรทมตอคนสบและคนทไมไดสบแตตองไดรบผลกระสบจากการสบบรดวย

ขอเทจจรงเหลานลวนมงหวงใหคนอานเกดการเปลยนแปลงพฤตกรรมของคนในสงคมใหดขน หากไดรบ

การแชรมากๆในโลกออนไลน กอาจสรางกระแส จนถงขนน าพาไปสการเปลยนแปลงพฤตกรรมในโลก

ออนไลนในทสด

9

7.โปรโมทสนคาและบรการ

ตวอยางการใช Infographic ในการ โปรโมทสนคา เหตผลวาท าไมถงเปลยนไปใช Nokia Lumia ใน

สไตล Infographicเหตผลอนดบหนงทมาพรอมกบตวเลขทสงถง 25% กลาววาเหตผลทตองการใช Nokia

Lumia นนเปนเพราะมนใจในแบรนด ชอดงและยงหลงรกหรอเปนแฟนพนธแทของ Nokia อยางเหนยว

แนน ในขณะทเหตผลอนดบสองทตามมาท 20.8% กลาววา ชอบในการออกแบบทมความโดดเดนและไม

เหมอนใครของ Nokia Lumia อยางไรกตามภาพ Infographic ท Nokia จดท าขนนเปนสวนหนงของการโป

รโมทแคมเปญทมชอวา “Switched to Lumia” ซง Nokia ตงใจใหเหนถงเหตผลของความตองการทจะ

เปลยนใจมาใช Nokia Lumia นนเอง

10

The Power of Visual Storytelling

ปรากฎการณทเหนเดนชดในทกวนนคอ Infographic แทรกซมและซอกซอนไปไดในทกๆสอ ท ง

หนงสอพมพ นตยสาร และสอDIgital อยาง Website ,Blog และ Social Media รหรอไมวาค าวา

Infograpphics มการรายงานสบคนใน Google มากถง 14.5 ลานขอมล ณ.วนท 15 พย. 2555 เพมขนถง 800%

ภายในระยะเวลาเพยง 2 ปเทานน

พลงของ Infographic มผลตอการรบรของมนษยโดยตรง ตวอยางทมกมการหยบยกไปอางองอยเสมอ คอ

90% ของขอมลทเขาสสมองของคนเราคอขอมลทเปนรปภาพ เพราะรปภาพและไอคอนกราฟฟกตางๆเรา

ความสนใจไดดกวา คนจดจ าเรองราวจากการอานไดเพยง20% และ 40%ของผบรโภคจะตอบสนองตอ

ขอมลทเปนรปภาพมากวาขอมลทเปนตวหนงสอธรรมดา และการ Post Infographic ใน social Media อยาง

Twitter จะมการ ReTwitter มากกวาการ Post ในรปแบบเทรดดชนแนลถงขณะท 45% ของ

ใชงาน Website จะ Click Link นน หากเปนขอมล Infographics ขณะท 30% จะ Forword หรอ

Shareตอขอมลนนจะไรสาระหรอไมมประโยชนใดๆกตาม

11

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

หลกการออกแบบอนโฟกราฟกส (Infographics) แบงเปน 2 สวน คอ

1. ดานขอมล ขอมลทจะน าเสนอ ตองมความหมาย มความนาสนใจ เรองราวเปดเผยเปนจรง ม

ความถกตอง

2. ดานการออกแบบ การออกแบบตองมรปแบบ แบบแผน โครงสราง หนาทการท างาน และความ

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

การสรางอนโฟกราฟกสใหดงดดความสนใจ (Designing An Amazing Infographics)

ขอมลสารสนเทศสามารถน ามาจดท าใหสวยงามและมประโยชน หากมการน าเสนอทด ทผานมา

ขอมลสารสนเทศจ านวนมากถกน ามาจดกลมท าใหไมนาสนใจการจดทาขอมลใหเปนภาพกราฟกจงเปนท

นยมในปจจบน อนโฟกราฟกสเปนการออกแบบใหเปนภาพทชวยอธบายขอมลทซบซอนใหเขาใจงาย

12

Hyperakt’s Josh Smith ผเชยวชาญดานการออกแบบ ไดคนพบกระบวนการทดในการออกแบบ

อนโฟกราฟกส (Infographics) 10 ขนตอน

1. การรวบรวมขอมล (Gathering data) คดเลอกขอมลดบทรวบรวมมาแตทยงไมเปนระเบยบ โดย

อาจใชโปรแกรม Microsoft Excel เขยนแหลงอางองทมาของขอมลทเปนตนฉบบ บนทกภาพตางๆ ท

เกยวของจากแหลงขอมลทหลากหลาย ไมควรแยกภาพหรอแผนภาพกบขอมลออกจากกน

2. การอานขอมลทงหมด (Reading everything) การอานขอมลเฉพาะจดเนนหรออานอยางผวเผน

ใหผานไปอยางรวดเรวเพราะคดวาเสยเวลาจะท าใหไดขอมลไมสมบรณขอมลตางๆ ทเกยวของจะชวยใหเรา

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

ขอมลทส าคญไมถกละเลยทจะมาสนบสนนเรองราวทตองการน าเสนอ

3. การคนหาวธการเลาเรอง (Finding the narrative) การเลาเรอง การบรรยาย การน าเสนอขอมลท

นาเบอจะท าใหอนโฟกราฟกสนาเบอ เว นแตวาจะคนพบการน าเสนอเรองราวท ดงดดความสนใจ

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

สนบสนนขอโตแยงการหาวธการเลาเรองทนาสนใจอาจจะยงยากในระยะแรก ถาเราคนเคยกบขอมลทมอย

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

4. การระบปญหาและความตองการ (Identifying problems) หาเอกลกษณ ระบชอ ชตว แสดงตว

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

นาเสนอ ควรมการอภปรายหาขอสรปทแทจรงเพอระบปญหาและความตองการผชมตองการขอมลทมการ

จดการและมการออกแบบทด มฉะนนจะกลายเปนหลกฐานทไมถกตองขอมลตองถกตองและไมผดพลาด

ปรบปรงขอมลและเรองราวใหมเอกลกษณตรงกบหวขอศกษาทบทวนหลายๆ ครงหาวธการน าเสนอขอมล

อยางถกตองและมคณคา ซงไมใชเรองงายในการออกแบบใหชนะใจผชมนกออกแบบทดตองมมมมองและ

เหนคณคาในรายละเอยดของขอมลทชดเจน

5. การจดล าดบโครงสรางขอมล (Creating a hierarchy) การจดล าดบชนของขอมลเปนทนยมใน

การสรปขอมล เปนการน าผชมใหมองเหนภาพรวมตงแตตนจนจบเปนวธการจดการกบขอมลในการสราง

อนโฟกราฟกสและตรงผชมตามโครงสรางล าดบชนของขอมล การจดรปแบบขอมลตามล าดบจะสงเสรม

ใหผชมเขาถงขอมลเปนชวงระยะของการเลาเรอง ซงกลายเปนวธการทแพรหลายในการออกแบบ

อนโฟ -กราฟกส

13

6. การออกแบบโครงสรางขอมล (Building a wireframe) เมอพจารณาตรวจสอบคดเลอกขอมล

อยางละเอยดแลว จดแบงขอมลเปนล าดบชน และออกแบบโครงสรางของของขอมลผออกแบบควรท าความ

เขาใจกบภาพหรอกราฟกท เปนตวแทนของขอมลส าคญ ทจดไวเปนล าดบช นแลว น าไปใหผ ชม

วพากษวจารณ การออกแบบทผานการโตเถยงจากบคคลในหลายมมมองทใหขอเสนอแนะแตกตางกน

ออกไป จะเปนขอสรปของการจดทาโครงสรางอนโฟกราฟกส

7. การเลอกรปแบบอนโฟกราฟกส (Choosing a format) เมอสนสดการก าหนดภาพหรอกราฟกท

เปนตวแทนของขอมลแลว วธจดกระท าขอมลทดทสดคอ การน าเสนอขอมลดวยแผนผง กราฟตางๆ เชน

กราฟแทง กราฟเสน กราฟวงกลม หรออาจจะใชไดอะแกรม หรอผงงานเพออธบายกระบวนการท างาน อาจ

น าแผนทมาประกอบในการเลาเรอง หรอบางทการใชตวเลขนาเสนอขอมลงายๆ อาจเปนวธทดทสด

8. การก าหนดภาพใหตรงกบหวขอ (Determining a visual approach) การเลอกใชภาพในการท าให

อนโฟกราฟกสใหดดมสองแนวคด คอ ใชขอมลดบมาจดท าเปนกราฟหรอแผนผงใหนาสนใจ ใชส การ

พมพ และการจดโครงสรางในการออกแบบงานใหมศลปะ และใชลายเสน วาดภาพหรอค าอปมา

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

แผนผงเทานน เราไมควรตดยดกบวธการใดวธการหนง ควรผสมผสานวธการใชกราฟ แผนภาพ และ

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

เสรมดวยขอมล สอ ตราสญลกษณ และเนอหาในการออกแบบใหตรงกบหวขอ

9. การตรวจสอบขอมลและทดลองใช (Refinement and testing) เมอออกแบบอนโฟกราฟกส

เสรจแลวเรมตรวจสอบขอมลอยางละเอยด ผชมจะดทงขอมลและภาพทเลาเรองราว เพอใหแนใจวาผลงานท

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

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

ผทไมเคยเหนขอมลมากอน ประเมนกลบไปกลบมาระหวางผชมและกลมตวอยางจนกระทงลงตวไดขอยต

จงน าเสนอเผยแพรสสาธารณะ

10. การแบงปนความรในอนเทอรเนต (Releasing it into the world) อนโฟกราฟกสสวนใหญ

เผยแพรแบงปนในอนเทอรเนต มแพรหลายเปนทนยม เปนการทดสอบผลงานขอมลทมลกษณะทนาสนใจ

จะถกอานโดยบคคลทวไป ขอมลทถกตรวจสอบและพจารณาจากผเชยวชาญแลวไมไดหมายความวาเราจะ

เปนผค นพบวธการเลาเรองราวน น ถงแมวาผลงานจะเคยถกเผยแพรมาแลว การวพากษวจารณจาก

14

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

ปรบปรงแกไข ผลงานทถกวจารณจากผเชยวชาญมาสตวเราเหมอนเปนรางวลในการท างาน การออกแบบท

ถกกลนกรองอยางเขมขนเปนสวนหนงทจะสะกดผชม

การสรางอนโฟกราฟกสใหมประสทธภาพ (Designing Effective Infographics)

อนโฟกราฟกสเปนทนยมแพรหลายในอนเทอรเนต เพราะสามารถถายทอดขอมลจากการ

ออกแบบทมศลปะอยางแทจรง เปนภาษาสากลทสามารถเลาเรองราวแมวาดแคภาพทน าเสนอ เราสามารถ

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

สวยงาม แกสงตางๆ ท าใหขอมลนาประทบใจมคณคาอยางมนยเพอทจะเผยแพรสสาธารณะ

1. เนนทหวขอหลกหวขอเดยว (Focus on a single topic) สงแรกทตองพจารณาคอหวขอหลกใน

การสรางอนโฟกราฟกส คณจะมผลงานทมประสทธภาพ ถาพยายามตอบค าถามเดยวจะชดเจนถารทศทาง

ของสงทจะท า สงนจะขจดความยงยากส าหรบผอานและผชม หลงจากก าหนดหวขอแลวก าหนดค าถาม

เฉพาะทตองการค าตอบในอนโฟกราฟกส

15

2. ออกแบบใหเขาใจงาย (Keep it simple) ตงแตเรมออกแบบขอมลคณตองแนใจวาขอมลไมอด

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

ไมมประสทธภาพ

3. ขอมลเปนสงส าาคญ (Data is important) การสรางอนโฟกราฟกสตองค านงถงขอมลทเกยวกบ

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

แนใจวาการออกแบบเนนทขอมลและรปแบบของอนโฟกราฟกส

4. แนใจวาขอเทจจรงถกตอง (Be sure facts are correct) การท าขอมลใหถกตองเปนสงส าคญถา

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

ถกตอง ศกษาคนควาหาขอเทจจรงและใชขอมลทถกตองอยาลมอานผลงานและตรวจสอบขอเทจจรงให

ถกตอง

5. ใหอนโฟกราฟกเปนตวเลาเรอง (Let it tell a story) อนโฟกราฟกสทมประสทธภาพสามารถเลา

เรองราวดวยภาพวาดหรอกราฟก ซงสามารถบอกบางสงบางอยางและสามารถถายทอดขอมลไดถงแมวา

ผชมจะไมไดอานขอมลมากอน

16

6. การออกแบบทดท าใหมประสทธภาพ (Good design is effective) การบรรยายดวยภาพถามการ

ออกแบบทดจะดงดดใจผชม สงส าคญคอออกแบบอนโฟกราฟกสใหเขาใจงาย ใชความคดสรางสรรค

ออกแบบใหนาสนใจ ภาพ กราฟก ส ชนด แบบ และชองวาง

7. ใชสทดงดดความสนใจ (Choose attractive colors) การใชสเปนสงจ าเปนควรเลอกใชสท

กระตนดงดดความสนใจผชม ควรศกษาทฤษฎการใชสดวย ใชสใหถกตองเหมาะสมกบหวขอวาเราจะ

ออกแบบอนโฟกราฟกสใหใครชม ไมจ าเปนตองท าใหมสสนมาก อนโฟกราฟกสบางชนมสเพยงเลกนอยก

มประสทธภาพได

17

8. ใชค าพดทกระชบ (Use short texts) การออกแบบภาพทใชในการน าเสนอ จ าเปนตองสรป

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

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

เขาใจงาย

9. ตรวจสอบตวเลขขอมล Check your numbers) ถาน าเสนอขอมลดวยตวเลขผานกราฟและ

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

วธนจะท าใหอนโฟกราฟกสมประสทธภาพมากขน

10. ท าไฟลอนโฟกราฟกสใหเลก (Make the file size small) ท าไฟลอนโฟกราฟกสใหเลกเพอให

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

ใชเวลานอยในการถายโอนขอมลใสแฟลชไดรฟ สามารถแนบไฟลสงอเมลไปใหผอน แตไมควรลดคณภาพ

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

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

มหาศาลทแพรหลายอยในอนเทอรเนต ขอมลบางสวนออกแบบเปนอนโฟกราฟกสซงถกตพมพออกมาใช

งานดวย อนโฟกราฟกสเปนเครองมอส าคญในการสอน วงการธรกจ เปนแรงบนดาลใจทมอทธพล ในการ

น าเสนอและการสอสารขอมลทยงยากซบซอน ประสทธภาพของอนโฟกราฟกสน นตองอาศยวธการ

ออกแบบทมพลงทยงใหญ

ขอควรค านกในการท า Infographics

1. อยาใชขอมลมากเกนไป (Don’t use too much text) อนโฟกราฟกสเปนการออกแบบโดยใช

ภาพ ควรมตวหนงสอนอยกวาภาพหรอแบงสวนเทาๆ กน ซงเหมาะส าหรบผทอานนอยและขนอยภาพ

ขอมล ถาคณยงคงใสตวหนงสอมากและมภาพนอยกยงไมถงวตถประสงคของอนโฟกราฟกส

2. อยาท าขอมลทน าเสนอใหยงยากซบซอน (Don’t make confusing data presentation) เสนอ

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

และตองแนใจวาคณจดการกบขอมลใหชดเจนและเขาใจงาย ซงมกจะท าโดยการใชกราฟ ภาพวาด และ

กราฟกอนๆ มองดทอนโฟกราฟกสเหมอนเปนผชมเองวาสามารถตอบค าถามทคณตองการบอกผชมหรอไม

18

3. อยาใชสมากเกนไป (Don’t overuse color) การออกแบบอนโฟกราฟกสโดยใชสมากเกนไปจะ

ท าใหประสทธภาพในการน าเสนอขอมลนอยลง ผอานจะไมสามารถอานและเขาใจเนอหาไดด ควรศกษา

จตวทยาการใชสทตดกนดวยเพอค านงถงสขภาพของผชม

4. อยาใสตวเลขมากเกนไป (Don’t place too much numbers) การใชตวเลขชวยใหการสราง

อนโฟกราฟกสมประสทธภาพ แตอยาใชใหมากเกนไปจะท าใหผลผลตของคณออกมาเหมอนเปนใบงาน

วชาคณตศาสตร จ าไววาคณตองใชกราฟกน าเสนอจ านวนตางๆอยาใชตวเลขทงหมดในการท าใหขอมล

ยงยากซบซอน ออกแบบตวเลขใหงายเทาทจะท าไดและแนใจวาขอมลถกตองเหมาะสมเขาใจงาย

5. อยาละเลยขอมลทไมสามารถระบแยกแยะได (Don’t leave figures unidentified) อนโฟ-

กราฟกสบางเรองขาดตวเลขไมได ขอเทจจรงบางอยางตองมตวเลขขอมลทางสถต แตผชมอาจไมเขาใจ

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

ไมมประโยชน ดงนนตองแนใจวาใสปายระบค าอธบายของขอมลแตละชด

19

6. อยาสรางอนโฟกราฟกสใหนาเบอ (Don’t make it boring) อนโฟกราฟกสสวนมากจะใหความร

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

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

บอกเรองราวแกผชมตามจดประสงคทต งไวไดอยางมประสทธภาพ

7. อยาใชวธการพมพผด (Don’t misuse typography) หลกการพมพมบทบาททส าคญในการ

ออกแบบ ทชวยใหอนโฟกราฟกสดดขน ท าใหงายในการถายทอดขอมล แตถาใชผดวธจะเปนสงทเปน

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

ตพมพผดไป แนใจวาใชวธการพมพถกตองจะท าใหการตความไมไขวเขว สงเกตการใชสทดและขนาดของ

Fonts ดวย

20

8. อยาน าเสนอขอมลทผด (Don’t present wrong information) ไมมใครอยากเหนอนโฟกราฟกส

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

จะท าใหผอานเขาใจผดเปนสงไมด ขอมลในอนโฟกราฟกสจะตองแมนย า นาเชอถอ และถกตอง

9. อยาเนนทการออกแบบ (Don’t focus on design) อนโฟกราฟกสไมจ าเปนตองเนนทการ

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

มขอมลผดพลาดหรอมประโยชนนอย ดงนนกอนสรางอนโฟกราฟกสดวามขอมลทจ าเปนทงหมดอยาง

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

มนส าคญดวยเพราะอนโฟกราฟกสเปนการผสมผสานระหวางขอมลและการออกแบบกราฟกอยางม

ประสทธภาพ

10. อยาใชแบบเปนวงกลม (Don’t use a circus layout) แบบอนโฟกราฟกสควรจะดและสามารถ

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

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

ใสขอมลทดไว

21

โปรแกรมทใชในการด าเนนงาน

โปรแกรม Adobe Photoshop

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

ทสด เนองจากคณสมบตเดนทมอยมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชใน

งานประเภทตางๆ ทงภาพทถายจากกลองดจตอล และภาพทจะน าไปผานกระบวนการพมพ โปรแกรมม

ความสามรถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคพเศษตางๆ มเครองมอทมประสทธภาพ

และความยดหยนสง

โปรแกรม Adobe Illustrator

Illustrator เปนโปรแกรมทใชในการวาดภาพ โดยจะสรางภาพทมลกษณะเปนลายเสน หรอ

ทเรยกวา Vector Graphic จดเปนโปรแกรมระดบมออาชพทใชกนเปนมาตรฐานในการออกแบบระดบสากล

สามารถท างานออกแบบตางๆ ไดหลากหลาย ไมวาจะเปนสงพมพ บรรจภณฑ เวบ และภาพเคลอนไหว

ตลอดจนการสรางภาพเพอใชเปนภาพประกอบในการท างานอนๆ เชน การตน ภาพประกอบหนงสอ

เปนตน

โปรแกรม Microsoft Word

เปนโปรแกรมส าหรบสรางเอกสาร โปรแกรมประมวลผลค า (Word Processor) หรอทเรยกกน

อยางยอๆ วา “เวรด” (Word) เปนโปรแกรมทใชในการสรางเอกสารทวไป ตวอยางเชน จดหมาย ใบปะหนา

แฟกซ ท ารายงาน หรอแมกระทงหนงสอเปนเลมกตาม โปรแกรมไมโครซอฟตเวรดเปนหนงในชด

โปรแกรมไมโครซอฟตออฟฟศ (Microsoft Office)

โปรแกรม Microsoft PowerPoint

เปนโปรแกรมในตระกลออฟฟต ซงเนนงานทเปนการน าเสนอขอมล รปภาพ หรอ อธบาย

รายละเอยดทเนนการน าเสนอเปนหลก เปนอกหนงโปรแกรมทสามารถน ามาสรางเปน Infographics ท

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

สรางรปภาพ หรอขอมลทจะใสลงไป รวมทงสามารถบนทกออกไปเปนไฟลทใชงานรวมกบโปรแกรม

อน ๆ ไดหลากหลาย หรอจะบนทกแลวสรางเปนอนโฟกราฟฟกเพอใชงานไดทนท

22

สรปขนตอนแบบงาย ๆ ในการสราง Infographics

23

24

25

26

ออกแบบ Infographics ดวย 9 Layout

27

เชอหรอไมวา หากคณมขอมลดๆอยในมอ แตคณน าเสนอมนไมถกวธ ขอมลดๆกอาจกลายเปนไมดได (เหมอนเจตนาดแตพดไมเปนกกลายเปนไมดไปซะงน) การท า Infographic กเชนกนครบ ถาเราเลอกรปแบบของ Infographic ไมเหมาะสมกบขอมล กจะท าใหขอมลถกลดความหมาย หรอไมนาสนใจเทาทควร

วนน Infographic Thailand เราเลยมาเสนอรปแบบ Infographic แบบตางๆ ทคณสามารถน าไปใชสรางงาน Infographic ของคณใหเปน Infographic คณภาพไดทนท

1. Visualised Article

เหมาะส าหรบการน าบทความ งานเขยน มาเลาผาน Infographic เพราะฉะนน Infographic แบบนจงตองใชการน าเสนอทเหมาะสมกบขอมลแตละชนด เชน ถามตวเลขกควรน าเสนอผานกราฟแบบตางๆ หรอ ตวหนงสอกสามารถสอสารดวยภาพประกอบ หรอ icon เทคนค : สรปบทความ และเลอกประเดนกอนน าเสนอ

28

2. Listed

เปน Infographic ทคนไทยเรานาจะคนเคยกนดครบ มกจะใชตวเลขน าในเฮดไลน เชน “5วธ” ดแลหนสวย, “4 เทคนค” พชตใจนายจาง การน าเสนอแบบเปนขอๆแบบนเหมาะกบเรองทไมยาวนก และไมควรเปนเรองทเครยดมากเกนไป

เทคนค : ลองวเคราะหวาขอไหนสามารถรวบเปนขอเดยวกนได เพราะยงมหลายขอยงจดจ าไดยาก

29

3. Comparison

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

เทคนค : ใชการจดวางทเหมอนกนทงสองฝง ท าใหเหนความตางทชดเจน, ใชสคตรงขามเปนตวแบงฝง ท าใหดงายขน

30

4. Structure

เหมาะกบการใชอธบายสวนประกอบของบางสง เทคนค : พยายามสรางภาพใหเหนแตละสวนประกอบ เชน ภาพเหมอนสแกนเขาไปภายใน หรอ การแยกแตละสวนออกหางกน ไมซอนกน

31

5. TimeLine

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

32

6. Flowchart

เปนการน าเสนอแบบเปนล าดบขน เหมาะกบการเสนอเปนควซใหผอานไดทราบค าตอบทตองการโดยการอานไลลงไปตามเสนจนถงดานลางสด

เทคนค : ระวงเรองความยงเหยงของเสน, ใชสชวยแยกเสน ลดความสบสนในการอาน

33

7. Roadmap

เปนการอธบายทละขนตอน เหมาะกบการอธบายขนตอนการท างาน หรอการเดนทาง เชน ขนตอนการท างานขององคกร ขนตอนการรบพนกงานเขาท างาน การเ ดนทางของ เดกนก เ รยน สการเปนน สต เทคนค : เรองตองนาสนใจพอทคนอยากจะรทละขนตอนขนาดน

34

8. Useful Bait

เปน Infographic ทท าใหเราเหนวธท าบางอยาง โดยทเราเหนแลวสามารถน าไปใชไดทนท

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

35

9. NumberPorn

คอ Infographic ทเตมไปดวยตวเลข และกราฟ หากคณมตวเลขทนาสนใจมากเพยงพอกสามารถน าเสนอในรปแบบนได เทคนค : ไมใชแคมตวเลขมาก แตตวเลขตองนาสนใจ หรอเกยวของกบคนอานมากพอ,ถงจะมกราฟหลายประเภทแตควรเลอกสไตลกราฟฟคแบบเดยวกนทงภาพ เชน 3D, Flat

36

ขนตอนการท า Infographic

1.เลอกหวขอ topic

- คนไทยกบโรคมะเรง

หากมหวขอทก าหนดไวแลว สามารถขามไปขนตอนถดไปไดเลย แตถายงไมมกควรเลอกหวขอโดยองตามหลกปจจยตางๆ เชน สงทเปนกระแสในสงคม สงทสะทอนสงคม สงทเปนประโยชนตอสงคม สงทเปนความรใหชวตประจ าวนหรอเรองใกลตว สงทมประวต หรอเรองราวทนาปรกษา และ อนๆทคดวาเปนเรอง นาสนใจ หรออาจจะเปนเรองทผคนมองขามและไมเคยมใครพดถง กอาจจะเลอกมาท าอนโฟกราฟกสให นาสนใจขนมาได

2. สบคนขอมล research

- สบคนและรวบรวมขอมลเกยวกบโรคมะเรงทงหมด โดยอาจจะแบงตามหวขอ หรออาจจะคนหาขอมลโดยรวมทงหมดเลยกได โดยควรจะตองศกษาใหแนใจวาแหลงอางองทเราใชในการสบคนนน ไดรบความเชอถอ และขอมลถกตอง โดยควรจะตองมการเปรยบเทยบแหลงทมาจากหลายๆทเพอความถกตองซงเครองมอในการสบคนขอมลนนมหลายประเภท มทงจากหนงสอ ขาวสาร การออกไปเกบขอมลดวยตนเองเชน การสมภาษณผคน และทสะดวกสบายและเปนทนยมมากทสดคออนเตอรเนต

ขอมลดบ

มะเรง หรอทางการแพทยวา เนองอกราย เปนกลมโรคทเกยวของกบการเจรญของเซลลทผดปกต คอ เซลลจะแบงตวและเจรญอยางควบคมไมไดกอเปนเนองอกราย และรกรานรางกายสวนขางเคยง มะเรงอาจแพรกระจายไปยงรางกายสวนทอยหางไกลไดผานระบบน าเหลองหรอกระแสเลอด ไมใชวาเนองอกทกชนดจะเปนมะเรง เพราะเนองอกไมรายไมลกลามอวยวะขางเคยงและไมกระจายไปทวรางกาย มมะเรงทสงผลตอมนษยททราบแลวกวา 200 ชนด

สาเหต ของมะเรงนนมหลากหลาย ซบซอนและเขาใจเพยงบางสวนเทานน มหลายปจจยททราบแลววาเพมปจจยเสยงมะเรง ไดแก การสบบหร ปจจยดานอาหารการตดเชอบางอยาง การสมผสรงส การขาดกจกรรมทางกาย ความอวนและมลภาวะสงแวดลอมปจจยเหลานสามารถท าใหยนเสยหายโดยตรงหรออาจประกอบกบความบกพรองทางพนธกรรมทมอยเดมในเซลล กอใหเกดการกลายพนธเปนมะเรงไดมะเรงราว 5‟10% สามารถตดตามไปยงความบกพรองทางพนธกรรมแตก าเนดโดยตรง

37

การปองกนมะเรงในแตละชนด - รบประทานผกตระกลกะหล าใหมาก เชน กะหล าปล, กะหล าดอก, ผกคะนา, หวผกกาด, บรอคโคล, เพอปองกนโรคมะเรงล าไสใหญ, ล าไสสวนปลาย, กระเพาะอาหาร และอวยวะระบทางเดนหายใจ - รบประทานอาหารทมกากมาก เชน ผก, ผลไม, ขาว, ขาวโพด และเมลดธญพชอน ๆ เพอปองกนมะเรงล าไสใหญ - รบประทานอาหารทมเบตาแคโรทน และวตามนเอสง เชน ผก ผลไมสเขยว-เหลอง เพอปองกนมะเรงหลอดอาหาร กลองเสยง และปอด - รบประทานอาหารทมวตามนซสง เชน ผก ผลไมตาง ๆ เพอปองกนมะเรงหลอดอาหาร และกระเพาะอาหาร ควบคมน าหนกตว โรคอวนมความสมพนธกบโรคมะเรงมดลก, ถงน าด, เตานม และล าไสใหญ การออกก าลงกายและการลดรบประทานอาหารทใหพลงงานสง จะชวยปองกนมะเรงเหลานได มะเรงสามารถตรวจพบไดหลายวธ รวมทงการมอาการและอาการแสดงบางอยาง การตรวจคดกรองโรค หรอการสรางภาพทางการแพทย เมอตรวจพบวามโอกาสเปนมะเรงแลวจะมการวนจฉยโดยการตรวจตวอยางเนอเยอดวยกลองจลทรรศน โดยปกต มะเรงรกษาดวยเคมบ าบด รงสบ าบดและการผาตดโอกาสการรอดชวตของโรคมหลากหลายมากขนอยกบชนดและต าแหนงของมะเรงและขอบเขตของโรคเมอเรมตนการรกษา มะเรงสามารถเกดในบคคลทกชวงอาย แตความเสยงการกลายเปนมะเรงนนโดยปกตจะเพมขนตามอาย ยกเวนมะเรงนอยชนดทพบมากกวาในเดก ในป 2550 มะเรงเปนสาเหตการเสยชวตของมนษย 13% ทวโลก (7.9 ลานคน) อตรานเพมสงขนเพราะมผรอดชวตถงวยชรามากขน และมการเปลยนแปลงวถชวตครงใหญในประเทศก าลงพฒนา ขอมลสถตผปวยโรคมะเรงในประเทศไทย ป 2553 พบวา คนไทยปวยเปนโรคมะเรง 241,051 คน หรอมผปวยเพมขนปละ 80,350 คน และโรคมะเรงนเองทกลายเปนสาเหตแหงการเสยชวตอนดบ 1 ของคนไทย โดยปทผานมา มผเสยชวต 56,058ราย หรอเดอนละ 4,671 ราย สวนป 2554 มแนวโนม พบผปวยโรคมะเรงเพมขนรอยละ 23 ส าหรบโรคมะเรงทเกดขนกบคนไทยมากทสด คอโรคมะเรงปอด จากสถตมอตราเพมสงขนกวามะเรงชนดอน และ ทนาวตกคอพบวาเกดขนกบกลมวยรนอาย 13-15 ปมากขน เนองจากเปนกลมเรมสบบหรจ านวนมากในปจจบน ท าใหภาครฐตองใชงบประมาณมหาศาลเพอเปนคาใชจายรกษาโรคมะเรง โดยเฉลยปละ 1 หมน 6 พนลานบาท โดยคนเปนโรคมะเรงทพบมากทสดในประเทศไทยเปนเพศชาย คอ โรคมะเรงตบ รองลงมาคอ โรคมะเรงปอด โรคมะเรงล าไสใหญ และทวารหนก ตามล าดบ สวนในเพศหญงพบโรคมะเรงทเปนมากทสด คอ โรคมะเรงปากมดลก โรคมะเรงเตานม โรคมะเรงตบและปอด ส าหรบสถานการณมะเรงทวโลกนน จากสถตและการคาดการณจากองคการอนามยโลก (WorldHealth Organization) ประมาณเอาไววาในป ค.ศ.2030 จะมผปวยตายดวยโรคมะเรงเพมขนเปน

38

จ านวน11.4 ลานคน และคาดการณวาประมาณป ค.ศ.2005-2015 จะมผปวยตายดวยโรคมะเรงโดยไมไดรบการรกษาประมาณ 84 ลานรายทวโลก และรอยละ 40 สามารถปองกนโรคได

ตารางสถตการเกดโรคมะเรงทพบมากทสด 10 อนดบแรกในประเทศไทย ในป พ.ศ. 2553

3.วเคราะหขอมล analysis

คนไทยกบโรคมะเรง มะเรงคอโรคของเซลลทมการเจรญเตบโตอยางผดปกตกลายเปนเนอมะเรงซงสามารถท าลาย

เนอเยอและอวยวะอนได สาเหต

- สารพษ สารเคม - รงส UV - การสบบหร - อาหารไมถกสขลกษณะ - เครองดมทมแอลกอฮอล - ของปงยาง เนอแดง เนอสตว - กรรมพนธ และ อนๆ

39

5 อนดบ ประเภทมะเรงทพบมากทสดในคนไทย ชาย

1. มะเรงปอด 2. มะเรงล าไส 3. มะเรงตบ 4. มะเรงหลอดลม 5. มะเรงกระเพาะอาหาร

หญง 1. มะเรงปากมดลก 2. มะเรงเตานม 3. มะเรงล าไส 4. มะเรงปอด 5. มะเรงรงไข

อตราการเสยชวตของคนไทยดวยโรคมะเรง

- 4 คนในทกๆ 1 ชวโมง - 96 คน ในทก 1 วน - 36,000 คน ในทก 1 ป และมแนวโนมมากขนทกๆป

โรคมะเรงปองกนไดดวยวธดงตอไปน - รบประทานผกตระกลกะหล า - รบประทานผกผลไมทมกากใย - รบประทานผกอาหารตานอนมลอสระ - ดมน าสะอาดวนละ 8 แกว - อยในททมอากาศสดชน ไรมลพษ - ออกก าลงกายสม าเสมอ - ดแลตรวจเชดสขภาพเปนประจ า

40

4. เลอกวธการน าเสนอขอมล How to presentation เราควรจะเลอกหลกการและวธการน าเสนอขอมลทเหมาะสม นาสนใจ และเขาใจงายทสดโดยวธการน าเสนอ Infographics นนมหลายวธ หลายรปแบบ เชน 1. กราฟ ไดอแกรม แผนผงขอมลตางๆ 2. ภาพถาย Photograph 3. สญลกษณ Symbol/Icon 4. ภาพประกอบ illustration 5. ตวหนงสอ ขอความ Text 6.การออกแบบ Design 7. ตวหนงสอ ขอความ Text

ส าหรบเรองโรงมะเรงกบคนไทย เลอกรปแบบการน าเสนอโดยใชภาพประกอบเปนหลก และใชตวหนงสอในการชวยอธบายใหเขาใจมากยงขน เหนผลทเลอกการใชภาพประกอบเพราะคดวาโรคมะเรงเปนเรองใกลตวททกคนมองขาม ควรจะมความพเศษและจดดงดดความสนใจใหคนอยากเขามาอานมากยงขนโดยภาพประกอบนนสามารถท าใหทกเพศทกวยสนใจ และสามารถเขาใจไดงาย ซงถาหากเปนภาพถายอาจจะดนากลวถาเราจะน าเสนอการเสยชวตและดไมนาดงดดเทาไหร หรอถาเปน Symbol/Icon เดกๆอาจจะไมเขาใจ และถาหากมแตตวหนงสอ กจะดไมนาอาน เพราะสวนใหญขอมลเปนสถตและหลกการภาพประกอบจงเปนวธทดและเหมาะทสด ส าหรบการน าเสนอเรองโรคมะเรงกบคนไทย

5.การออกแบบ Design

Program tools เลอกใชโปรแกรมหรอเครองมอทถนดในการสรางผลงาน Coloring ควรมการคลมโทนสใหดเปนอนหนงอนเดยวกน อาจเลอกสหลก และสรองในการใช Ordering การจดล าดบความนาสนใจของขอมล อะไรควรอยกอนหลง อะไรควรเนนใหดเดน Layout ออกแบบวางระบบการรบขอมล เชน อานจากบนลงลาง ซายไปขวา หรออานตรงกลางกอน

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

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

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

41

Infographics ทไดรบรางวลชนะเลศในงาน MSIG Infographic Design Contest บรษทประกนภย MSIG จดรวมกบคณะออกแบบของ ม.กรงเทพ Designed by : Supasini Tesana

42

วธการใชงานโปรแกรม Piktochart

โปรแกรม Piktochart คอเวบไซตทชวยในการสรางสรรคงาน Infographic ทไดรบความนยม

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

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

รปแบบของไฟล PNG, JPEG และ PDF หรอสงตอหรอแบงปนใหกบคนอนๆ ไดอกดวย

โปรแกรม PiktoChart ไมคดคาใชจายในการใชเวบไซต ซงจะตองกดเขาไปสมครผานทหนา

http://piktochart.com/pricing/nonprofit/ โดยเลอกเปนแบบฟร แลวกรอกขอมลการสมครสมาชกเชน ชอเขา

ใชงาน และรหสผาน หรอจะสมครผาน Facebook ไปเลยกไดงายด

ขอด – ขอเสย Piktochart

ขอด

„ ไมเสยคาใชจายในการใชเวบไซต

„ ไมจ าเปนตองลงโปรแกรม

„ มลกเลนดๆ หลายอยาง ยดหยน และใชงานสะดวกกวา

„ สามารถเผยแพรชนงานผาน Social Network

ขอเสย

„ มปญหาในการใส Font ภาษาไทย

„ ม template สวยๆ ใหเลอกพอสมควร แตม template ฟรไมมาก สวนใหญจะเสยเงน

„ การ Download ชนงานไปใชจะไดนามสกล .PNG

43

ขนตอนการใชงานโปรแกรม Piktochart

1. เมอเขาสหนาเวบไซต Piktochart โดยการพมพ http://piktochart.com โดยพมพชอเวบไซตบน

URL จะปรากฏหนาจอดงภาพ ใหคลกท START FOR FREE เพอเรมตนใชงาน

2. จากนนใหเลอกการเขาสระบบ เพอใชงาน โดยสามารถเลอกได 3 แบบ ไดแก เขาสระบบผาน Facebook

Account, Google+ Account หรอกรอกขอมลเพอสมครเปนสมาชกของ Piktochart

** จากตวอยางคลกเลอก Sign in with Facebook กสามารถสมครเขาใชงานไดทนท

คลก Start For Free เพอลงทะเบยน

44

3. เลอกประเภทของสงทตองการสราง โดยโปรแกรมมใหเลอก 4 รปแบบคอ infographic, Report, Banner

หรอ Presentation

4. เรมสรางชนงาน

4.1 เลอกออกแบบชนงานดวยตนเอง (กระดาษเปลา) เลอก Create

4.2 เลอกรปแบบ Template ส าเรจรป ซงจะมรปแบบฟรใหเลอกหลายรปแบบ

5. หากเลอกท Create your own infographic จะปรากฏเครองมอในการสราง ดงภาพ

เลอกประเภททตองการออกแบบ

การออกแบบเอง Template ส าเรจรป

45

ชดเครองมอของ Piktochart

เมน Graphic การแทรก Graphic ในชนงาน

1. การแทรก Shapes ท าตามขนตอนดงภาพ

เมอเลอกลกษณะแลว กจะไดดงรป

เลอก Graphic

เลอก Shapes & Line

เลอก ลกษณะทตองการ

46

2. การแทรกเสนตางๆ ( Line)

ลกษณะเสนทได กจะไดดงรป

เลอก ลกษณะเสน

คลกเพอตงคาของเสน ใหม

ลกษณะตามตองการ

47

3. การแทรก Icons

Icons ทเลอกจะไดดงรป

เลอก เมน icons

เลอกกลม icons ทตองการ

เลอก icons ทตองการ

48

4. การแทรกรปภาพ

เมอคลกเลอกจะไดดงรป

เลอก เมน Photos

เลอกกลม Photos ทตองการ

เลอกรปภาพทตองการ

49

5. การแทรก Photo Frame

เมอคลกเลอกจะไดดงรป

เลอก เมน Photo Frame

เลอกเฟรมทตองการ

50

เมน Uploads รปภาพ

จะมหนาตางรปภาพขนมาใหเลอก

เมอน าเขารปภาพเรยบรอยแลวจะไดดงรป

เลอกเมน Uploads

เลอกรปภาพจากคอมพวเตอร

เลอกรปภาพ

คลก Open

51

เมน Background

Background เปนสวนทใชส าหรบก าหนดรายละเอยดพนหลงชนงาน โดยสามารถใสเปนส รปภาพ

หรอลวดลายตางๆ ททางเวบเตรยมไว รวมถงการปรบความโปรงใสใหกบพนหลง แบงออกเปน 2 สวน

- Background Color การเปลยนสพนหลง และสามารถปรบความโปรงใสของพนหลงได

- Background Image เปนลวดลายพนหลง มหลายรปแบบใหเลอก สามารถปรบความโปรงใสได

1. การเทสพนหลง

คลกเลอกท BACK-GROUND

คลกทถงส จะปรากฏสขนมาใหเลอก

คลกเลอกพนททตองการจะเทส

- ผลลพธทไดจากการเทส

52

2. การใสลวดลายพนหลง

3. การปรบความโปรงใสใหกบพนหลง

คลกเลอกท BACK-GROUND

คลกเลอกลวดลายทตองการ ซงหลากหลายรปแบบใหเลอกใชงาน

คลกเลอกพนททตองการจะเทส

คลกเลอกท BACK-GROUND

คลกเมาสซายคาง แลวท าการเลอนไปยงต าแหนงความโปรงใสทตองการ

คลกเลอกพนททตองการปรบความโปรงใส

หากตองการยกเลกพนหลงแบบมลวดลาย ใหเลอก No Image

53

เมน Text

เมน Text เปนรปแบบของตวอกษรทจะน ามาใชในแตละสวนของชนงาน แบงออกเปน 2 สวน

- Text มรปแบบของตวอกษรทอยในแตละสวนของงานมาใหส าเรจรปมาใหส าเรจรป โดยแตละ

รปแบบจะมการก าหนดขนาด และลกษณะตวอกษรทเหมาะสมไวใหแลว

- Text Frame เปนกรอบขอความในรปแบบตางๆ

1. การใสขอความ

คลกเลอกท TEXT

คลกเลอกรปแบบตวอกษรทตองการ

คลกเลอกพนทชนงาน

โปรแกรมจะแทรกกลองขอความ พมพขอความลงไป

ชดเครองมอ ส าหรบปรบแตงตวอกษร

54

2. กรอบขอความในรปแบบตางๆ

- ชดเครองมอ ส าหรบปรบแตงตวอกษร

เปนค าสงยกเลกการกระท า หรอกระท าซ า

เมอตองการลบขอความ

เมอตองการคดลอกขอความ

เมอตองการลบขอความ

ลอคไมใหมการแกไข เปลยนแปลงขอความ

เปลยนสตวอกษร

ปรบความโปรงใสใหกบตวอกษร

เปลยนฟอนตตวอกษร

ปรบขนาดตวอกษร

จดแนวตวอกษร

การเชอมโยงไปยงเวบไซตอน

การจดการล าดบการแสดง

คลกเลอกท TEXT

คลกเลอกรปแบบกรอบขอความทตองการ

คลกเลอกพนทชนงาน

โปรแกรมจะแทรกรปแบบกรอบขอความ

ดบเบลคลกตรงขอความ แลวพมพขอความใหมลงไป

55

เมน Tools

เปนเครองมอทมทงแผนภม(Chart), แผนท(Maps), วดโอ(video), และเสน(Lines)

1. การแทรกแผนภม หรอแผนกราฟ ทเขยนขนโดยอาศยการกรอกขอมลรายละเอยดทตองการเขาไป

คลกเลอกท TOOLS

คลกเลอกเมนทตองการ CHARTS, MAPS, VIDEOS

คลกเลอกพนทชนงาน

รปแบบแผนภม

ก าหนดชอ

แกไขขอมล

- เมอท าการปรบรปแบบ กรอกขอมลเสรจเรยบรอย ใหคลก INSERT CHART

- สามารถกลบมาแกไขขอมล โดยการดบเบลคลกทแผนภมบนชนงาน

56

2. Maps การแทรกแผนท เขาไปในชนงาน โดยแบงตามโซนพรอมบอกรายละเอยดของพนทตางๆ

- เมอท าการปรบรปแบบ กรอกขอมลเสรจเรยบรอย ใหคลก INSERT MAP

- สามารถกลบมาแกไขขอมล โดยการดบเบลคลกทแผนทบนชนงาน

3. การแทรกวดโอ เขาไปในชนงาน โดยการใสลงควดโอในชอง Video URL เสรจแลวคลกป ม INSERT

รายชอประเทศ

เมอตองการแกไขรปแบบ

ปรบแกไขรปแบบแผนท

ใสลงควดโอ

57

เมน Import

การน าเขา โดยทาง Piktochart รวมมอกบ Surver Monkey เพมฟงกชนการท าส ารวจขอมลตางๆ

ไวส าหรบ Report

นอกจากนนในแผนงาน Infographic ยงสามารถปรบแตงไดอยางยดหยนมาก ทงการเพม ลบ

คดลอก ยายขน และยายลง Block แตละอนไดโดยคลกเลอกทแถบสเทาเขมดานซายมอ และสามารถยอหรอ

ขยาย Block แตละอนไดโดยน าเมาสไปชใหเกดแถบสเทาออนใต Block แตละอน ดงภาพ แลวลากยอ-ขยาย

ไดตามตองการ

ลากยอ-ขยายไดตามตองการ

เครองมอส าหรบการปรบแตงชนงาน

58

การบนทกไฟลของ Piktochart

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

ในโปรแกรม Piktochart กสามารถบนทกลงบนเวบไซตไดทนท ไมตองบนทกลงคอมพวเตอร โดยคลกท

ป ม Save และสามารถเปลยนชอหรอตงชอไฟลไดจากชอง

บนทลบารดานบน

และสามารถเลอกบนทกไฟลเพมเตม สรางไฟลใหมรวมทง ตงคาหนากระดาษไดจากการคลกเลอกเมน

File บนทลบาร แลวจะปรากฏอปอพเมนเพอเลอกเมนยอยดงรป

59

การตงคาหนากระดาษ

คลกเมน File เลอก Page Setup จะปรากฏหนตางเพอเลอกขนาดกระดาษของอนโฟกราฟฟค ดง

รป ใหเราคลกเลอกขนาดกระดาษทตองการแลวคลกทป ม Save จะสามารถก าหนดขนาดกระดาษทจะใช

สรางชนงานได

การเลอกไฟลทบนทกไวในแอคเคาน

เมอมการสรางไฟลไวหลายไฟล แลวตองการสลบชนงานเพอท าการแกไขหรอบนทกใหคลกทเมน

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

60

หากตองการไปยงไฟลทบนทกใหคลกทค าสง My Saved Piktocharts จะปรากฏไฟลทเราได

บนทกไวในแอคเคาน ดงรป หากตองการเรยกใชไฟลใดใหคลกเมาสเพอเลอกไฟลทตองการ แลวคลกท

ป ม Edit บนไฟลนนกสามารถเรยกไฟลเพอท าการแกไขไดแลว

การดาวนโหลดเปนรปภาพ

เราสามารถดาวนโหลดเปนไฟลรปภาพเพอนาไปใชงานไดทนท โดยคลกทเมน File -> Download

as image จากนนใหเลอกวาตองการไฟลเปนรปภาพทมนามสกลเปน JPEG หรอ PNG หรอสามารถคลก

เมาสทป ม Download

จะปรากฏหนาตางส าหรบการปรบแตงการบนทก ใหเราคลกเลอกขนาดทตองการ โดยปกตถก

เลอกทเมน original เราสามารถเลอกขนาดไดท Medium แตถาเลอกขนาดทขนขอความวา Level Up แสดง

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

61

แลวเลอกชนดของไฟลวาตองการใหรปเปนไฟลชนด PNG หรอ JPEC และขอก าหนดอกอยาง

หนงคอหากบนทกเปนรปจะมโลโกของ Piktochart ตดมาดวยทกรปซงหากไมตองการใหมโลโกนตองเสย

เงนเพอใหสามารถเลอกไดวาจะใสโลโกของโปรแกรมหรอไมในชอง Piktochart Watermark เมอก าหนด

คณสมบตตาง ๆ แลวใหคลกทป ม Download

62

การ Publish ชนงาน

เมอสรางไฟลตาง ๆ ในโปรแกรมแลว และตองการจะสรางไฟลใน Piktochart นใหเปน URL เพอ

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

ปรากฏหนาตางใหก าหนดรายละเอยดดงรป

เมอคลกป ม Publish จะปรากฏหนาตางดงรป ใหคลกท Publish Now

จะปรากฏ Path Link ของชนงานทเราสรางเพอน าไปใชในเวบไซตหรออเมลไดทนท โดยการคดลอกลงค

จากชอง Share the link via Email or IM ดงรปดานลาง

63

หรอสามารถเปดบนเวบไซตไดทนทโดยคลกทป ม Open on Web จะปรากฏรปภาพหรอชนงานแสดง

บนเวบไซตตามลงคทปรากฏ

การ Share ชนงาน

เมอสรางงานกราฟฟคเสรจเรยบรอยแลวและตองการน าไปเผยแพรหรอใชงานรวมกบโปรแกรม

อนกสามารถท าไดโดยงายจากโปรแกรมน โดยการคลกทป ม Share บนแถบทลบาร

ซงจะปรากฏแถบเครองมอเพอเปนตวเลอกในการแชร หรอ

แบงปนขอมลลงในเพจอน ๆ หรอโปรแกรม Network อน ๆ

เชน Facebook / twitter หรอ E-Mail โดยใหคลกเลอก

โปรแกรมทตองการแชรรปภาพบน Social Media