การสรา ง Infographic ดว ย Canva อ.กรกช สารโท รายวช ิ าท ี่ 2 อ.ดวงพร เทย ี นเงนิ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร อ.เกษร จตเ ุ ทน
วต ั ถป ุ ระสงคร ายวช ิ า เพ ื่ อให ผูเข าร ั บการพ ั ฒนา 1. ม ี ความรูความเข าใจเก ี่ ยวก ั บ Infographic และการใช งาน Canva 2. ÿามารถÿร าง Infographic ÿ ํ าĀร ั บการประชาÿ ั มพ ั นธ ด วย Canva โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร วช ิ านม ี้ อ ี ะไรบา ง รูจ ั ก Infographic การวางร ู ปแบบโครงสร าง ข ั้ นตอน การสร าง Infographic ประโยชนข อง Infographic
โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร วช ิ านม ี้ อ ี ะไรบา ง การใช งาน Canva การสม ั ครใช งาน Canva ส วนประกอบของ Canva เมน ู และเคร ื่ องม ื อ ท ี่ใช ในการออกแบบ การสร าง Infographic
รจูก ั Infographic โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
Infographic คอ ื อะไร Information Graphic Infographic ค ื อ การÿร ุ ปข อม ู ลĀร ื อความรูลงในร ู ปภาพ อาจประกอบด วย ÿ ั ญล ั กþณ กราฟ แผนภ ู ม ิ เพ ื่ อÿ ื่ อใĀ เข าใจความĀมายท ั้ งĀมดได ง าย รวดเร ็ ว และช ั ดเจน โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
หลก ั การออกแบบ Infographic ดา นขอ มล ู ดา นการออกแบบ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร หลก ั การออกแบบ Infographic ดา นขอ มล ู ข อม ู ลท ี่ น ํ าเÿนอต องม ี ความถ ู กต อง น าÿนใจ และเป นเร ื่ องราวท ี่ เป ดเผยได
หลก ั การออกแบบ Infographic โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ดา นการออกแบบ การออกแบบต องม ี ร ู ปแบบ ÿวยงามและเข าใจง าย
การวางรป ู แบบ โครงสรา ง (Layout) 9 รป ู แบบ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา : http://infographic.in.th/infographic/ออกแบบ-infographic-ด้วย-9-layout
1ห. รว ัป ู ขแอ บ(บยอ V/iขsยuาaยliไzดeต dามAคr วtาiมcหleมาะสม เหมาะก ั บการแปลงบทความ งานเข ี ยน ให เป นร ู ปภาพ การนําเสนอข อม ู ลแบบบทความ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
รป ู แบบ Visualized Article ต ั วอย าง โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
2. รป ู แบบ Listed เหมาะก ั บการเล าเร ื่ อง ท ี่ มห ีั วข อหล ั กเพ ี ยงห ั วข อเด ี ยว แต ม ี หลายห ั วข อย อย การนําเสนอข อม ู ลแบบม ี ห ั วข อย อย โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร "เหมาะก ั บเร ื่ องท ี่ไม ยาว และไม เคร ี ยดเก ิ นไป"
รป ู แบบ Listed ต ั วอย าง โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
3. รป ู แบบ Comparison การนําเสนอข อม ู ลแบบเปร ี ยบเท ี ยบข อม ู ล โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการใชเ ปร ี ยบเท ี ยบ ใĀ เĀ ็ นความแตกต างของÿ ิ่ งĀน ึ่ งก ั บอ ี กÿ ิ่ ง
รป ู แบบ Comparison ต ั วอย าง โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร บทความ : 2 ท ั กþะอาว ุ ธล ั บ ในการท ํ า Infographic ใครบ างท ี่ อยูเบ ื้ องĀล ั ง
4. รป ู แบบ Structure การนําเสนอข อม ู ลแบบอธ ิ บายส วนประกอบ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการใชอ ธ ิ บายÿ วนประกอบ ของÿ ิ่ งใดÿ ิ่ งĀน ึ่ ง
ต ั วอย าง รป ู แบบ Structure โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา https://www.freelancebay.com/portfolio/qb4nh4
5. รป ู แบบ Timeline การนําเสนอข อม ู ลแบบบอกประว ั ต ิ ความเป นมา โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการเล าประว ั ต ิ การเด ิ นทางของบางÿ ิ่ ง โดยใชเ ÿ นแทนระยะเวลา
รป ู แบบ Timeline ต ั วอย าง โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา https://www.trueplookpanya.com/infographic/detail/40/Techie%20Timeline
6. รป ู แบบ Road Map การนําเสนอข อม ู ลแบบอธ ิ บายข ั้ นตอนการทํางาน โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เป นการอธ ิ บายท ี ละข ั้ นตอน เĀมาะก ั บการอธ ิ บายข ั้ นตอนการท ํ างาน Āร ื อการเด ิ นทาง
ต ั วอย าง โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร รป ู แบบ Road Map
7. รป ู แบบ Flowchart การนําเสนอข อม ู ลแบบอธ ิ บายลําด ั บข ั้ นตอน โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการน ํ าเÿนอเป นค ํ าถาม ใĀ ผูอ านทราบค ํ าตอบจากการอ านไล ลงไปตามเÿ นจนถ ึ งด านล าง
ต ั วอย าง รป ู แบบ Flowchart โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา http://infographic.in.th/infographic/550
8. รป ู แบบ Useful bait การนําเสนอข อม ู ลแบบอธ ิ บายว ิ ธ ี การทํา โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการแÿดงใĀ เĀ ็ นถ ึ งว ิ ธ ี ท ํ าบางอย าง ท ี่ ÿามารถอ านแล วน ํ าไปใช ได ท ั นท ี
ต ั วอย าง รป ู แบบ Useful bait โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
9. รป ู แบบ Number การนําเสนอข อม ู ลแบบข อม ู ลท ี่ เป นต ั วเลข โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เĀมาะก ั บการน ํ าเÿนอข อม ู ล ท ี่ ม ี ต ั วเลขและกราฟ
ต ั วอย าง รป ู แบบ Number โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา https://hilight.kapook.com/view/91731
ขน ั้ ตอนการสรา ง อน ิโฟกราฟก โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา : https://www.9experttraining.com/articles/7-steps-to-create-infographics
ขน ั้ ตอนการสรา งอน ิโฟกราฟก เพ ื่ อเป นการวางขอบเขตใĀ ก ั บร ู ปแบบ Āร ื อĀน าตาของอ ิ นโฟกราฟ กท ี่ น ํ าเÿนอ 1. ทําความเขา ใจจด ุ ประสงคใ นการทํา โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก เน ื่ องจากกลุมเป าĀมายท ี่ แตกต างก ั น ÿ งผลใĀ การร ั บรูเน ื้ อĀาแตกต างก ั นด วย ด ั งน ั้ น ควรออกแบบĀน าตาของอ ิ นโฟกราฟ ก ใĀ เĀมาะÿมก ั บการร ั บรูของกลุมเป าĀมาย 2. วเ ิ คราะหก ลมุ เปา หมาย โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก ควรก ํ าĀนดĀ ั วข อท ี่ จ ํ าเป นเท าน ั้ น ÿ วนใดท ี่ไม เก ี่ ยวข องไม จ ํ าเป นต องน ํ ามาแÿดง เพราะจะท ํ าใĀ ผูอ านไม เข าใจว าต องโฟก ั ÿท ี่ ÿ วนใด แล วจ ึ งรวบรวมข อม ู ลท ั้ งĀมด 3. กําหนดหว ั ขอ และรวบรวมขอ มล ู โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก เม ื่ อรวบรวมข อม ู ลท ั้ งĀมดได แล ว ใĀ น ํ าข อม ู ลมาจ ั ดล ํ าด ั บ ว าข อม ู ลใดควรน ํ าเÿนอก อน-Āล ั ง ข อม ู ลใดÿ ํ าค ั ญท ี่ ÿ ุ ดและÿ ํ าค ั ญรองลงมา เพ ื่ อจ ั ดล ํ าด ั บการร ั บรูของผูอ านใĀ เข าใจง ายท ี่ ÿ ุ ด 4. จด ั ลําดบ ั ขอ มล ู โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก การท ํ าอ ิ นโฟกราฟ กท ี่ ด ี ต องÿร างÿตอร ี่ Āร ื อค นĀาว ิ ธ ี การน ํ าเÿนอข อม ู ล ใĀ เข าใจง าย และน าÿนใจ 5. สรา งสตอร ี่ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก Ā ั วใจของอ ิ นโฟกราฟ ก ค ื อ การแปลงข อม ู ลต ั วอ ั กþรเป นร ู ปภาพ ด ั งน ั้ น ควรออกแบบภาพใĀ เข าใจง ายและÿ ื่ อความĀมายได ภาพท ี่ น ิ ยมใช ค ื อ ไอคอนĀร ื อภาพกราฟ กท ี่ไม ซ ั บซ อน และใช ÿ ีประมาณ 3-4 ÿ ี 6. ออกแบบจด ั ทํา โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ขน ั้ ตอนการสรา งอน ิโฟกราฟก การเผยแพร อ ิ นโฟกราฟ กในป จจ ุ บ ั นม ั กน ํ าเÿนอ ในร ู ปแบบออนไลน เน ื่ องจากเข าถ ึ งได ง าย และ Share ข อม ู ลได อย างรวดเร ็ ว ด ั งน ั้ น ควรต ั้ ง Caption Āร ื อค ํ าโปรยภาพใĀ น าÿนใจ เพ ื่ อด ึ งด ู ดกลุมเป าĀมายใĀ เข ามาด ู เน ื้ อĀา 7. เผยแพร โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
ประโยชนข อง อน ิโฟกราฟก โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร ที มา : https://www.9experttraining.com/articles/7-steps-to-create-infographics
ประโยชนข องอน ิโฟกราฟก ÿร ุ ปข อม ู ลในปร ิ มาณมากใĀ เข าใจได ง ายข ึ้ น การใช ภาพช วยใĀ น าÿนใจและจดจ ํ าได ด ี น ํ าเÿนอข อม ู ลได Āลายร ู ปแบบ ÿะดวกในการเผยแพร โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
พลง ั ของ Infographic ÿมองเข าใจร ู ปภาพได เร ็ วกว าข อความถ ึ ง 60,000 เท า คนÿ วนใĀญ กว า 65% ถน ั ดจดจ ํ าในÿ ิ่ งท ี่ เĀ ็ น Āร ื อเป นภาพได 80% ในขณะท ี่ การÿ ื่ อÿารร ู ปแบบอ ื่ น อย างข อความĀร ื อเÿ ี ยง กล ั บÿามารถจดจ ํ าได เพ ี ยง 10% โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
พลง ั ของ Infographic น ั กว ิ จ ั ย พบว า การใช ÿ ี ท ํ าใĀ คนอยากอ านมากข ึ้ น 80% การใช Infographic เพ ิ่ มยอดคนเข าชมได มากกว าถ ึ ง 12% โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร การใชง าน Canva
รจูก ั Canva Canva เปน เวบ ็ไซตแ ละแอปพลเ ิ คชน ั ดา นการออกแบบงานกราฟก ÿามารถออกแบบงานกราฟก ÿอ ื่ ÿง ิ่ พม ิ พ ÿอ ื่ มล ั ตม ิ เ ี ดย ี Āรอ ื งานตา ง ๆ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
รจูก ั Canva Presentation โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร โปÿเตอร แผน พบ ั ภาพประชาÿม ั พน ั ธ
การใชง าน Canva ÿามารถใชง านได 2 รป ู แบบ คอ ื โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร 1. ทางเวบ ็ไซต https://www.canva.com 2. ทางแอปพลเ ิ คชน ั Canva ทง ั้ ระบบปฏบ ิ ต ั ก ิ าร iOS และ Android
จด ุ เดน Canva 1. แมแ บบ (Template) เปน จด ุ เดน Āลก ั ของ Canva ผใูชÿ ามารถเลอ ื ก แลว น ํ ามาแกไ ขเปน ชน ิ้ งานของตนเองได 2. ใชง านงา ย เĀมาะÿ ํ าĀรบ ั ผใูชง านทก ุ วย ั 3. ขอ มล ู เชอ ื่ มโยงกน ั ทง ั้โทรศพ ั ทม อ ื ถอ ื และคอมพว ิ เตอร 4. บน ั ทก ึ การท ํ างานแบบอต ั โนมต ั ิ และเกบ ็ ขอ มล ู ในระบบ Cloud โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร
สมค ั รใชง าน Canva เขา ÿรู ะบบ โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เคยÿมค ั รใชง านแลว เลอ ื ก "เขา ÿรู ะบบ" ÿมค ั รใชง าน เขา ไปทเ ี่ วบ ็ไซต https://www.canva.com คลก ิ ท ี่ “เขา ÿรู ะบบ” Āรอ ื “ÿมค ั รใชง าน” อยา งใดอยา งĀนง ึ่ ÿามารถÿมค ั รใชง านดว ยบญ ั ชี Facebook, G-mail Āรอ ื ÿมค ั รดว ยอเ ี มลอน ื่ ๆ ไมเ คยÿมค ั รใชง าน เลอ ื ก "ÿมค ั รใชง าน"
สมค ั รใชง าน Canva โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร เลอ ื กÿมค ั รใชง านดว ยบญ ั ชี “Google” Āรอ ื “Facebook” ระบบจะเขา ÿู Canva แบบฟร ี
เพอ ื่ ใหผ เูขา รบ ั การพฒ ั นา ฝก ปฏบ ิ ต ั อ ิ ยา งตอ เนอ ื่ ง จะใหท ก ุ ทา นไดใ ชบ ญ ั ช ีFor Education โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร โดยเขา ตามลง ิ กน ี้ https://shorturl.asia/YhgHs ชน ั้ เรย ี น: ÿรา งÿอ ื่ ประชาÿม ั พน ั ธ ดว ย Canva
การสมค ั ร Canva โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร for Education
สมค ั รใชง าน Canva for Education โครงการพฒันาทกัษะดา นดจิทิลัของขา ราชการและบคุลากรของกระทรวงศก ึ ษาธกิาร คลก ิ ท ี่ การตง ั้ คา บญ ั ชี คลก ิ ท ี่ การเรย ี กเกบ ็ เงน ิ และแผน คลก ิ ท ี่ ลงทะเบย ี นฟรต ี อนน ี้