slide intro Infographic สำหรับ tkpark

1. รู้จักกับ
INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

2. ความหมายของอินโฟกราฟิก
(INFOGRAPHIC)
Information
Graphic
Infographic
Info: Lekruthai Khantongchai & Graphic: Smitrong

3. หัวใจของ INFORGRAPHICS
•ทักษะทางด้านอินโฟกราฟิกนั้น
จาเป็นต้องจัดระเบียบข้อมูลที่ทั้งมาก
และหลากหลายให้
“จบได้ในภาพเดียว”
Info: Lekruthai Khantongchai & Graphic: Smitrong

4. ทาไมต้อง INFOGRAPHIC
Diagram of the Causes of Mortality : Florence Nightingale
ที่มา http://www.tcdc.or.th/articles/design-creativity/16562/#Infographic-เทรนด์มาแรงในสังคม-เครือข่ายนิยม-
http://prachatai.com/journal/2016/08/67329
สร้างคลื่นพลังใหม่ในเครือข่ายสังคม
Info: Lekruthai Khantongchai & Graphic: Smitrong

5. หมวดหมู่ของ INFOGRAPHICS
•1.ข่าวเด่น ประเด่นร้อน และสถานการณ์วิกฤต
•2.สอน ฮาวทู
•3.ให้ความรู้ Did You Know
•4.บอกเล่าตานานหรือวิวัฒนาการ
•5.อธิบายผลสารวจ และงานวิจัย
•6.กระตุ้นให้เกิดการเปลี่ยนแปลงพฤติกรรม
•7.โปรโมทสินค้าและบริการ
Info: Lekruthai Khantongchai & Graphic: Smitrong

6. Info: Lekruthai Khantongchai & Graphic: Smitrong

7. การสร้าง
INFOGRAPHICS
Info: Lekruthai Khantongchai & Graphic: Smitrong

8. โปรแกรมที่ใช้สร้าง INFOGRAPHICS
•โปรแกรมที่มีลิขสิทธิ์ ได้แก่ Illustrator, Photoshop หรือ
Powerpoint
•โปรแกรม Opensource ได้แก่ Inkscape, Gimp หรือ Scribus
•การสร้าง Infographics จากแหล่งที่ให้บริการฟรีและดีที่มีอยู่บน
โลกออนไลน์
Info: Lekruthai Khantongchai & Graphic: Smitrong

9. การสร้างงาน INFOGRAPHIC ด้วยบริการ
บนเว็บไซต์ PIKTOCHART
•เป็นเว็บไซต์ที่ให้บริการด้านการสร้างงาน Infographic ซึ่ง
ภายในเว็บไซต์มีเครื่องมือมากมายที่จะช่วยอานวยความ
สะดวกในการออกแบบงาน รวมถึงมีแม่แบบสาเร็จรูปให้
เลือกใช้อีกด้วย
Info: Lekruthai Khantongchai & Graphic: Smitrong

10. ลิขสิทธิ์รูป เรื่องที่คนทางานกราฟิกและ
เว็บไซต์ทุกคนต้องรู้
•การนารูปมาใช้ในงานกราฟิกหรือเว็บไซต์น่ากลัวกว่าที่ทุกคนคิด แค่ Copy
รูปจากกูเกิ้ล แล้วเขียนในรายงานว่า “ขอบคุณรูปภาพจาก Google” ก็เสร็จ
แต่ในการทางานจริงๆ อาจทาให้เสียเงินหลายแสนได้
Info: Lekruthai Khantongchai & Graphic: Smitrong

11. WEBSITE แจกฟรี รูป และ VECTOR
https://stocksnap.io/ รูปภาพสวยงาม ความละเอียดสูง
https://thenounproject.com/ รวบรวมไอคอน
http://www.freepik.com/ เวคเตอร์ รูปภาพ และไอคอน
http://www.vecteezy.com/ ภาพเวคเตอร์ฟรี
http://www.brandsoftheworld.com/ โลโก้ต่างๆ
Info: Lekruthai Khantongchai & Graphic: Smitrong

12. วรรณะของสี
Info: Lekruthai Khantongchai & Graphic: Smitrong

