เ ท ค นิ ค ก า ร ผ ลิ ต
I N F O G R A P H I C & G I F O G R A P H I C
สา ห รั บ ง า น สื่ อ ส า ร อ ง ค์ ก ร
อ.สมิทธิชัย ไชยวงศ์
smitrong@Hotmail.com
อบรมคอมพิวเตอร์ในแบบที่คุณเลือกได้
หัวข้อวิชา
• 1)ความรู้พื้นฐานเกี่ยวกับ Infographic
• 2)ความรู้พื้นฐานเกี่ยวกับ Motion Graphic (Gifographic)
• 3)การสร้าง Layout ให้กับงาน Motion Graphic (Gifographic)
• 4)การใช้งานตัวอักษรให้เหมาะสมกับการออกแบบ และการประยุกต์ใช้ในลักษณะต่างๆ
• 5)การใช้ภาพสัญลักษณ์ และสีเพื่อเพิ่มความน่าสนใจ
• 6)พื้นฐานเครื่องมือที่จาเป็นและการปรับแต่งในเครื่องมือนั้นๆ
• 7)เครื่องมือในการสร้างกราฟ และ Symbols
• 8)การนาเสนองานผ่านโซเชียลเน็ตเวิร์ค หรือเผยแพร่ผ่านโลกออนไลน์
** กาหนดการสามารถปรับเปลี่ยนได้ตามสถานการณ์
1)ความรู้
พื้นฐานเกี่ยวกับ
INFOGRAPHIC
ความหมายของอินโฟกราฟิ ก
(INFOGRAPHIC)
Information
Graphic
Infographic
Info: Lekruthai Khantongchai & Graphic: Smitrong
หัวใจของ INFORGRAPHICS
• ทักษะทางด้านอินโฟกราฟิกนั้นจาเป็นต้องจัด
ระเบียบข้อมูลที่ทั้งมากและหลากหลายให้
“จบได้ในภาพเดียว”
Info: Lekruthai Khantongchai & Graphic: Smitrong
ทาไมต้อง 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
ลงมือเถิด
จะเกิดผล
• เป็นเครื่องจักรอิเล็กทรอนิกส์ที่ถูกสร้างขึ้น
เพื่อใช้ทางานแทนมนุษย์ ในด้านการคิด
คานวณและสามารถจาข้อมูล ทั้งตัวเลข
และตัวอักษรได้เพื่อการเรียกใช้งานในครั้ง
ต่อไป สามารถจัดการกับสัญลักษณ์ได้ด้วย
ความเร็วสูง โดยปฏิบัติตามขั้นตอนของ
โปรแกรม อาทิเช่น การเปรียบเทียบทาง
ตรรกศาสตร์ การรับส่งข้อมูล การจัดเก็บ
ข้อมูลในตัวเครื่องและสามารถประมวลผล
จากข้อมูลต่างๆ ได้
http://www.raj6.ac.th/e-com/p3-1.html
ประเภทของอินโฟกราฟิก
ที่มา http://www.infographicthailand.com/#infographic-
thailand
ตัวอย่าง
http://infofed.com/portfolio-item/thailnad-4-0/
Info: Lekruthai Khantongchai & Graphic: Smitrong
ใช้ INFOGRAPHIC สาหรับอะไร ?
Infographic
E-mail : k.lekruthai@gmail.com
Info: Lekruthai Khantongchai & Graphic: Smitrong
หมวดหมู่ของ INFOGRAPHICS
• 1.ข่าวเด่น ประเด่นร้อน และสถานการณ์วิกฤต (Hot Topic)
• 2.สอนบอกเล่ากลยุทธ์ (How to)
• 3.ให้ความรู้ (Did You Know)
• 4.บอกเล่าตานานหรือวิวัฒนาการ (Legend & Evolution)
• 5.อธิบายผลสารวจ และงานวิจัย (Research & Survey)
• 6.กระตุ้นให้เกิดการเปลี่ยนแปลงพฤติกรรม (Campaign)
• 7.โปรโมทสินค้าและบริการ (Promote)
สอนบอกเล่ากลยุทธ์
(How to)
ให้ความรู้
(DidYou Know)
อธิบายผลสารวจ และงานวิจัย
(Research & Survey)
คาถามก่อนจัดทา INFOGRAPHIC
• อยากสร้าง Infographic ง่ายๆ ทา
อย่างไร?
• ข้อควรจาในการออกแบบ Infographics
– ควรตั้งคาถามก่อนลงมือทา
– เตรียมข้อมูลที่ถูกต้อง
– วางรูปแบบโครงร่าง
– ออกแบบโดยยึดความง่าย
– อย่าลืมสรุปใจความสาคัญ
INFORMATION
GRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
http://hilight.kapook.com/view/138299
หลักการออกแบบกราฟิก INFOGRAPHIC
ด้าน INFORMATION
ถูกต้อง น่าสนใจ ทันสมัย
Info: Lekruthai Khantongchai & Graphic: Smitrong
ด้าน GRAPHIC
จัดวางองค์ประกอบ ภาพประกอบ สี สัญลักษณ์ ตัวอักษร
Info: Lekruthai Khantongchai & Graphic: Smitrong
การออกแบบอินโฟกราฟิ กส์
ออกแบบงานโดยยึดความ
ง่าย สบายตา ไม่รก และ
สามารถสื่อถึงข้อมูลอย่าง
รวดเร็ว
เรียบง่ายเข้า
ไว้
ตรวจสอบ
ข้อเท็จจริง
ใช้สีให้เป็น
ใส่เฉพาะตัว
เลขที่จาเป็น
ทาคา
บรรยายให้
น่าอ่าน
กระชับเนื้อหา
เข้าไว้
ขนาดมีผล
การสร้างอินโฟกราฟิ กส์ให้มีประสิทธิภาพ
(DESIGNING EFFECTIVE INFOGRAPHICS)
เน้นที่หัวข้อหลัก
หัวข้อเดียว
(Focus on a
single topic)
ออกแบบให้เข้าใจ
ง่าย (Keep it
simple)
ข้อมูลเป็นสิ่งสาคัญ
(Data is
important)
แน่ใจว่าข้อเท็จจริง
ถูกต้อง (Be
sure facts
are correct)
ให้อินโฟกราฟิก
เป็นตัวเล่าเรื่อง
(Let it tell a
story)
การออกแบบที่ดีทา
ให้มีประสิทธิภาพ
(Good
design is
effective)
ใช้สีที่ดึงดูดความ
สนใจ (Choose
attractive
colors)
ใช้คาพูดที่กระชับ
(Use short
texts)
ตรวจสอบตัวเลข
ข้อมูล (Check
your
numbers)
ทาไฟล์อินโฟ
กราฟิกให้เล็ก
(Make the
file size
small)
Info: Lekruthai Khantongchai & Graphic: Smitrong
การสร้างอินโฟกราฟิ กส์ให้ดึงดูดความสนใจ
(DESIGNING AN AMAZING INFOGRAPHICS)
สารวจข้อมูล รวบรวมข้อมูล
ต้องมีการตรวจสอบข้อมูลที่ทาการ
รวบรวมและสารวจมาอย่างดีทุก
ครั้ง เพื่อให้มี
ความถูกต้องของข้อมูลมากที่สุด
Info: Lekruthai Khantongchai & Graphic: Smitrong
ที่มา
http://infographic.in.th/
เลือกเนื้อหาในการนาเสนอ
ควรนาเสนอเพียงเรื่องเดียว
หัวข้อเดียวเท่านั้น กาหนด
ใจความสาคัญ
ให้ชัดเจน
Info: Lekruthai Khantongchai & Graphic: Smitrong
กาหนดวัตถุประสงค์และกลุ่มเป้ าหมาย
วัตถุประสงค์เพื่อจะสื่อสาร/บอก
อะไร
เช่น ต้องการบอกให้ทราบถึงผล
สารวจพฤติกรรมของเยาวชนไทยที่
สังคมพึงตระหนัก
Info: Lekruthai Khantongchai & Graphic: Smitrong
กาหนดวัตถุประสงค์และกลุ่มเป้ าหมาย
กลุ่มเป้ าหมาย
ต้องการเข้าถึงคนกลุ่มไหน
เช่น คนทั่วไป ครู นักเรียน
นักศึกษา
Info: Lekruthai Khantongchai & Graphic: Smitrong
สร้างหัวเรื่องให้น่าสนใจ
คิดประเด็นสร้างหัวเรื่องให้ดึงดูด น่าอ่าน น่าติดตาม
เพื่อให้ดูเนื้อหาใน Infographic นั้นต่อไป
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบและผลิต
สื่อความหมาย
สร้างสรรค์
สวย
http://www.lovefitt.com Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบและผลิต
- ระบุแหล่งที่มาของ
ข้อมูลให้ชัดเจน
- ระบุผู้จัดทาอินโฟ
กราฟิก
Info: Lekruthai Khantongchai & Graphic: Smitrong
ตรวจทานงาน
การเขียนผิด ตกหล่น จะทาให้งานและองค์กรลด
ความน่าเชื่อถือได้
Info: Lekruthai Khantongchai & Graphic: Smitrong
แชร์และบอกต่อ
Info: Lekruthai Khantongchai & Graphic: Smitrong
การแทรกลิงค์ข้อมูลแจ้งหน่วยงานที่
รับผิดชอบ
• การแทรก URL ลิงก์ข้อมูล รวมถึงเว็บไซต์ส่วนตัวหรือหน่วยงานของ
เพื่อบอกให้คนอื่นรู้ว่า Infographic นี้เป็นความรับผิดชอบของใคร
นั่นเอง
Info: Lekruthai Khantongchai & Graphic: Smitrong
สรุป
สารวจข้อมูล
รวบรวมข้อมูล
เลือกเนื้อหาใน
การนาเสนอ
(จาก 7
หมวดหมู่หลัก)
กาหนด
วัตถุประสงค์และ
กลุ่มเป้าหมาย
สร้างหัวเรื่องให้
น่าสนใจ
ออกแบบและ
ผลิต
ตรวจทานงาน
แชร์และบอกต่อ
Info: Lekruthai Khantongchai & Graphic: Smitrong
ข้อมูลหน่วยงานที่รับผิดชอบ
(เลือกจาก 9 Layout)
(www.f0nt.com)
(colorsupplyyy.com)
สิ่งที่ไม่ควรทาในการออกแบบอินโฟกราฟิ กส์
• อย่าใช้ข้อมูลมากเกินไป (Don‟t use too much text)
• อย่าทาข้อมูลที่นาเสนอให้ยุ่งยากซับซ้อน (Don‟t make confusing data presentation)
• อย่าใช้สีมากเกินไป (Don‟t overuse color)
• อย่าใส่ตัวเลขมากเกินไป (Don‟t place too much numbers)
• อย่าละเลยข้อมูลที่ไม่สามารถระบุแยกแยะได้ (Don‟t leave figures unidentified)
• อย่าสร้างอินโฟกราฟิกส์ให้น่าเบื่อ (Don‟t make it boring)
• อย่าใช้วิธีการพิมพ์ผิด (Don‟t misuse typography)
• อย่านาเสนอข้อมูลที่ผิด (Don‟t present wrong information)
• อย่าเน้นที่การออกแบบ (Don‟t focus on design)
• อย่าใช้แบบเป็นวงกลม (Don‟t use a circus layout
อย่าทาข้อมูลที่นาเสนอให้ยุ่งยากซับซ้อน (Don’t make confusing data presentation)
อย่าละเลยข้อมูลที่ไม่สามารถระบุแยกแยะได้(Don’t leave figures unidentified
อย่าใช้วิธีการพิมพ์ผิด (Don’t misuse typography)
การสรุปใจความไว้ใน INFOGRAPHIC
• ดีไซน์ „สวย‟ แต่ไม่ „สื่อ‟ • ดีไซน์ „สื่อ‟ แต่ „ผิดสาร‟
Info: Lekruthai Khantongchai & Graphic: Smitrong
2)ความรู้ พื้นฐาน
เกี่ ยวกับ M O T I O N
G R A P H I C
(GIFOGRAPHIC)
GIFOGRAPHIC : แนวทางใหม่ของ INFOGRAPHIC ปี 2017
• „Gifographic‟ นั้นคือ ส่วนผสมระหว่าง
3 สิ่ง ได้แก่ GIF , Information และ
Graphic หรือจะเรียกว่ามันเป็น
วิวัฒนาการหนึ่งของ Infographic ก็ว่า
ได้ มีการใช้ภาพเคลื่อนไหวในการให้
ข้อมูลแทน Infographic แบบดั้งเดิม
Info: Lekruthai Khantongchai & Graphic: Smitrong
GIFOGRAPHIC แนวทางใหม่ที่น่าจับตามอง
Info: Lekruthai Khantongchai & Graphic: Smitrong
มาลองดูกันให้ชัด ๆ ว่า GIFOGRAPHIC มี
ประโยชน์อย่างไรบ้าง
1. อ่านง่าย อ่านได้ไว ไม่เสียเวลา
2. เปลี่ยน Infographic ที่น่าเบื่อ ให้สนุกขึ้น
3.ทุกกระบวนการ เข้าใจได้ในภาพเดียว
4. สร้างเอกลักษณ์ให้แบรนด์ได้
Info: Lekruthai Khantongchai & Graphic: Smitrong
ทา „GIFOGRAPHIC‟ INFOGRAPHIC แบบ
เคลื่อนไหวได้แบบไหนถึงเวิร์ค
• 1.ตัวเลข สถิติ
• 2.การเคลื่อนไหวของสิ่งมีชีวิต
• 3.How To แบบ Step By Step
• 4.การทางานของแบรนด์ หรือ SME ต่าง ๆ
• 5.เชิงธุรกิจ การตลาด
• 6.ให้ข้อมูลเชิงลึก
• 7.กีฬา การออกกาลังกาย
• 8.สุขภาพ
• 9.เรื่องเบาสมอง
Info: Lekruthai Khantongchai & Graphic: Smitrong
Info: Lekruthai Khantongchai & Graphic: Smitrong
3 ) ก า ร ส ร้ า ง L AY O U T
ใ ห้ กั บ ง า น M O T I O N
G R A P H I C
( G I F O G R A P H I C )
ออกแบบ INFOGRAPHIC ด้วย 9 LAYOUT
• ถ้าเลือกรูปแบบของ
Infographic ไม่
เหมาะสมกับข้อมูล ก็
จะทาให้ข้อมูลถูกลด
ความหมาย หรือไม่
น่าสนใจเท่าที่ควร
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
ROADMAP
https://pbs.twimg.com/media/BzP6KX8IAAAkG3g.jpg
https://www.easel.ly/ Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
USEFUL BAIT
Info: Lekruthai Khantongchai & Graphic: Smitrong
ออกแบบ INFOGRAPHIC
Info: Lekruthai Khantongchai & Graphic: Smitrong
กิจกรรม
เลือก Layout อะไรดี?
Info: Lekruthai Khantongchai & Graphic: Smitrong
ถ้ามีหัวข้อหลักหัวข้อเดียว แต่มีหัวข้อย่อยหลายหัวข้อ
ควรเลือกแบบใด?
Listed Comparison FlowchartNumberPorn
Info: Lekruthai Khantongchai & Graphic: Smitrong
ถ้าต้องการเล่าประวัติของคอมพิวเตอร์ ควรเลือกแบบใด?
Visualized Article TimeLine Structure RoadMap
Info: Lekruthai Khantongchai & Graphic: Smitrong
LAYOUT นี้คือแบบไหน?
Useful Bait 
Info: Lekruthai Khantongchai & Graphic: Smitrong
มาเล่นกัน
เถอะ
https://quizlet.com/live
4 ) ก า ร ใ ช้ ง า น ตั ว อั ก ษ ร ใ ห้
เ ห ม า ะ ส ม
กั บ ก า ร อ อ ก แ บ บ แ ล ะ ก า ร
ป ร ะ ยุ ก ต์ ใ ช้ ใ น ลั ก ษ ณ ะ ต่ า ง ๆ
การใช้งานตัวอักษรให้เหมาะสมกับการออกแบบ
และการประยุกต์ใช้ในลักษณะต่างๆ
•www.f0nt.com
5)การใช้ ภาพ
สั ญลั กษณ์
และ สี เพื่ อเพิ่ มความ
น่ าสนใจ
ลิขสิทธิ์รูป เรื่องที่คนทางานกราฟิ กและเว็บไซต์
ทุกคนต้องรู้
• การนารูปมาใช้ในงานกราฟิกหรือเว็บไซต์น่ากลัวกว่าที่ทุกคนคิด แค่ Copy รูปจากกูเกิ้ล
แล้วเขียนในรายงานว่า “ขอบคุณรูปภาพจาก Google” ก็เสร็จ แต่ในการทางานจริงๆ อาจ
ทาให้เสียเงินหลายแสนได้
Info: Lekruthai Khantongchai & Graphic: Smitrong
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
วรรณะของสี
Info: Lekruthai Khantongchai & Graphic: Smitrong
หลักการใช้สี
1. การใช้สีเอกรงค์
Info: Lekruthai Khantongchai & Graphic: Smitrong
หลักการใช้สี
2. การใช้โครงสีข้างเคียง
Info: Lekruthai Khantongchai & Graphic: Smitrong
วรรณะของสีโทน
ร้อน
ที่มา
วรรณะของสีโทนเย็น
Info: Lekruthai Khantongchai & Graphic: Smitrong
หลักการใช้สี
3. การใช้คู่สีตัดกัน
Info: Lekruthai Khantongchai & Graphic: Smitrong
หลักการใช้สี
Info: Lekruthai Khantongchai & Graphic: Smitrong
เว็บไซต์ช่วยเลือกชุดสี
• http://www.colorcombos.com
• http://kuler.adobe.com
• http://www.colourlovers.com
• http://web.colorotate.org
• http://colorsupplyyy.com/
Info: Lekruthai Khantongchai & Graphic: Smitrong
รวมกลุ่ มกันคิด
Info: Lekruthai Khantongchai & Graphic:
Smitrong
Who/What
How much
Where
When
How
Why
Pictogram
Chart
Map
Timeline
Flowchart
Diagram
6 ) พื้น ฐ า น เ ค รื่ อ ง มื อ ที่
จา เ ป็ น
แ ล ะ ก า ร ป รั บ แ ต่ ง ใ น
เ ค รื่ อ ง มื อ นั้น ๆ
โปรแกรมที่ใช้สร้าง INFOGRAPHICS
• โปรแกรมที่มีลิขสิทธิ์ ได้แก่ Illustrator, Photoshop หรือ
Powerpoint
• โปรแกรม Opensource ได้แก่ Inkscape, Gimp หรือ
Scribus
• การสร้าง Infographics จากแหล่งที่ให้บริการฟรีและดีที่
มีอยู่บนโลกออนไลน์
Info: Lekruthai Khantongchai & Graphic: Smitrong
การสร้างภาพกราฟิ กด้วย
INKSCAPE/ILLUSTRATOR
• Inkscape เป็นโปรแกรมวาดภาพแบบเว็ก
เตอร์ 2 มิติ มีลักษณะการใช้งานเหมือนกับ
Adobe Illustrator หรือ Corel Draw ซึ่ง
เป็นที่รู้จักกันเป็นอย่างดี แต่ Inkscape เป็น
ซอฟต์แวร์โอเพ่นซอร์สที่เป็นของฟรี
Info: Lekruthai Khantongchai & Graphic: Smitrong
การออกแบบ INFOGRAPHIC ด้วย ILLUSTRATOR
Info: Lekruthai Khantongchai & Graphic: Smitrong
สร้างงาน (Document Setup)
ตีเส้นนาสายตา (Guides)
วางโครงร่าง (Layout)
ใส่ข้อความ (Type)
ลงชุดสี (Color Scheme)
แทรกภาพประกอบ (Graphic)
นาออกไปใช้(Export)
การใช้ GIMP/PHOTOSHOP ตกแต่งภาพ
• GIMP เป็นโปรแกรมสร้างสรรค์งาน
กราฟิกหรือตกแต่งภาพของ Linux มี
ความสามารถเทียบเท่าโปรแกรม Adobe
Photoshop ไม่ว่าจะเป็นเรื่อง Layer,
Channel หรือ Filter
Info: Lekruthai Khantongchai & Graphic: Smitrong
ลบ BACKGROUND ด้วย PHOTOSHOP
เปิดภาพ
แปลงให้เป็น
Layer0
ลบภาพด้วย
EraserTool
บันทึกใหม่เป็น
นามสกุล *.png
Info: Lekruthai Khantongchai & Graphic: Smitrong
การนา INFO ไปทา GIFO ใน PHOTOSHOP
ใน
Illustrator
แยก layer วัตถุที่จะ
เคลื่อนไหว
Export เป็น
PSD
ใน
Photoshop
เปิดไฟล์ PSD
ตรวจสอบ Layer
สร้างการเคลื่อนไหว
ด้วย Frame
Animation
Save for web
เป็น gif
Info: Lekruthai Khantongchai & Graphic: Smitrong
การนา INFO ไปทา GIFO ใน PHOTOSHOP
Info: Lekruthai Khantongchai & Graphic: Smitrong
ใน
Illustrator
ขยับวัตถุตามต้องการ
Export เป็น Jpeg
วนทาให้ครบตามต้องการ
(1รูปคือ 1 Frame)
ใน
Photoshop
File >Script>Load
files into stack
สร้างการเคลื่อนไหวด้วย
Frame Animation
(1Layer คือ 1
Frame)
Save for web เป็น
gif
ข้อเสีย ถ้าการเคลื่อนไม่ถูกใจ ต้องทาใหม่ตั้งแต่แรก แก้ไขไม่ได้
การสร้ างงาน INFOGRAPHIC ด้วยบริการบนเว็บไซต์ PIKTOCHART
•เป็นเว็บไซต์ที่ให้บริการด้านการสร้างงาน Infographic ซึ่ง
ภายในเว็บไซต์มีเครื่องมือมากมายที่จะช่วยอานวยความ
สะดวกในการออกแบบงาน รวมถึงมีแม่แบบสาเร็จรูปให้
เลือกใช้อีกด้วย
Info: Lekruthai Khantongchai & Graphic: Smitrong
วิธีการ 2 วิธีง่ายๆในการทาภาพเคลื่อนไหว GIF
• สร้างภาพเครื่องไหว GIF แบบง่ายๆ ผ่านทางออนไลน์
• สร้างภาพเคลื่อนไหว GIF ผ่านโปรแกรม GIMP
Info: Lekruthai Khantongchai & Graphic: Smitrong
วิธีการสร้าง GIFOGRAPHICS
•ข้อสาคัญก่อนที่จะเริ่มสร้าง gifographic A:
ต้องแน่ใจว่าขนาดของมันจะพอดีกับที่คุณจะ
โพสต์ไว้
10 ขั้นตอน เปลี่ยน INFOGRAPHIC ให้
เคลื่อนไหวได้แบบ GIFOGRAPHIC
กัน
https://www.polleverywhere.com
/
7)เครื่ องมือใน
การสร้ างกราฟ
และ SYMBOLS
การสร้าง INFOGRAPHICS จากแหล่งที่
ให้บริการฟรีและดีที่มีอยู่บนโลกออนไลน์
• 1. Hohli ผู้ช่วยสร้างแผนภูมิออนไลน์ http://charts.hohli.com
• 2. Wordle สร้างก้อนเมฆข้อความ http://www.wordle.net/
• 3. Cacoo สร้างแผนภาพไดอาแกรมสุดง่าย http://cacoo.com
• 4. Inkscape ดึงภาพมาใช้ฟรี http://inkscape.org/
• 5. Visual.ly สร้างและค้นหา Infographic http://visual.ly/
8 ) ก า ร นา เ ส น อ ง า น ผ่ า น
โ ซ เ ชี ย ล เ น็ ต เ วิ ร์ ค
ห รื อ เ ผ ย แ พ ร่ ผ่ า น โ ล ก
อ อ น ไ ล น์
การเผยแพร่ INFOGRAPHICS ผ่าน
NETWORK หรือโลกออนไลน์
• การออกแบบ Infographic ไม่ควรยัดเยียดด้วยตัวอักษรปริมาณมากลงในรูป
• ความถูกต้องของข้อมูลคือสิ่งสาคัญที่สุด
• วางไว้บนเว็บไซต์ของตัวเองก่อนเป็นอันดับแรก
• ทาเป็นหลายๆ ชิ้นมาประกอบกันเป็นชิ้นใหญ่ได้
• อย่าลืมนึกถึงงบประมาณ และปริมาณคนที่ต้องมาลงแรงในการทา
ใครมีคาถามขอให้ยกมือขึ้น!!
Thank you
Info: Lekruthai Khantongchai & Graphic: Smitrong

Gifographic