วิธีสร้าง Infographics สุดเก๋ด้วยโปรแกรม Piktochart

วิธสี รา้ ง Infographics สุดเก๋ ด้วยโปรแกรม Piktochart

นายวชั รินทร์ ควรหาเวช วิทยากร
นางสาวสฤุ ดี โกศยั เนตร ผู้ลิขติ

คณะกรรมการพัฒนาองค์กรแห่งการเรียนรู้และการ
จดั การความรู้ จัดกิจกรรมแลกเปล่ียนเรียนรู้ชุมชนนกั ปฏิบัติ
กลุ่ม NS Smart Office คร้ังท่ี 11/2558 ซึ่งเป็นการ
แลกเปลยี่ นเรียนรขู้ องงานเทคโนโลยีสารสนเทศ เรื่อง วิธี
สร้าง Infographic สุดเก๋ ด้วยโปรแกรม Piktochart เม่ือวัน
พธุ ที่ 26 สงิ หาคม 2558 เวลา 12.00-13.00 น. ณ ห้อง 1110
ชั้น 11 คณะพยาบาลศาสตร์ มหาวิทยาลัยมหิดล โดยมีนาย
วัชรินทร์ ควรหาเวช เป็นวิทยากร ซ่ึงสามารถสรุปประเด็นต่างๆ ที่
น่าสนใจได้ดังนี้

วิทยากรกล่าวแนะนําขั้นตอนการออกแบบอินโฟกราฟิกส์ (Infographics) ให้ผู้เข้าร่วมกิจกรรม
เข้าใจง่ายๆ ว่า การออกแบบอินโฟกราฟิกส์ เป็นการนําข้อมูลท่ีเข้าใจยาก หรือข้อมูลท่ีเป็นตัวหนังสือ
จํานวนมาก มานําเสนอในรปู แบบต่างๆ อย่างสรา้ งสรรค์ ใหส้ ามารถเลา่ เรอื่ งได้ดว้ ยตัวเอง

มีองค์ประกอบท่ีสําคัญ คือ หวั ข้อที่น่าสนใจ ภาพและเสียง ซึ่งจะต้องรวบรวมข้อมูลต่างๆ
ให้เพียงพอ แล้วนํามาสรุป วิเคราะห์ เรียบเรียง แสดงออกมาเป็นภาพจึงจะดึงดูดความสนใจได้ดี ช่วยลด
เวลาในการอธิบายเพ่ิมเติม กราฟิกที่ใช้อาจเป็นภาพ ลายเส้น สัญลกั ษณ์ กราฟ แผนภูมิ ไดอะแกรม ตาราง
แผนที่ ฯลฯ จัดทําให้มีความสวยงาม น่าสนใจ เข้าใจง่าย สามารถจดจําได้นาน ทําให้การส่ือสารมี
ประสิทธิภาพมากขึน้

หลักการออกแบบอินโฟกราฟิกส์ (Infographics) แบ่งเปน็ 2 ส่วน
1. ด้านข้อมูล

ข้อมูล ที่จ ะ นํา เ ส น อ ต้อ ง มี
ความหมาย มีความน่าสนใจ เรื่องราว
เปิดเผยเปน็ จรงิ มคี วามถกู ตอ้ ง
2. ดา้ นการออกแบบ

ก า ร อ อ ก แ บ บ ต้ อ ง มี รู ป แ บ บ
แบบแผน โครงสร้าง หน้าท่ีการทํางาน
และความสวยงาม โดยออกแบบให้เขา้ ใจ
ง่าย ใชง้ านง่าย และใชไ้ ดจ้ รงิ

1

 

รูปแบบหรอื ประเภทของ Infographic
1. ขา่ วเด่น ประเดน่ รอ้ น และสถานการณว์ ิกฤต มักจะ
เปน็ ประเด็นใหญร่ ะดับประเทศ

2. How To บอกเล่ากลยทุ ธ์ต่างๆอยา่ งเป็นข้นั เป็นตอน

3. ให้ความรู้ ในรปู แบบของ Did You Know หรือ สถิติ
สําคัญทางประชากรต่างๆตลอดจนการถา่ ยทอดความร้ทู าง
วชิ าการทน่ี า่ เบ่ือให้มสี ีสัน สนุก และน่าติดตาม

2

 

4. บอกเล่าตํานานหรือวิวัฒนาการ เร่ืองราวบางอย่างอาจต้อง
ถ่ายทอดผ่านตําราหนาๆ แต่ด้วย Infographics จะช่วยทําให้
ตํานานเหล่าน้นั บรรจุอย่ใู นพื้นที่ๆจํากัดไดอ้ ย่างน่าทงึ่

