· Web viewรายได และการสร างงาน (ก จกรรมพ ฒนาแหล งท องเท ยวในอ ทยานแห งชาต
Insight infographic...จะพบต วอย างงาน infographic ท...
Transcript of Insight infographic...จะพบต วอย างงาน infographic ท...
Insight
infographic
By ยองหนอย
กรอบการ“แลกเปลี่ยนเรียนรู”
1. Infographic คืออะไร
2. กฎ/ทฤษฎี/หลักการ
3. รูจักเครื่องมือ/
ตัวชวยสรางผลงาน
4. ฝกปฏิบัติ
information graphic
infographic คืออะไร
30%
ผูจัดทําตองสามารถ
สกัดประเด็นสําคัญ
เพื่อการนําเสนอได
70%
เกิดจาก Idea และ
จินตนาการของ
ผูจัดทํา
คุณลักษณะสําคัญ“คนทํา Info”
1. สายยอ
2. มโน (ธรรม) ทํา
3. สรางภาพ - สรางเรื่อง
แหลงที่มาของไอเดียการสราง Graphic
คนหาจาก google โดยพิมพคําวา infographic
จะพบตัวอยางงาน infographic
ที่สามารถนํามาประยุกตใชใหเหมาะสมกับงานที่จะทําได
หมั่นสรางสรรคจินตนาการตามแบบฉบบัของตวัเอง เชน การดูหนัง ฟงเพลง
การฝกการแปลงขอความเปนภาพ เชน
หรือเมื่อเห็นเนื้อหา/ขอความใด ใหจินตนาการวาจะนําเสนอเนื้อหานั้นเปนภาพไดอยางไร
ตัวอยางแหลงตนแบบไอเดียสราง InfoGraphic
1. https://venngage.com/gallery/
2. www.infographicbee.com
3. http://infographicjournal.com
4. http://infographic.in.th/
5. https://www.creativemove.com/writer/infographicmove/
กฎ“สี” สีตรงขาม มีท้ังหมด 6 คูสี
กฎ“ขอความ”
คํา ตอบรรทัด
บรรทัด ตอหน่ึงสไลดไมเกิน 7
กฎ สวน ชอง3 9
การใช Font ในงานกราฟก
แหลงรวบรวม Font ท่ีมากสุดท่ีสุด สามารถ download ไดจาก www.f0nt.com
จากการศึกษาในหลายหนวยงานท่ีจัดฝกอบรม
สิ่งหน่ึงท่ีวิทยากรพูดเสมอ และพูดเหมือนกันคือ
งาน Infographic ตองใช Font แบบไมมีหัว เทาน้ัน
ดวยเหตุผลกลใด…ไมแนชัด
การใช สี ในงานกราฟก
https://color.adobe.com/create/color-wheel/
ตัวอยางเว็บไซดสําหรับการเทียบเคียงสีเพื่อใชในงานกราฟก
http://www.colourlovers.com/
การใช กราฟ
กราฟแบบรูปภาพ• เปรียบเทียบขอมูลงาย
• ผูอานเขาใจงาย
ขอดี
• ไมเหมาะกับงานที่เปนทางการ
• ไมเหมาะกับขอมูลที่มีคาเปนลบ
• ไมเหมาะกับขอมูลที่มีความละเอียด
ขอเสีย
การใช กราฟ
กราฟแทง
• เขาใจงาย
• เหมาะกับขอมูลมีความละเอียดสูง
• เหมาะสําหรับงานที่เปนทางการ เปรียบเทียบขอมูล
• ใชกับขอมูลที่มีคาเปนลบได
ขอดี
• ถาขอมูลแตกตางกันมากเกินไป ความสูงของแตละแทงจะตางกันมากจนมองไมเห็นแทงที่ขอมูลนอย
ขอเสีย0
1
2
3
4
5
6
Category 1 Category 2 Category 3 Category 4
การใช กราฟ
กราฟวงกลม
• เปรียบเทียบขอมูลในชุดเดียวกันไดชัดเจน
• เหมาะสําหรับนําไปใชเปนสวนประกอบใน Infographic
ขอดี
• ยุงยากในการสราง
• ใชเปรียบเทียบขอมูลในชุดเดียวกันเทานั้น
• ไมสามารถใชกับขอมูลที่มีคาเปนลบ
• ขอมูลที่แตกตางกันมากจะทําใหไมเห็นพ้ืนที่ในวงกลมของขอมูลจํานวนนอย
ขอเสีย
Category 1
29%
Category 2
17%Category 3
24%
Category 4
30%
การใช กราฟ
กราฟโดนัท • เปรียบเทียบขอมูลในชุดเดียวกันและระหวางชุดไดชัดเจน
• เหมาะสําหรับนําไปใชเปนสวนประกอบใน Infographic
ขอดี
• ยุงยากในการสราง
• ไมสามารถใชกับขอมูลที่มีคาเปนลบ
• ขอมูลวงนอกจะมีขนาดใหญกวาวงใน ทําใหอาจแปลความหมายไมถูกตอง
ขอเสีย
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
การใช กราฟ
กราฟเสน• เหมาะสําหรับการแสดงความเปลี่ยนแปลง แนวโนม Trend
• สามารถสรางและเขาใจไดงาย
• เหมาะสําหรับงานที่เปนทางการ
• ใชกับขอมูลที่มีคาเปนลบได
• เหมาะสําหรับแสดงขอมูลหลาย ๆ ชุดในแผนภูมิเดียวกัน
ขอดี
• เหมาะสําหรับขอมูลที่มีคามากกวา 2 จุดขึ้นไป
• เสนที่ลากผานขอมูล 2 จุดไมไดเปนตัวบงบอกขอมูลระหวาง 2 จุดนั้น ๆ
ขอเสีย
0
1
2
3
4
5
6
Category 1 Category 2 Category 3 Category 4
การใช กราฟ
กราฟพื้นท่ี• เหมาะสําหรับเนนความสําคญัของการเปลีย่นแปลง
ในชวงเวลา
• แสดงใหเห็นผลรวมของความแตกตางระหวางขอมูล
• ซอนขอมูลแตละชุดเปน 2 หรือ 3 มิติได
ขอดี
• เหมาะสําหรับขอมูลที่มีคามากกวา 2 จุดขึ้นไป
• ขอมูลแตละชุดไมควรซอนทับกันแมแตจุดเดียว
ขอเสีย
0
5
10
15
20
25
30
35
40
45
50
1/5/2002 1/6/2002 1/7/2002 1/8/2002 1/9/2002
การใช กราฟ
กราฟเรดาห• เหมาะสําหรับเปรียบเทยีบความมากนอยของขอมูลในแตละชุด
แตละหัวขอ
• เปรียบเทียบจุดออนจุดแข็งในแตละดานไดอยางรวดเร็ว
• เหมาะสําหรับนําไปใชใน Infographic
ขอดี
• ไมสามารถใชกับขอมูลที่มีคาเปนลบได
• หัวขอในแผนภูมิมีมากเกินไปจะยากตอการแปลความหมาย
• ขอมูลที่แตกตางกันมากเกินไป จะทําใหมองไมเหน็ความสูงของขอมูลจํานวนนอย
ขอเสีย05
101520253035
1/5/2002
1/6/2002
1/7/20021/8/2002
1/9/2002
แหลงที่มาของ Graphic สําเร็จรูป
icon
สามารถ download ไดจาก
www.flaticon.com
vector
สามารถ download ไดจาก
www.freepik.com
แผนที่
สามารถสรางแผนท่ีไดจาก
www.piktochart.com
การเตรียมการ
วิเคราะหผูนําเสนอ
วิเคราะหผูฟง
กําหนดรูปแบบ
การนําเสนอ
วิเคราะหขอมูล
ที่จะนําเสนอ
องคประกอบของเนื้อหา
ในงานนําเสนอ
หนาปก: ชื่อเรื่อง ผูบรรยาย วัน เวลา สถานที่
กรอบการนําเสนอ: ประเด็นหลักของเนื้อหา
เนื้อหา: ที่มา รายละเอียด
จบการนําเสนอ: ขอบคุณ
บทสรุป: ขอเสนอ ขอพิจารณา
หมายเหตุ: เลขหนาจะใสเมื่อส้ินสุดการแกไขเนื้อหา
องคประกอบของ
One pageชื่อเรื่อง
รายละเอียดของเนื้อหา
แหลงอางอิงของเนื้อหา
ผูผลิต/จัดทํา
ขอพึงระวังในการ
ทํางานนําเสนอแบบ “Info”
ใชสีไมเกิน
3 เฉดสี
ใช Font ไมเกิน
2 รูปแบบ
ขนาดของ font
ไมควรต่ํากวา 28pt
และใชตัวหนา
สีพื้นกับ
ตัวอักษร
การวางรูปแบบ
Z / Nการนําเสนอตัวเลข
ท่ีไมใชงบประมาณ
ใหใชทศนิยม
1 ตําแหนง
ฝกปฏิบัติ
เตรียม
วัตถุดิบ
สราง
ผลงาน
การเตรียมวัตถุดบิ
Logo หนวยงาน
สามารถสรางจากโปรแกรม
Photoshop
• สราง logo ตามตัวอยาง
• save เปน png
เหตุผลที่ตองเปนไฟล png เนื่องจากจะเปนภาพที่ไมมีพื้นหลัง (โปรงใส)
เมื่อวางภาพซอนกัน จะสามารถทับซอนกันไดสวยกวา
การเตรียมวัตถุดบิ
icon
สามารถ download ไดจาก
www.flaticon.com
• โดยใชคําสืบคนเปนภาษาอังกฤษ
• เลือกภาพท่ีตองการ
• คลิกท่ี PNG เพื่อใหไดภาพพื้นหลังโปรงใส
• กรณีภาพท่ีเลือกเปนขาวดํา
สามารถเลือกสีท่ีตองการได
• เลือกขนาดภาพเปน 512
vector
สามารถ download ไดจาก
www.freepik.com
• โดยใชคําสืบคนเปนภาษาอังกฤษ
• เลือกรูปแบบ vector ท่ีตองการ
ท้ังน้ี ตองเลือกภาพท่ีมุมบนซายเปนตัว S หากเปนรูปมงกุฎ จะเปนภาพท่ีมีคาใชจาย
• download ภาพดังกลาว โดยจะไดเปนไฟล zip
• แกไขภาพโดยใชโปรแกรม Illustrator แลว export เปน PNG
หากโหลด vector จากเว็บน้ี อยาลืมติด Credit แหลงท่ีมาดวยนะคะ
การเตรียมวัตถุดบิ
สามารถสรางแผนท่ีไดจาก
www.piktochart.com
• Create new presentation
• เลือกเมนู Tools – Map – คนหาแผนท่ีประเทศท่ีตองการ – edit this map
• กําหนดสีของแตละจังหวัด
• กําหนดสีเสนแบงแตละจังหวัด
• Insert map
• Download (เอาเครื่องหมาย download as block ออก) จะไดไฟลภาพเพื่อใชงาน
แผนที่
การเตรียมวัตถุดบิ
กําหนด template ใน power point กอนสรางเน้ือหา
• View – Slide master
• เลือกหนาท่ี 1 แลว insert logo
• เม่ือตั้งคาครบแลว close master view
• ในกรณีท่ีไมตองการ logo ในหนาไหน
• click ขวา เลือก format background
• ทําเครื่องหมายถูกเพื่อเลือก hide background graphics
การสราง template
การสรางผลงาน
ขอบคุณคะ
More Information: www.facebook.com/HR4Health