13. หลักการใช้สี
1. การใช้สีเอกรงค์
Info: Lekruthai Khantongchai & Graphic: Smitrong

14. หลักการใช้สี
2. การใช้โครงสีข้างเคียง
Info: Lekruthai Khantongchai & Graphic: Smitrong

15. หลักการใช้สี
3. การใช้คู่สีตัดกัน
Info: Lekruthai Khantongchai & Graphic: Smitrong

16. หลักการใช้สี
Info: Lekruthai Khantongchai & Graphic: Smitrong

17. วรรณะของสีโทน
ร้อน
ที่มา http://infographic.in.th/
วรรณะของสีโทนเย็น
Info: Lekruthai Khantongchai & Graphic: Smitrong

18. เว็บไซต์ช่วยเลือกชุดสี
• http://www.colorcombos.com
• http://kuler.adobe.com
• http://www.colourlovers.com
• http://web.colorotate.org
Info: Lekruthai Khantongchai & Graphic: Smitrong

19. INFORMATION
GRAPHIC
http://hilight.kapook.com/view/138299
หลักการออกแบบกราฟิก INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

20. ด้าน INFORMATION
ถูกต้อง น่าสนใจ ทันสมัย
Info: Lekruthai Khantongchai & Graphic: Smitrong

21. ด้าน GRAPHIC
จัดวางองค์ประกอบ ภาพประกอบ สี สัญลักษณ์ ตัวอักษร
Info: Lekruthai Khantongchai & Graphic: Smitrong

22. หลักการออกแบบ INFOGRAPHIC ด้วย 9 LAYOUT
Info: Lekruthai Khantongchai & Graphic: Smitrong

23. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

24. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

25. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

26. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

27. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

28. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

29. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

30. ROADMAP
https://pbs.twimg.com/media/BzP6KX8IAAAkG3g.jpg
https://www.easel.ly/ Info: Lekruthai Khantongchai & Graphic: Smitrong

31. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

32. USEFUL BAIT
Info: Lekruthai Khantongchai & Graphic: Smitrong

33. ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong

34. กิจกรรม
เลือก Layout อะไรดี?
Info: Lekruthai Khantongchai & Graphic: Smitrong

35. ถ้ามีหัวข้อหลักหัวข้อเดียว แต่มีหัวข้อย่อยหลายหัวข้อ
ควรเลือกแบบใด?
Listed Comparison FlowchartNumberPorn
Info: Lekruthai Khantongchai & Graphic: Smitrong

36. ถ้าต้องการเล่าประวัติของคอมพิวเตอร์ ควรเลือกแบบใด?
Visualized Article TimeLine Structure RoadMap
Info: Lekruthai Khantongchai & Graphic: Smitrong

37. LAYOUT นี้คือแบบไหน?
Useful Bait 
Info: Lekruthai Khantongchai & Graphic: Smitrong

38. การสรุปใจความไว้ใน INFOGRAPHIC
•ดีไซน์ ‘สวย’ แต่ไม่
‘สื่อ’
•ดีไซน์ ‘สื่อ’ แต่ ‘ผิด
สาร’
Info: Lekruthai Khantongchai & Graphic: Smitrong

39. ออกแบบและผลิต
สื่อความหมาย
สร้างสรรค์
สวย
http://www.lovefitt.com Info: Lekruthai Khantongchai & Graphic: Smitrong

40. ออกแบบและผลิต
- ระบุแหล่งที่มาของ
ข้อมูลให้ชัดเจน
- ระบุผู้จัดทาอินโฟ
กราฟิก
Info: Lekruthai Khantongchai & Graphic: Smitrong

41. ตรวจทานงาน
การเขียนผิด ตกหล่น จะทาให้งานและองค์กร
ลดความน่าเชื่อถือได้
Info: Lekruthai Khantongchai & Graphic: Smitrong

42. แชร์และบอกต่อ
Info: Lekruthai Khantongchai & Graphic: Smitrong

43. คิดก่อนทา
Info: Lekruthai Khantongchai & Graphic: Smitrong

44. ใครมีคาถามขอให้ยกมือขึ้น!!
Thank you
Info: Lekruthai Khantongchai & Graphic: Smitrong