5. อธิบายผลสํารวจ และงานวิจัย Infographics เหมาะท่ีสุดที่
จะถ่ายทอดงานวิจัยท่ีดูยุ่งเหยิงไปด้วยตัวเลขและข้อมูล
มหาศาลออกมาเป็นแผนภาพสวยๆและทรงพลัง มีหลาย
บรษิ ัทเริม่ ใช้เครอื่ งมือนี้ เพอ่ื ทาํ ใหง้ านวิจยั ของตัวเองเขา้ ถึง

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

10 เคล็ดลบั ในการทาํ Infographic ใหโ้ ดนใจ 3
1. กําหนดเป้าหมายอยา่ งชัดเจน
2. กาํ หนดกลุ่มเป้าหมาย
3. มีการกาํ หนดใจความสําคัญในการนําเสนอ
4. เนอ้ื หาทน่ี ําสนอบนอินโฟกราฟฟิกตอ้ งมคี วามทันสมยั ตรงประเดน็ ,สัน้ และกระชบั
5. มีการสาํ รวจข้อมลู ที่ใช้ในการนาํ เสนอ
6. นําเสนอหัวเร่ืองทีด่ ึงดูดความสนใจและนา่ ตดิ ตาม
7. ออกแบบอนิ โฟกราฟฟิกใหม้ ีความโดดเด่นสะดดุ ตา

 

8. มกี ารบอกตอ่ และแชรอ์ นิ โฟกราฟฟิกไปอยา่ งกว้างขวางผ่านช่องทางต่างๆ
9. ระบุและอา้ งองิ ถึงแหลง่ ทม่ี าของข้อมูลอยา่ งชดั เจน
10. มกี ารสรปุ ขอ้ มูลทั้งหมดทนี่ ําเสนอ เพอื่ ชว่ ยให้ผชู้ มสามารถเข้าใจถึงใจความสําคญั ของเนื้อหาท่ี

นาํ เสนอไดอ้ ย่างถูกต้องและตรงประเด็น

10 ส่งิ ที่ไม่ควรทาํ ในการออกแบบ Infographic 4
1. อย่าใชข้ ้อมูลมากเกินไป
2. อยา่ นําเสนอข้อมูลที่ยงุ่ ยากและซบั ซ้อน
3. อย่าใชส้ ีมากเกินไป
4. อยา่ ใสต่ วั เลขมากเกนิ ไป
5. อยา่ ละเลยข้อมูลทีไ่ ม่สามารถระบแุ ยกแยะได้
6. อยา่ สร้างอนิ โฟกราฟิกสใ์ ห้นา่ เบ่อื
7. อยา่ พมิ พ์ผิด
8. อยา่ นาํ เสนอขอ้ มูลทผี่ ดิ
9. อย่าเนน้ ทก่ี ารออกแบบ
10. อย่าใชแ้ บบเป็นวงกลม

ข้อดี – ขอ้ เสยี Piktochart
ขอ้ ดี
• ไม่เสยี ค่าใชจ้ า่ ยในการใช้เวบ็ ไซต์
• ไมจ่ ําเปน็ ต้องลงโปรแกรม

 

• มลี กู เลน่ ดีๆ หลายอย่าง ยดื หย่นุ และใช้งานสะดวกกวา่
• สามารถเผยแพรช่ ้ินงานผา่ น Social Network
ข้อเสีย
• มีปญั หาในการใส่ Font ภาษาไทย
• มี template สวยๆ ให้เลอื กพอสมควร แต่มี template ฟรีไม่มาก สว่ นใหญจ่ ะเสยี เงนิ
• การ Download ช้นิ งานไปใช้จะได้นามสกลุ .PNG และ .JPEG เทา่ น้ัน
วิธีสมคั รการใช้งาน Infographics
1.เปิดเวบ็ ไซต์ http://piktochart.com/

2.สมคั รสมาชิก
เพอื่ เข้าใชง้ าน

3.กรอกขอ้ มลู หรือเลอื ก Sign In ผา่ น Gmail/Facebook

5

 

4.เม่อื สมคั รเรยี บร้อยแลว้ จะขึ้นหนา้ จอดงั รปู เลือกประเภทที่ต้องการออกแบบ
Templates ฟรี
การออกแบบดว้ ยตนเอง

วิธีการออกแบบดว้ ยตนเอง
คลกิ ที่ Create อกี คร้ัง ตอ่ มาจะปรากฏหนา้ จอให้ต้งั ช่ือ Infographic ให้ตงั้ ชื่อไป แล้วคลิก “create”

ตั้งช่ือ Infographic

6

 

จะปรากฏหนา้ จอสร้าง Infographic ดงั ภาพ

เครอ่ื งมือการใชง้ าน

เครอ่ื งมอื การใช้งาน

ด้านบนจะมชี ดุ เครอ่ื งมอื เป็นสญั ลักษณ์ทคี่ ุ้นเคย สามารถใช้ Undo,
Redo, Copy, Cut, Paste และ Delete ไดอ้ ย่างสะดวกสบาย

