ความหมายของอินโฟกราฟก0 (Infographic) Graphic อนิ โฟกราฟก) (infographics) หรือ (information graphics) Information เปน# การแสดงผลของขอ0 มูลหรือความรู0โดย ภาพท่อี >านและเขา0 ใจง>าย งานกราฟกD ประเภท น้นี ิยมใชส0 ำหรบั ข0อมูลท่ีมีความซับซอ0 น ตวั อย>างเชน> ปMาย แผนที่ งานวจิ ัย โดยอินโฟ กราฟกD นยี้ ังคงนยิ มใชใ0 นสายงานดา0 น วิทยาการคอมพิวเตอรN คณิตศาสตรN สถิติศาสตรN เพอ่ื ให0แสดงถึงขอ0 มูลทซ่ี ับซอ0 นให0 งา> ยข้ึน 2
สาเหตทุ เ่ี ราไม>เอาข0อมลู ตัวหนงั สอื แปะไปยาว ๆ แตท> ำ เป#นรปู สวยงามแทน ก็เพราะวา> สมองคนเราประมวลผล ภาพไดเ0 รว็ กวา> ตวั หนังสอื ถึง 60,000 เท>า เพราะฉะนัน้ บางเรอ่ื งทดี่ ซู ับซอ0 นต0องอธิบายเปน# ชวั่ โมง เราอาจจะ ย>อยเปน# Infographic ทีอ่ า> น 5 นาทีเขา0 ใจแลว0 กไ็ ด0 นอกจากนัน้ การทำ Infographic ยังทำใหข0 0อมูลที่ดูน>า เบอื่ กลายเป#นน>าสนใจขึน้ มาได0 ทำให0นยิ มมาใน Social Network เช>น Facebook หรอื Twitter
ความหมายของอินโฟกราฟก0 (Infographic) ผลไม% Information ผลไม% กลว# ย , สม# 4
ประเภทของอนิ โฟกราฟ0ก แบงI ตามลกั ษณะการนำเสนอ Static Infographic VDO Infographic 5
Static Infographic ท่ีมา: facebook.com/InfographicMOVE 6
Static Infographic ท่ีมา: facebook.com/infographic.thailand 7
VDO Infographic ที่มา: https://youtu.be/xSCva02wgxc 8
ออกแบบอยาI งไรใหโW ดนใจ ? 9
ทำไมตWอง Infographic Diagram of the Causes of Mortality : Florence Nightingale สรา้ งคลนื่ พลังใหม่ในเครือขา่ ยสังคม ทมี่ า http://www.tcdc.or.th/articles/design-creativity/16562/#Infographic-เทรนดม์ าแรงในสงั คม-เครือข่ายนยิ ม- 10
จะใชW Infographic สำหรบั อะไร ? 11
เคลด็ ลบั สำหรับสดุ ยอด Infographic 1. เรยี บงา* ยเข-าไว- 2. ตรวจสอบข-อเทจ็ จรงิ 3. ใช-สใี หเ- ป=น 4. ใสเ* ฉพาะตวั เลขท่จี ำเปน= 5. ทำคำบรรยายให-นา* อา* น 6. กระชบั เน้ือหาเขา- ไว- 7. ขนาดมผี ล ความคมชดั 8. หาแรงบนั ดาลใจ Daily Infographic http://infofed.com/ http://www.dailyinfographic.com/ http://infographicthailand.com/ 12
หลกั การออกแบบกราฟ0ก Information Graphic 13
ดาW น Information ถูกต.อง นา* สนใจ ทนั สมัย 14
ดาW น Graphic จัดวางองค)ประกอบ ภาพประกอบ สี สญั ลกั ษณ) ตวั อกั ษร 15
หลกั การใชสW ี 1. การใช@สีเอกรงคF 16
หลกั การใชWสี 2. การใชโ@ ครงสีขา@ งเคยี ง 17
หลกั การใชWสี 3. การใช@คูสL ีตดั กัน 18
หลกั การใชสW ี pastel tone 3. การใชโ@ ทนสี earth tone 19
หลกั การใชสW ี 20
วรรณะของสี 21
วรรณะของสีรอW น ทีม่ า http://infographic.in.th/ 22
วรรณะของสีเยน็ ทีม่ า http://infographic.in.th/ 23
ชวนคดิ ถWานำเสนอเร่ือง “กลวW ย” 12 3 4 24
ชวนคดิ ถาW นำเสนอเรื่อง “กลวW ย” กล#วย กล#วย กลว# ย กล#วย 12 34 25
ชวนคิด ถWานำเสนอเรอ่ื ง “โลกรอW น” ใชWสีแบบใด? 26
ตวั อักษร 27
7 ข้นั ตอนการผลิตอนิ โฟกราฟ0ก 2 3 1 กำหนดวัตถุประสงคrและ เลือกเนอื้ หาในการ สำรวจขxอมลู รวบรวม กลOมุ เปsาหมาย นำเสนอ ขxอมูล 28
7 ขัน้ ตอนการผลิตอินโฟกราฟ0ก 4567 สรxางหัวเร่อื ง (Topic) ออกแบบและผลติ ตรวจทานงาน แชรrและบอกตอO ใหxนาO สนใจ 29
1. กำหนดวัตถุประสงคiและกลุIมเปjาหมาย วัตถปุ ระสงคเ, พื่อจะสือ่ สาร/บอกอะไร เช#น ตอ' งการบอกให'ทราบถงึ ผลสำรวจ พฤติกรรมของเยาวชนไทยทส่ี งั คมพงึ ตระหนัก 30
1. กำหนดวัตถปุ ระสงคแi ละกลIุมเปาj หมาย กลมุ9 เปา; หมาย : ตอ' งการเข'าถึงคนกลุ#มไหน เช#น คนทั่วไป ครู นกั เรียน นกั ศึกษา 31
2. เลอื กเน้ือหาในการนำเสนอ ควรนำเสนอเพยี งเรื่องเดยี ว หัวขอ' เดยี วเทา# น้นั กำหนดใจความสำคัญให'ชัดเจน 32
3. สำรวจขWอมูล รวบรวมขอW มลู ตอ' งมีการตรวจสอบขอ' มูลทท่ี ำการรวบรวม และสำรวจมาอยา# งดที กุ คร้ัง เพ่อื ใหม' ีความ ถูกต'องของข'อมลู มากทส่ี ุด 33
4. สรWางหวั เรื่องใหนW Iาสนใจ คิดประเด็น สรา' งหัวเร่อื งให'ดงึ ดดู นา# ตดิ ตาม เพ่ือใหด' เู นอื้ หาใน Infographic น้ันต#อไป 34
5. ออกแบบและผลิต สวย สร&างสรรค* สอ่ื 35
6. ตรวจทานงาน การเขยี นผดิ ตกหล#น จะทำใหง' านและองคก[ รลดความน#าเชอื่ ถือได' 36
7. แชรแi ละบอกตอI 37
ส่งิ ท่ี ควรทำ / ไมIควรทำ ในอินโฟกราฟก0 การรวบรวมขอW มูล 38
ส่งิ ท่ี ควรทำ / ไมIควรทำ ในอนิ โฟกราฟก0 เนWนหวั ขWอหลกั หัวขอW เดยี ว 39
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟ0ก ขอW มูลเปนr สิ่งสำคญั / อยาI ใชพW มิ พiผิด หนมู อี าการเป,นไข*เล็กนอ/ ย หนมู ีอาการเป,นไข.เล็กน/อย 40
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอินโฟกราฟก0 ขอW มูลเปนr สง่ิ สำคญั / อยาI ใชWพมิ พiผิด วันนี้ไฟฟ6าตบั ท้งั ซอย วันนีไ้ ฟฟ6าดับทั้งซอย 41
ส่งิ ท่ี ควรทำ / ไมIควรทำ ในอนิ โฟกราฟ0ก ใชคW ำพดู กระชับ / อยาI ใชขW อW มูลมากเกนิ ไป โรคเลปโตสไปโรซสิ หรอื ไขฉ- ห่ี นู หลายคนเขา) ใจผิดว0า โรคฉห่ี นมู พี าหะคือ \"หนู\" เท0าน้ัน แตจ0 รงิ ๆ แล)ว พาหะของโรคฉี่หนู มีไดท) ัง้ สตั วเG ลี้ยง เชน0 สนุ ัข สุกร โค กระบือ รวมทั้งสัตวGปาM และสตั วทG ่ีมฟี Oนแทะทัง้ หลาย โดยเชอ้ื เหลา0 นีจ้ ะปะปนอย0ูในน้ำ และสง่ิ แวดล)อมในทที่ ่ีมีนำ้ ท0วมขงั หากใครสัมผสั ถูก เชอ้ื จะเขา) ส0ูร0างกาย ผา0 นทางบาดแผล รอยขีดข0วน เยอ่ื บจุ มูก เยื่อบตุ า เยือ่ บุในช0องปากไดง) า0 ย ๆ อาการเด0น ๆ ของโรคน้คี ือ หลังได)รบั เชือ้ ประมาณ 1-2 อาทติ ยG จะมไี ขส) งู เฉยี บพลนั ปวดศีรษะมกั ปวดกลา) มเน้อื บริเวณน0อง และโคนขาอย0างรนุ แรง และตาแดง คอแข็ง สลับกับไข)ลด หากเปนY มากอาจมีจดุ เลือดออกที่เพดานปาก หรือตามผวิ หนัง จนกระท่ังตบั วาย ไตวายได)เลยทีเดียว 42
ส่งิ ท่ี ควรทำ / ไมIควรทำ ในอนิ โฟกราฟก0 ใชคW ำพดู กระชับ / อยาI ใชขW Wอมลู มากเกินไป ทม่ี า http://infographic.in.th/ 43
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟ0ก อยาI ใสตI ัวเลขมากเกินไป /ตรวจสอบตัวเลขขWอมูล ที่มา http://infographic.in.th/ 44
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟก0 ออกแบบใหเW ขาW ใจงาI ย /อยาI สรWางอนิ โฟกราฟ0กใหนW Iาเบอ่ื 45
สงิ่ ที่ ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟ0ก การกำหนดภาพใหWตรงกับหัวขอW ที่มา http://infographic.in.th/ 46
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟ0ก กำหนดตำแหนงI ท่โี ดดเดนI ในส่ิงท่จี ะส่ือ 47
ส่งิ ท่ี ควรทำ / ไมคI วรทำ ในอนิ โฟกราฟ0ก กำหนดตำแหนงI ท่โี ดดเดนI ในส่ิงท่จี ะส่ือ 48
ส่งิ ที่ ควรทำ / ไมIควรทำ ในอินโฟกราฟก0 จดั อนั ดับดวW ยตวั Z 49
ส่งิ ท่ี ควรทำ / ไมIควรทำ ในอนิ โฟกราฟ0ก จดั อันดบั จากซาW ยไปขวา หรอื จากบนลงลIาง 50
Search