ชุดเครือ่ งมือของ piktochart
เมนู Graphics มีเครื่องมือ 2
อย่าง ได้แก่ Icons และ Photos
สามารถเลือกรูปภาพ ท่ีต้องการ
จ ะ แ ท ร ก ล ง ไ ป ใ น แ ผ่ น
งาน Infographic ได้

Icons Photos

7

 

เมนู Uploads สามารถ Upload รปู ภาพจากภายนอกเข้า
มาได้สงู สุด 20 รูปภาพ

เมนู Background
สามารถเปลี่ยนสีพน้ื หลังได้ หรือเลอื กภาพพ้ืนหลงั ท่มี ีมาให้ก็
ได้ แลว้ กส็ ามารถปรับความโปร่งใสของพน้ื หลังไดด้ ้วย

เมนู Text มีรูปแบบของตัวอักษรที่อยูใ่ นแต่ละส่วนตา่ งๆ ของ 8
งาน Infographic มาให้สาํ เร็จรูป โดยแตล่ ะรปู แบบจะมีการกาํ หนด
ขนาดและลกั ษณะตัวอกั ษรทเ่ี หมาะสมทจี่ ะวางไว้ใน แต่ละส่วนของ
งาน Infographic อยแู่ ลว้

ชดุ เครอื่ งมือปรับแต่งตัวอักษร

 

เมนู Tools เปน็ เครือ่ งมอื ทม่ี ีท้งั แผนภมู ิ (Charts), แผนที่
(Maps), วดี ิโอ (Videos) และเสน้ (Lines) ใหเ้ ราเลอื กใชไ้ ด้
ตามใจชอบ

นอกจากน้ันในแผ่นงาน Infographic ยังสามารถปรับแต่งได้อย่างยืดหยุ่นมาก ทั้งการเพ่ิม ลบ
คัดลอก ย้ายขึ้น และย้ายลง Block แต่ละอันได้โดยคลิกเลือกท่ีแถบสีเทาเข้มด้านซ้ายมือ และสามารถย่อ
หรือขยาย Block แต่ะละอันได้โดยนําเมาส์ไปชี้ให้เกิดแถบสีเทาอ่อนใต้ Block แต่ละอัน ดังภาพ แล้วลาก
ย่อ-ขยายไดต้ ามตอ้ งการ

ปรับแตง่ Block
เมอ่ื สร้างรปู ภาพเสรจ็ เรียบร้อยแลว้ ระบบจะคอยบนั ทึกรปู ภาพ Infographic ให้อัตโนมตั ิอยตู่ ลอด
ถา้ ไมแ่ นใ่ จก็สามารถคลิกปุ่ม “Saved” ท่ีมุมบนขวามือเร่ือยๆ ได้

ปมุ่ “Save”
9

 

วธิ ีการ Download File นําไปใช้งาน มี 2 วธิ ี ไดแ้ ก่
1. คลกิ ที่เมนู “File” มุมบนซา้ ยมือ แล้วคลิกที่ “Download as Image”

2. คลกิ ทเี่ มนู “Download” มมุ บนขวามอื
จะปรากฏหน้าจอดังภาพด้านล่าง ให้คลิกเลือกความ
ละเอียดของรูปภาพและประเภทของไฟล์ข้อมูล จากน้ัน
ระบบจะดาวน์โหลดรูปภาพให้อัตโนมัติ โดย
รูปภาพท่ีได้จะมีโลโก้ piktochart ปรากฏอยู่ใต้
รูปภาพ Infographic ของเรา ถ้าเราไม่ต้องการก็
จะต้องไปตัดท้ิงเอาเอง หรือไม่ก็จะต้องยอมเสีย
เงนิ เพ่อื อพั เกรดการใชง้ าน

10

 

โดยรูปภาพ Infographic ที่เราได้สร้างไว้ทั้งหมดจะบันทึกอยู่ใน “Saved Piktocharts” ซึ่งเรา
สามารถเขา้ ไปดูได้โดยคลิกท่ีช่อื ผู้ใช้งานของเรา และคลิกท่ี “Saved Piktocharts”

เม่ือคลิกไปแล้วจะปรากฏรูปภาพ Infographic ของเราท้ังหมด ดงั ภาพ สามารถกลับเข้ามาดูหรือ
แกไ้ ขผลงานได้ภายหลงั
แหลง่ ความรู้

• http://www.snc.lib.su.ac.th/snclibblog/?p=44831
• http://www.oknation.net/blog/digitalmarketing/2013/01/01/entry-2
• http://www.learningstudio.info/infographics-design/
• http://thumbsup.in.th/2013/08/10-rules-about-infographics/
• https://www.facebook.com/infographic.thailand



11