โครงการพัฒพันาครูแรูละบุคบุลากรทางการศึกศึษาสู่ทัสู่ กทัษะแห่งห่อนาคต การสร้า ร้ งสื่อ สื่ การเรีย รี นรู้ หลักลัสูตสูรสร้า ร้ งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกษาธิกธิาร หลักลัสูตสูรสร้า ร้ งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกษาธิกธิาร กลุ่มฝึกอบรมและพัฒนา FB : กลุ่มลุ่พัฒพันาครู สคบศ. สถาบันบัพัฒพันาครู คณาจารย์ และบุคลากรทางการศึกษา สำ นักนังานปลัดลั ประทรวงศึกศึษาธิกธิาร รายวิชวิาที่ 1 ออกแบบสื่อสื่อย่าย่งไรให้สุห้ดสุปังปั !! รายวิชวิาที่ 2 สร้าร้งสื่อสื่สวย ด้วด้ย Canva รายวิชวิาที่ 3 สื่อสื่เคลื่อลื่นไหว เร้าร้ใจผู้เผู้รียรีน รายวิชวิาที่ 4 สื่อสื่สุดสุล้ำ ผสานความเสมือมืนจริงริ ประกอบด้ว ด้ ย 4 รายวิชวิา ดังดันี้
คณะทำ งาน/วิทวิยากร คำ นำ ด้วยกลุ่มฝึกอบรมและพัฒนา สถาบันพัฒนาครู คณาจารย์ และบุคลากรทางการศึกษา ได้ดำ เนินการพัฒ หลักสูตรสร้าร้งสื่อการเรียรีนรู้สุรู้สุดปัง !! สำ หรับรัครูสังกัดกระทรวงศึกษาธิกธิาร โดยมีวัตวัถุประสงค์เพื่อให้ผู้ห้ ผู้เข้ารับรัการ พัฒนามีความรู้ ความเข้าใจ ในการสร้าร้งสื่อการเรียรีนรู้ สามารถออกแบบและสร้าร้งสื่อการเรียรีนรู้ไรู้ด้อย่างสรา้ง สรรค์ จึงได้จัดทำ เอกสารประกอบการพัฒนา หลักสูตรสร้าร้งสื่อการเรียรีนรู้สุรู้สุดปัง !! สำ หรับรัครูสังกัดกระทรวง ศึกษาธิกธิาร เพื่อใช้เช้ป็นสื่อสำ หรับรั ใช้ใช้นการพัฒนาตลอดหลักสูตร เอกสารประพัฒพันาเล่มล่นี้ ประกอบไปด้วด้ยเนื้อนื้หา 4 รายวิชวิา ได้แด้ก่ รายวิชวิาที่ 1 ออกแบบสื่อสื่อย่าย่งไรให้สุห้ดสุปังปั รายวิชวิาที่ 2 สร้าร้งสื่อสื่สวย Canva รายวิชวิาที่ 3 สื่อสื่เคลื่อลื่นไหว เร้าร้ใจผู้เผู้รียรีน และรายวิชวิาที่ 4 สื่อสื่สุดสุล้ำ ผสานความเสมือมืน จริงริ โดยมุ่งมุ่หวังวัให้ผู้ห้เผู้ข้าข้รับรัการพัฒพันาสามารถทำ ความเข้าข้ใจกับกัเนื้อนื้หาได้เด้ป็นป็อย่าย่งดี ซึ่งซึ่แต่ลต่ะรายวิชวิาจะประกอบไปด้วด้ย เนื้อนื้หา ตัวตัอย่าย่งการใช้งช้าน ขั้นขั้ตอนการใช้งช้าน รวมทั้งทั้มีแมีบบฝึกหัดหัเพื่อพื่ให้ผู้ห้เผู้ข้าข้รับรัการพัฒพันาได้ฝึด้ ฝึกปฏิบัฏิติบั ติและผู้เผู้ข้าข้รับรั การพัฒพันาสามารถศึกศึษาค้นค้คว้าว้จากเอกสารประกอบการพัฒพันาเล่มล่นี้ไนี้ด้ด้ด้วด้ยตนเอง ทั้งทั้นี้หนี้วังวัเป็นป็อย่าย่งยิ่งยิ่ว่าว่เอกสาร ประกอบการพัฒพันาเล่มล่ นี้จะเป็นป็ ประโยชน์ต่น์อต่ผู้เผู้ข้าข้รับรัการพัฒพันาและผู้ที่ผู้ เที่ข้าข้มาศึกศึษาต่อต่ ไป NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP ก
คำ นำ ก สารบัญบั ข รายวิชวิาที่ 1 ออกแบบสื่อสื่อย่าย่งไรให้สุห้ดสุปัง 1 รายวิชวิาที่ 2 สร้าร้งสื่อสื่สวย Canva 21 รายวิชวิาที่ 3 สื่อสื่เคลื่อนไหว เร้าร้ใจผู้เผู้รียรีน 45 รายวิชวิาที่ 4 สื่อสื่สุดสุล้ำ ผสานความเสมือมืนจริงริ 100 อ้างอิง 138 ผู้จัผู้ ดจัทำ 139 สารบัญ บั NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIข
รายวิช วิ าที่ 1 ออกแบบสื่อ สื่ อย่า ย่ งไรให้สุ ห้ ด สุ ปัง ปั !! วัตวัถุป ถุ ระสงค์ เพื่อพื่ ให้ผู้ห้ ผู้เข้าข้รับรัการพัฒพันา 1. มีคมีวามรู้ ความเข้าข้ใจเกี่ย กี่ วกับกัสื่อสื่การเรียรีนรู้ 2. สามารถออกแบบสื่อสื่การเรียรีนรู้ไรู้ด้อด้ย่าย่งสร้าร้งสรรค์ NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NNIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP
ความหมายของสื่อสื่การเรียรีนรู้ สื่อการเรียรีนรู้ หมายถึง ตัวกลางในการถ่ายทอดความรู้จรู้ากผู้สผู้ อนไปสู่ผู้สู่เผู้รียรีนซึ่งซึ่จะช่วช่ย ทำ ให้ผู้ห้เผู้รียรีนเกิดการเรียรีนรู้อรู้ย่าย่งมีปมีระสิทสิธิภธิาพ 02 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร 1.1 ประเภทของสื่อสื่การเรียรีนรู้ แบ่งบ่ ได้เด้ป็น 4 ประเภท 1. สื่อสื่ประเภทวัสวัดุ ซึ่งซึ่ ได้แด้ก่ สไลด์ ซีทซีหนังนัสือสืเรียรีน สิ่งสิ่พิมพิพ์ต่พ์าต่งๆ 2. สื่อสื่ประเภทอุปอุกรณ์ได้แด้ก่ หุ่นหุ่จำ ลอง ลูกลูโลก กระดาน เครื่อรื่งเล่นล่เสียสีง โทรทัศทัน์ อุปอุกรณ์ ในห้อห้งปฏิบัฏิติบักติาร 3. สื่อสื่ประเภทเทคนิคนิหรือรืวิธีวิกธีาร ได้แด้ก่ การสาธิตธิการอภิปภิรายกลุ่มลุ่การฝึกฝึปฏิบัฏิติบังติาน การเสนองานหน้าน้ชั้นชั้การจัดจันิทนิรรศการ 4. สื่อสื่ประเภทคอมพิวพิเตอร์ ได้แด้ก่ การใช้คช้อมพิวพิเตอร์ช่ร์วช่ยสอน พรีเรีซนต์ แอนิเนิมชั่นชั่การ์ตูร์นตู แอพลิเลิคชั่นชั่หรือรืเกมส์ร่ส์วร่มถึงถึการใช้อิช้นอิเตอร์เร์น็ต น็ NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NNIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N
1. เป็นสิ่งสิ่ที่ช่วช่ยให้กห้ารเรียรีนรู้อรู้ย่าย่งมีปมีระสิทสิธิภธิาพ เพราะจะช่วช่ยให้ผู้ห้เผู้รียรีนเกิดความ เข้าข้ใจเนื้อนื้หาบทเรียรีนที่ยุ่งยุ่ยากซับซัซ้อซ้นได้ง่ายขึ้นขึ้ ในระยะเวลาอันสั้นสั้และสามารถช่วช่ยให้ เกิดความคิดรวบยอดในเรื่อรื่งนั้นนั้ ได้อย่าย่งถูกถูต้องและรวดเร็ว ร็ 2. สื่อสื่จะช่วช่ยกระตุ้นตุ้และสร้าร้งความสนใจให้กัห้ กับผู้เผู้รียรีน ทำ ให้เห้กิดความสนุกนุสนานและ ไม่รู้ม่รู้สึรู้กสึเบื่อบื่หน่าน่ยการเรียรีน 3. การใช้สื่ช้สื่อสื่จะทำ ให้ผู้ห้เผู้รียรีนมีคมีวามเข้าข้ใจตรงกัน และเกิดประสบการณ์ร่ณ์วร่มกันในวิชาที่ เรียรีนนั้นนั้ 4. ช่วช่ยให้ผู้ห้เผู้รียรีนมีส่มีวส่นร่วร่มในกิจกรรมการเรียรีนการสอนมากขึ้นขึ้ทำ ให้เห้กิดมนุษนุยสัมสัพันพัธ์ อันดีในระหว่างผู้เผู้รียรีนด้วยกันเองและกับผู้สผู้ อนด้วย 5. ช่วช่ยสร้าร้งเสริมริลักษณะที่ดีในการศึกศึษาค้นคว้าหาความรู้ ช่วช่ยให้ผู้ห้เผู้รียรีนเกิดความคิด สร้าร้งสรรค์จากการใช้สื่ช้สื่อสื่เหล่านั้นนั้ 6. ช่วช่ยแก้ปัญหาเรื่อรื่งของความแตกต่างระหว่างบุคคลโดยการจัดให้มีห้กมีารใช้สื่ช้สื่อสื่ ในการ ศึกศึษารายบุคคล ประโยชน์ขน์องสื่อสื่การเรียรีน หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 03 1. การใช้สื่ ช้สื่อวัสดุอุดุ อุปกรณ์ต่ณ์ ต่างๆ ประกอบการเรียรีน การสอน เป็น ป็ การช่วช่ยให้บห้รรยากาศในการสอน น่าน่สนใจยิ่งยิ่ขึ้นขึ้ทำ ให้ผู้ห้สผู้ อนมีคมีวามสนุกนุสนาน ในการสอนมากกว่าวิธีกธีารที่เคยใช้กช้ารบรรยาย แต่เพียพีงอย่าย่งเดียว และเป็น ป็ การสร้าร้งความเชื่อชื่มั่นมั่ ในตัวเองให้เห้พิ่มพิ่ขึ้นขึ้ด้วย 2. สื่อจะช่วช่ยแบ่งบ่เบาภาระของผู้สผู้ อนในด้านการ เตรียรีมเนื้อนื้หา เพราะบางครั้งรั้อาจให้ผู้ห้เผู้รียรีนศึกศึษา เนื้อนื้หาจากสื่อได้เอง 3. เป็น ป็ การกระตุ้นตุ้ให้ผู้ห้สผู้ อนตื่นตัวอยู่เยู่สมอใน การเตรียรีมและผลิตวัสดุใดุหม่ๆม่เพื่อพื่ ใช้เช้ป็น ป็ สื่อการ สอน ตลอดจนคิดค้นเทคนิคนิวิธีกธีารต่างๆ เพื่อพื่ ให้ การเรียรีนรู้น่รู้าน่สนใจยิ่งยิ่ขึ้นขึ้ ต่อต่ผู้เผู้รียรีน ต่อต่ผู้สผู้ อน NIDTEPNIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP
1. ทำ ให้กิห้จกิกรรมการเรียรีนรู้น่รู้าน่สนใจมากยิ่งยิ่ขึ้นขึ้มีคุมีณคุค่าค่มากยิ่งยิ่ขึ้นขึ้ 2. ทำ ให้กิห้จกิกรรมการเรียรีนรู้ดำรู้ดำเนินนิ ไปตามแผนที่กำที่กำหนดไว้ และบรรลุจุลุดจุมุ่งมุ่หมายได้ง่ด้าง่ยขึ้นขึ้ การเลือลืกใช้สื่ ช้ สื่อสื่การเรียรีนรู้ 1. สื่อสื่นั้นนั้ต้องสัมสัพันพัธ์กัธ์ กับเนื้อนื้หาบทเรียรีนและจุดมุ่งมุ่หมายที่จะสอน 2. เลือกสื่อสื่ที่มีเมีนื้อนื้หาถูกถูต้อง ทันสมัยมัน่าน่สนใจ และเป็น ป็ สื่อสื่ที่ส่งส่ผลต่อการเรียรีนรู้มรู้ากที่สุดสุ 3. เป็นสื่อสื่ที่เหมาะกับวัย ระดับชั้นชั้ความรู้ และประสบการณ์ขณ์องผู้เผู้รียรีน 4. สื่อสื่นั้นนั้ควรสะดวกในการใช้ วิธีใธีช้ไช้ม่ยุ่ม่ยุ่งยุ่ยากซับซัซ้อซ้นเกินไป 5. เป็นสื่อสื่ที่มีคุมีณคุภาพเทคนิคนิการผลิตที่ดี มีคมีวามชัดชัเจนเป็น ป็ จริงริ 6. มีรมีาคาไม่แม่พงเกินไป หรือรืถ้าจะผลิตควรคุ้มคุ้กับเวลาและการลงทุนทุ ต่อต่กิจกิกรรมการเรียรีนรู้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID04 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
สื่อที่สามารถนำ มาใช้กช้ระตุ้นตุ้การเรียรีนรู้มีรู้หมีลากหลายชนิดนิเช่นช่ของจริงริรูปภาพ คลิป เป็น ป็ ต้น การเลือกใช้สื่ ช้สื่อประเภทใดขึ้นขึ้อยู่กัยู่ กับ บริบริท สาระสำ คัญที่ต้องการให้ผู้ห้เผู้รียรีน เกิดการเรียรีนรู้ ธรรมชาติผู้เผู้รียรีน และจุดมุ่งมุ่หมายของการกระตุ้นตุ้การเรียรีนรู้ 1.2 ปัจปัจุบัจุนบัมีคมีวามเจริญริก้าก้วหน้าน้ทางเทคโนโลยีสูยีงสูมากมีสื่มีสื่อสื่ ที่อที่ยู่ใยู่นโลก ออนไลน์มน์ากมายที่ผู้ที่สผู้ อนสามารถคัดคัสรรมาใช้ กระตุ้นตุ้การเรียรีนรู้ไรู้ด้ การเลือลืกสื่ออนไลน์คน์วรสอดคล้อล้งกับกั ระดับดัพัฒพันาการทางสติปัติญปัญาของผู้เผู้รียรีนด้วด้ย สื่อสื่แต่ชิ้ต่นชิ้มี ความซับซัซ้อซ้นในการวิเวิคราะห์ เพื่อพื่ทำ ความเข้าข้ใจในระดับดั ที่แที่ตกต่าต่งกันกักรณีที่ณีเที่ป็น ป็ เด็ก ด็ เล็ก ล็ ควรใช้สื่ช้สื่อสื่ที่ตที่รงไปตรงมา ไม่ซัม่บซัซ้อซ้น แต่ถ้ต่าถ้เป็น ป็ เด็ก ด็โตสามารถใช้สื่ช้สื่อที่ซัที่บซัซ้อซ้นมาก ขึ้นขึ้ ได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 05
1.2 การให้คห้วามรู้ใรู้นรูปแบบเสียงที่เที่ป็น ป็ Podcast เป็น ป็ รูปแบบที่ง่ที่าง่ยที่สุที่ดสุในการสร้าร้งของผู้ สอนเอง เนื่อนื่งจากไม่ต้ม่อต้งใช้ตัช้วตัหนังนัสือหรือรืภาพประกอบอะไรเลย เพียพีงแค่อัค่ดอัเสียสีงในการ สอนหรือรืให้คห้วามรู้ จากนั้นนั้อัปอั โหลดขึ้นขึ้บนช่อช่งทางออนไลน์ ผู้เผู้รียรีนก็ส ก็ ามารถมาเปิดปิฟังฟั และเรียรีนรู้เรู้องได้เด้ลย 1. พอดคาสต์ (Podcast) NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID06 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร โซเชียชีลมีเมีดียดีจึงจึกลายเป็น ป็ เครื่อรื่งมือมืสำ หรับรัการเรียรีนรู้ไรู้ด้อด้ย่าย่งดี สถาบันบัการศึกศึษา หลายแห่งห่เริ่มริ่ ใช้โช้ซเชียชีลมีเมีดียดีเป็น ป็ เครื่อรื่งมือมืสื่อสื่สารที่นัที่กนัเรียรีนสามารถโต้ตต้อบกับกัผู้อื่ผู้อื่นอื่ ได้ อย่าย่งง่าง่ยดาย เช่นช่ ใน Facebook นักนัเรียรีนสามารถแชร์สื่ร์สื่อสื่การเรียรีน พูดพูคุยคุกับกัคนอื่นอื่ๆ ใน กลุ่มลุ่หรือรืแสดงความคิดคิเห็น ห็ ในโพสต์ขต์องคนอื่นอื่ ได้ง่ด้าง่ย ๆ การแบ่งบ่ ปันปัและโพสต์วิต์ดิวิโดิอที่เที่ป็น ป็ ความรู้บรู้น YouTube ซึ่งซึ่ทุกทุคนสามารถเข้าข้ถึงถึค้นค้หา และแบ่งบ่ ปันปัวิดีวิโดีอเพื่อพื่การศึกศึษากับกั เพื่อพื่น ๆ ได้อด้ย่าย่งง่าง่ยดาย หรือรืการติดติตามข่าข่วสารบน Twitter ที่หที่ลาย ๆ คนทำ มานานแล้วล้ โซเชียชีลมีเมีดียดีนั้นนั้ช่วช่ยสร้าร้งวัฒวันธรรมการทำ งานร่วร่มกันกัและการแบ่งบ่ ปันปัความรู้ ซึ่งซึ่นำ ไปสู่ ประสบการณ์กณ์ารเรียรีนรู้ขรู้องผู้เผู้รียรีนได้ดีด้ยิ่ดีงยิ่ขึ้นขึ้ 2. Social Media โปรแกรม STEAM คือคืการพัฒพันา EdTech ใหม่ภม่ายใต้โต้ปรแกรม STEM ซึ่งซึ่เป็น ป็ เทรนด์ ของสื่อการสอนสมัยมัใหม่ โดยนำ เนื้อนื้หาทางวิทวิยาศาสตร์ เทคโนโลยี วิศวิวกรรม ศิลศิปะ และ คณิตณิศาสตร์ที่ร์มีที่คมีวามหมายมาใช้ใช้นการแก้ปัก้ญปัหาในโลกแห่งห่ความเป็น ป็ จริงริผ่าผ่นกิจกิกรรม การเรียรีนรู้เรู้ชิงชิปฏิบัฏิติบัแติละการออกแบบที่สที่ร้าร้งสรรค์ การสตรีมรีมิ่งมิ่ (Streaming) ช่วช่ยสร้าร้งนิสันิยสัความอยากรู้อรู้ยากเห็น ห็ ให้แห้ก่ผู้ก่เผู้รียรีนมากขึ้นขึ้ เกี่ยกี่วกับกั โลกรอบตัวตัพวกเขา นอกจากนี้ ยังยัสร้าร้งสภาพแวดล้อล้มที่ปที่ลอดภัยภัสำ หรับรัผู้เผู้รียรีน ในการแสดงความคิดคิและพัฒพันาการคิดคินอกกรอบ อีกอีทั้งทั้ความสะดวกสบายของการเรียรีน รู้ ยังยัช่วช่ยเอื้ออื้ให้ผู้ห้เผู้รียรีนทำ งานร่วร่มกับกัผู้อื่ผู้อื่นอื่ ได้ดีด้ยิ่ดีงยิ่ขึ้นขึ้ 3. สตรีมรีมิ่งมิ่ (Streaming)
1.2 ปัญปัญาประดิษดิฐ์ (AI) เป็น ป็ เทคโนโลยีที่ยีกำที่กำลังลัพัฒพันาอย่าย่งรวดเร็ว ร็ และมีศัมีกศัยภาพที่จที่ะ ปฏิวัฏิติวัหติลาย ๆ ด้าด้นของชีวิชีตวิของเรา รวมถึงถึการศึกศึษา AI มีคมีวามสามารถในการเรียรีนรู้แรู้ละ ปรับรัตัวตัได้อด้ย่าย่งรวดเร็ว ร็ ซึ่งซึ่ทำ ให้สห้ามารถปรับรั ให้เห้ข้าข้กับกัความต้อต้งการของนักนัเรียรีนแต่ลต่ะคน ได้อด้ย่าย่งมีปมีระสิทธิภธิาพ ตัวตัอย่าย่งเช่นช่ AI สามารถให้คำห้คำแนะนำ แบบปรับรัแต่งต่แก่นัก่กนัเรียรีน ตรวจจับจั ปัญปัหาการเรียรีนรู้ และสร้าร้งแบบจำ ลองเชิงชิโต้ตต้อบที่ช่ที่วช่ยให้นัห้กนัเรียรีนเข้าข้ใจเนื้อนื้หาที่ ซับซัซ้อซ้นได้ง่ด้าง่ยขึ้นขึ้ AI ยังยัสามารถใช้เช้พื่อพื่ปรับรั ปรุงประสิทธิภธิาพของครูได้อีด้กอีด้วด้ย ตัวตัอย่าย่งเช่นช่ AI สามารถ ช่วช่ยครูในการวัดวัผลการเรียรีนรู้ขรู้องนักนัเรียรีน จัดจัทำ รายงานและแผนการเรียรีนรู้ และสร้าร้ง เนื้อนื้หาการสอนที่ปที่รับรั ให้เห้หมาะกับกันักนัเรียรีนแต่ลต่ะคน นอกจากนี้ AI ยังยัสามารถใช้เช้พื่อพื่ พัฒพันาวิธีวิกธีารสอนใหม่ ๆ ที่มีที่ปมีระสิทธิภธิาพมากขึ้นขึ้ โดยรวมแล้วล้ AI มีศัมีกศัยภาพที่จที่ะปฏิวัฏิติวักติารศึกศึษาในหลาย ๆ ด้าด้น อย่าย่งไรก็ต ก็ าม สิ่งสิ่สำ คัญคั คือคืต้อต้งพัฒพันา AI อย่าย่งมีคมีวามรับรัผิดผิชอบและตรวจสอบให้แห้น่ใน่จว่าว่ AI ถูกถูใช้เช้พื่อพื่ประโยชน์ ของนักนัเรียรีนและครู 4. ปัญปัญาประดิษฐ์ (AI) NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NINIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N06 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร gamification เป็น ป็ อีกอีหนึ่งนึ่สื่อการสอนที่เที่หมาะสมที่สุที่ดที่จที่ะสร้าร้ง “แรงจูงจูใจ” ให้กัห้บกั ผู้เผู้รียรีน ไม่มีม่เมีหตุผตุลใดที่ผู้ที่เผู้รียรีนจะไม่มีม่ส่มีวส่นร่วร่มกับกัการเล่นล่เกมในห้อห้งเรียรีน ผู้เผู้รียรีนสามารถ เรียรีนรู้แรู้ละฝึกฝึฝนในขณะที่เที่ข้าข้ร่วร่มกิจกิกรรมเกมที่น่ที่าน่ตื่นตื่เต้นต้องค์ปค์ระกอบการเล่นล่เกมช่วช่ย สร้าร้งสภาพแวดล้อล้มการเรียรีนรู้ที่รู้สที่นุกนุสนานและเป็น ป็ บวกสำ หรับรัผู้เผู้รียรีน เกมที่ถูที่กถูสร้าร้งขึ้นขึ้มานั้นนั้จะต้อต้งไม่เม่พียพีงแต่สต่ร้าร้งความบันบัเทิงทิได้เด้พียพีงอย่าย่งเดียดีว แต่ต้ต่อต้ง สร้าร้งการเรียรีนรู้ต่รู้อต่ ได้ ทำ ให้เห้กมที่เที่ป็น ป็ รูปแบบของ Based Learning นั้นนั้ต้อต้งใส่คส่วามเครียรีด และปัญปัหาให้ผู้ห้เผู้รียรีนได้ร่ด้วร่มกันกัแก้ไก้ข หรือรืสร้าร้งการแข่งข่ขันขัที่ต้ที่อต้งใช้คช้วามคิดคิในการแก้ไก้ข ปัญปัหา เพื่อพื่ให้ตห้อบโจทย์ขย์องการเรียรีนรู้ใรู้ห้มห้ากขึ้นขึ้และช่วช่ยพัฒพันาทักทัษะการแก้ไก้ขปัญปัหา ต่าต่งๆ อย่าย่งเป็น ป็ ระบบด้วด้ย 5. เกมมิฟิมิเฟิคชันชั (Gamification)
1.3 2. ความสมดุล ดุ (Balance) การออกแบบกราฟิกฟิและสื่อดิจิดิทัจิลทัเป็น ป็ ขั้นขั้ตอนหนึ่งนึ่ของการสร้าร้งสรรค์งค์านที่เที่กี่ยกี่วข้อข้ง กับกักระบวนการงานกราฟิกฟิงานทางด้าด้นสิ่งสิ่พิมพิพ์ โดยมีหมีลักลัการคิดคิและวิธีวิกธีารดำ เนินนิการที่ ต้อต้งอาศัยศัแนวคิดคิเกี่ยกี่วกับกักระบวนการ สื่อสื่ความหมาย หลักลัการทางศิลศิปะประยุกยุต์แต์ละ ทฤษฎีกฎีารรับรัรู้ทรู้างจิตจิวิทวิยา การออกแบบงานกราฟิกฟิจึงจึต้อต้งกระทำ อยู่บยู่นพื้นพื้ฐานขององค์ ประกอบต่าต่ง ๆ ที่เที่กี่ยกี่วข้อข้งดังดันี้ 1. ความมีเมีอกภาพ (Unity) เอกภาพ หมายถึงถึความเป็น ป็ อันอัหนึ่งนึ่อันอัเดียดีวกันกัความสอดคล้อล้งกลมกลืนลืเป็น ป็ หน่วน่ย เดียดีวกันกัด้วด้ยการจัดจัองค์ปค์ระกอบให้มีห้คมีวามสัมสัพันพัธ์เธ์กี่ยกี่วข้อข้งกันกัเป็น ป็ กลุ่มลุ่ก้อก้น ไม่ กระจัดจักระจาย โดยการจัดจัระเบียบีบของรูปทรง จังจัหวะ เนื้อนื้หาให้เห้กิดกิดุลดุยภาพจะได้สื่ด้สื่อสื่อารมณ์ ความรู้สึรู้ก ความหมายได้ง่ด้าง่ยและรวดเร็ว ร็ ความสมดุลดุหรือรืดุลดุยภาพ หมายถึงถึความเท่าท่กันกัเสมอกันกัมีน้ำมีน้ำหนักนัหรือรืความ กลมกลืนลืพอเหมาะพอดี โดยมีแมีกนสมมติทำติ ทำหน้าน้ที่แที่บ่งบ่ภาพให้ซ้ห้าซ้ย-ขวา บน-ล่าล่ง ให้เห้ท่าท่กันกั แต่กต่ารเท่าท่กันกัอาจไม่เม่ท่าท่กันกัจริงริๆ ก็ไก็ ด้ แต่จต่ะเท่าท่กันกั ในความรู้สึรู้กสึตามที่ตที่ามองเห็น ห็ ความ สมดุลดุแบ่งบ่เป็น ป็ 2 ประเภท ดังดันี้ หลักลัการออกแบบสื่อสื่การเรียรีนรู้ ความสมดุลดุ2 ข้าข้งเท่าท่กันกั (Symmetrical Balance) หมายถึงถึการจัดจัวางองค์ปค์ระกอบต่าต่ง ๆ ของศิลศิปะให้ทั้ห้งทั้ 2 ข้าข้งแกนสมมติมีติขมีนาด สัดส่วส่น และน้ำ หนักนัเท่าท่กันกัหรือรืมีรูมีรูปแบบ เหมือมืนกันกัคล้าล้ยกันกัเช่นช่การวาดภาพที่ซ้ที่าซ้ย ขวาเหมือมืนกันกัมาก NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N08 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
1.3 4. ความมีจุมีด จุ เด่น ด่ (emphasis) 3. ความกลมกลืนลื (Harmony) หมายถึงถึความสัมพันพัธ์ขธ์ององค์ปค์ระกอบต่าต่งๆ ที่นำที่นำมาประกอบเข้าข้ด้วด้ยกันกัแล้วล้มีคมีวาม สนับนัสนุนนุกันกัเข้าข้กันกั ได้ ไม่ขัม่ดขัแย้งย้กันกั ให้คห้วามรู้สึรู้กสึต่อต่เนื่อนื่ง ลื่นลื่ ไหล ส่งส่ผลถึงถึความเป็น ป็ อันอัหนึ่งนึ่ อันอัเดียดีวกันกั (เอกภาพ) ความสมดุลดุ2 ข้าข้งไม่เม่ท่าท่กันกั (Asymmetrical Balance) หมายถึงถึการจัดจัองค์ปค์ระกอบของศิลศิปะทั้งทั้ 2 ข้าข้งแกนสมมติมีติขมีนาด สัดส่วส่น น้ำ หนักนัไม่เม่ท่าท่กันกั ไม่เม่หมือมืนกันกั ไม่เม่สมอกันกัแต่สต่มดุลดุกันกั ในความรู้สึรู้กสึ ความสมดุลดุ2 ข้าข้งไม่เม่ท่าท่กันกัคือคืภาพมีคมีวามสมดุลดุย ของเนื้อนื้หาและเรื่อรื่งราวแต่ไต่ม่เม่ท่าท่กันกั ในเรื่อรื่งขนาด น้ำ หนักนั จุดจุเด่นด่หรือรืจุดจุสนใจ หมายถึงถึส่วส่นสำ คัญคัที่ปที่รากฏชัดชัสะดุดดุตาที่สุที่ดสุในงานศิลศิปะ จุดจุเด่นด่จะช่วช่ยสร้าร้งความน่าน่สนใจในผลงานให้ภห้าพเขียขีนมีคมีวามสวยงาม มีชีมีวิชีตวิชีวชีายิ่งยิ่ขึ้นขึ้ จุดจุเด่นด่เกิดกิจากการจัดจัวางที่เที่หมาะสมและรู้จัรู้กจัการเน้นน้ภาพที่ดีที่ดีจุดจุเด่นด่มี 2 แบบ คือคื 1. จุดจุเด่นด่หลักลั เป็น ป็ ภาพที่มีที่คมีวามสำ คัญคัมากที่สุที่ด ในเรื่อรื่งที่จที่ะเขียขีนแสดงออกถึงถึเรื่อรื่งราว ที่ชัที่ดชัเจน เด่นด่ชัดชัที่สุที่ดในภาพ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 09
1.3 5. สัดสัส่ว ส่ น (Proportion) สัดส่วส่น หมายถึงถึความสัมพันพัธ์กัธ์นกัอย่าย่งเหมาะสมระหว่าว่งขนาดขององค์ปค์ระกอบที่ แตกต่าต่งกันกัทั้งทั้ขนาดที่อที่ยู่ใยู่นรูปทรงเดียดีวกันกัหรือรืระหว่าว่งรูปทรง และความสัมสัพันพัธ์กธ์ลมกลืนลื ระหว่าว่งองค์ปค์ระกอบทั้งทั้หลาย ซึ่งซึ่เป็น ป็ ความพอเหมาะพอดี ไม่มม่ากไม่น้ม่อน้ย ขององค์ปค์ระกอบ ทั้งทั้หลายที่นำที่นำมาจัดจัรวมกันกัความเหมาะสมของ สัดสัส่วส่นอาจ พิจพิารณาจากคุณคุลักลัษณะ ดังดัต่อต่ ไปนี้ 2. จุดจุเด่นด่รอง เป็น ป็ ภาพประกอบของจุดจุเด่นด่หลักลั ทำ หน้าน้ที่สที่นับนัสนุนนุจุดจุเด่นด่หลักลั ให้ภห้าพ มีคมีวามสวยงามยิ่งยิ่ขึ้นขึ้เช่นช่ ในภาพจุดจุ เด่นด่รองได้แด้ก่ รูปเรือรื 1. สัดสัส่วส่นที่เ ที่ ป็น ป็ มาตรฐาน จากรูปลักลัษณะตามธรรมชาติขติอง คน สัตสัว์ พืชพื โดยทั่วทั่ ไปถือถืว่าว่เป็น ป็ สัดส่วส่นตามธรรมชาติ มีคมีวามงามที่เที่หมาะสมที่สุที่ด ชาวกรีกรีโบราณได้สด้ร้าร้งกฎแห่งห่ความงาม ขึ้นขึ้มาเรียรีกว่าว่ "สัดส่วส่นทอง" (Golden Section) ซึ่งซึ่สัดส่วส่นที่กที่ล่าล่วถึงถึคือคื 2:3 ซึ่งซึ่หมายถึงถึความกว้าว้ง 2 ส่วส่น และความยาว 3 ส่วส่น NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID10 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
1.3 6. การจัดจัวางองค์ปค์ระกอบ 2. สัดสัส่วส่นจากความรู้สึรู้ก สึ ศิลศิปะไม่ไม่ด้สด้ร้าร้งขึ้นขึ้เพื่อพื่ความงามของรูปทรงเพียพีงอย่าย่งเดียดีว แต่ยัต่งยัสร้าร้งขึ้นขึ้เพื่อพื่ แสดงออกถึงถึเนื้อนื้หา เรื่อรื่งราว ความรู้สึรู้กสึด้วด้ย ด้วด้ยลักลัษณะเช่นช่นี้ ทำ ให้งห้านศิลศิปะของ ชนชาติต่ติาต่ง ๆ มีลัมีกลัษณะแตกต่าต่งกันกัเนื่อนื่งจากมีเมีรื่อรื่งราว อารมณ์ และความรู้สึรู้กสึที่ ต้อต้งการแสดงออกต่าต่ง ๆ กันกั ไป เป็น ป็ การจัดจัวางโครงร่าร่งทั้งทั้หมดที่จที่ะกำ หนดตำ แหน่งน่ขนาดของภาพประกอบ ตำ แหน่งน่ ของข้อข้ความทั้งทั้หมด และส่วส่นประกอบอื่นอื่ๆ ที่ปที่รากฏ ต้อต้งคำ นึงนึถึงถึจุดจุเด่นด่ที่คที่วรเน้นน้ความ สมดุลดุต่าต่ง ๆ ความสบายตาในการมอง นักนัออกแบบต้อต้งให้คห้วามสำ คัญคัต่อต่ทุกทุส่วส่นที่ปที่รากฏ บนชิ้นชิ้งานเท่าท่กันกัทั้งทั้หมด ความพอเหมาะพอดีช่ดีวช่ยให้งห้านออกแบบมีคมีวามน่าน่เชื่อชื่ถือถืและ น่าน่สนใจ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 11
สีมีบมีทบาทอย่าย่งมากที่ช่ที่วช่ยเน้นน้ความชัดชัเจน ทำ ให้ สะดุดดุตาสร้าร้งสรรค์คค์วามสวยงาม การกำ หนดสีใสีดๆ ขึ้นขึ้อยู่กัยู่บกั ประเภทของงาน ข้อข้ สำ คัญคัที่คที่วรคำ นึงนึถึงถึคือคื สีบนตัวตัภาพ พื้นพื้หลังลัของภาพและตัวตัอักอัษร ต้อต้งมีคมีวาม โดดเด่นด่ชัดชัเจน เหมาะกับกักลุ่มลุ่เป้าป้หมายซึ่งซึ่มีคมีวามชอบที่ แตกต่าต่งกันกันักนัออกแบบจะพยายามใช้สีช้ สีเพื่อพื่ให้บห้รรลุ วัตวัถุปถุระสงค์มค์ากที่สุที่ด สีสามารถสร้าร้งอารมณ์ ความรู้สึรู้ก หรือรืสีสัสีนสัของเนื้อนื้หาได้เด้ป็น ป็ อย่าย่งดี ซึ่งซึ่ถ้าถ้พิจพิารณาความหมายของสีตามลักลัษณะของสีสสีามารถออกได้ ดังดันี้ สีแดง = ความรักรัความเกลียลีด โกรธ อันอัตราย สีเหลือลืง = ความอบอุ่นอุ่ความสงบ สีน้ำ เงินงิ= เยือยืกเย็น ย็ จิตจิ ใจเหี่ยหี่วแห้งห้เศร้าร้ซึมซึ สีดำ = แข็ง ข็ แรง ประณีตณีรวย สีเขียขีว = หนุ่มนุ่อ่ออ่นวัยวัสดชื่นชื่ความเจริญริเติบติ โต สีขาว = สะอาด ประณีตณีความบริสุริทธิ์ สีส้มส้= พลังลังาน ร่าร่เริงริสดใส สนุกนุสนาน สีม่วม่ง = สูงศักศัดิ์ ร่ำ รวย หรูหรา การใช้สีช้ที่มีที่คมีวามสัมพันพัธ์กัธ์นกัหลายสีจะทำ ให้งห้านมีคมีวามน่าน่สนใจมากขึ้นขึ้ซึ่งซึ่มีข้มีอข้เสนอแนะ ในการนำ ไปใช้ ดังดัต่อต่ ไปนี้ สีอ่ออ่นกับกัแก่ มีคมีวามตัดตักันกัดีมดีาก ตัวตัหนังนัสือสีขาวบนพื้นพื้หลังลัสีเข้มข้จะมองเห็น ห็ ได้ชัด้ดชัแม้กม้ารนำ เสนอจะอยู่ใยู่นระยะไกลๆ สีมืดมื ไม่คม่วรใช้กัช้บกั สีที่มีที่คมีวามมืดมืเหมือมืนกันกั อย่าย่ ใช้สีช้มากกว่าว่ 2 หรือรื 3 สีและจะต้อต้งมีสีมีเสีด่นด่อยู่ 1 สีเสีท่าท่นั้นนั้การใช้สีช้หสีลายๆ สี ในเวลาเดียดีวกันกั ในยึดยึหลักลัที่ว่ที่าว่ ใช้สีช้สว่าว่งพื้นพื้ที่เที่ล็ก ล็ ๆ และใช้สีช้เสีข้มข้กับกัพื้นพื้ที่ขที่นาดใหญ่ 1.3 7. การเลือลืกใช้สี ช้ สี NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID12 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
1.3 8. การเลือลืกใช้ตั ช้ วตัอักอัษร การเลือลืกใช้ตัช้วตัอักอัษรเป็น ป็ สิ่งสิ่ที่นัที่กนัออกแบบต้อต้งให้คห้วามสำ คัญคัและพิถีพิพิถีถัพินถั โดยตัวตั อักอัษรที่ใที่ช้ต้ช้อต้งเหมาะสมกับกังาน และต้อต้งส่งส่เสริมริ ให้ภห้าพรวมของงานดูดีดูดีโดดเด่นด่สวยงาม ซึ่งซึ่มีวิมีธีวิกธีารเลือลืกใช้ตัช้วตัอักอัษรในการออกแบบ จำ นวน 5 วิธีวิธีดังดันี้ 1. เลือลืกใช้ตัช้วตัอักอัษรที่แที่บ่งบ่ตาม Class มีทั้มีงทั้หมด 6 รูปแบบ ดังดันี้ Serif คือคื ฟอนต์ที่ต์มีที่เมีชิงชิเชิงชิของฟอนต์คืต์อคืเส้นส้ขีดขีที่อที่ยู่บยู่ริเริวณฐานหรือรืปลายเส้นส้ บางครั้งรั้จะเรียรีกฟอนต์โต์รมันมั (Roman) ซึ่งซึ่มีต้มีนต้กำ เนิดนิมาจากข้อข้ความที่จที่ารึกรึไว้บว้นบน หินหิสมัยมัอาณาจักจัรโรมันมั ในศตวรรษที่ 18 Sans Serif คือคื ฟอนต์ที่ต์ ไที่ม่มีม่เมีชิงชิหรือรืเรียรีกว่าว่ ฟอนต์กต์อทิกทิ (Gothic) ซึ่งซึ่ตรงข้าข้มกับกั Serif ที่มีที่เมีชิงชิเพราะคำ ว่าว่sans มาจากภาษาฝรั่งรั่เศสหมายความว่าว่without (ปราศจาก) เป็น ป็ Class ที่ใที่ห้เห้รียรีบง่าง่ย ดูคดูวามสะอาดตาและมีคมีวามกว้าว้งเท่าท่กันกัเป็น ป็ แบบที่ใที่ช้แช้พร่ หลายในปัจปัจุบัจุนบั Script แบบตัวตัเขียขีนที่เที่กิดกิขึ้นขึ้ในช่วช่งประมาณศตวรรษที่ 17 ซึ่งซึ่ในยุคยุนั้นนั้เขียขีนโดย ใช้หัช้วหัปากกาคอแร้งร้หรือรืพู่กัพู่นกัวิธีวิกธีารเขียขีนใช้กช้ารจุ่มจุ่หมึกมึ (dip pen) ให้คห้วามรู้สึรู้กสึอ่ออ่น ช้อช้ย หรูหรา เป็น ป็ ทางการ ซึ่งซึ่แบ่งบ่ออกเป็น ป็ Formal scripts ที่เที่ป็น ป็ การเขียขีนอย่าย่งเป็น ป็ ทางการใช้สำช้สำหรับรัการ์ดร์เชิญชิหรือรื ประกาศวุฒิวุบัฒิตบัร Casual scripts มีคมีวามอ่ออ่นช้อช้ย ดูไดูม่เม่ ป็น ป็ ทางการ ให้คห้วามสนุกนุสนาน แต่ยัต่งยัคง ความหรูหรา NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 13
1.3 9. การเลือลืกใช้รู ช้ป รู ภาพ การเลือลืกรูปภาพมาใช้ใช้นงานออกแบบ ถือถืเป็น ป็ หัวหัใจของการออกแบบ เพราะภาพ ที่ดีที่ช่ดีวช่ยทำ ให้งห้านออกแบบชนะไป แล้วล้ 50% โดยมีขั้มีนขั้ตอนการเลือลืกรูปแบบ ดังดันี้ 1. เลือลืกภาพมีขมีนาดเหมาะสมกับกังานและควรใช้รูช้รูปภาพที่คุที่ณคุภาพสูงสู 2. เลือลืกภาพให้มีห้คมีวามละเอียอีดชัดชัเจน 3. ภาพต้อต้งสื่อสารถึงถึเรื่อรื่งราวได้ 10. การกำ หนดระยะห่า ห่ งและพื้นพื้ที่ว่ ที่ า ว่ ง การจัดจัพื้นพื้ที่ว่ที่าว่งในการออกแบบกราฟิกฟิมีวัมีตวัถุปถุระสงค์เค์พื่อพื่การจัดจัระเบียบีบของ ข้อข้มูลมูช่วช่ยเน้นน้ความเป็น ป็ ระเบียบีบและความชัดชัเจน ระยะห่าห่งหรือรืพื้นพื้ที่ว่ที่าว่งจะช่วช่ยพักพั สายตาในการอ่าอ่น ทำ ให้ดูห้สดูบายตา สร้าร้งจังจัหวะลีลลีาขององค์ปค์ระกอบภาพให้เห้หมาะสม และสวยงาม 2. อย่าย่ ใช้ตัช้วตัอักอัษรที่หที่ลากหลาย ควรเลือลืกใช้ฟช้อนต์เต์พียพีงแค่ 2-3 แบบ โดยพิจพิารณา จากความเหมาะสมของส่วส่นประกอบที่เที่ป็น ป็ ข้อข้ความของงาน เช่นช่พาดหัวหั (Headline) พาดหัวหัรอง (Sub headline) ข้อข้ความ (Text body) 3. เลือลืกใช้ตัช้วตัอักอัษรให้เข้าข้กับกับริบริทของเนื้อนื้หา 4. เพิ่มพิ่ที่ว่ที่าว่งให้ตัห้วตัอักอัษรอ่าอ่นง่าง่ย ดูโดูดดเด่นด่ 5. พิจพิารณาลำ ดับดัความสำ คัญคัของเนื้อนื้หา Modern เป็น ป็ แบบอักอัษรยุคยุใหม่ที่ม่ ไที่ด้รัด้บรัการพัฒพันาตั้งตั้แต่ศต่ตวรรษที่ 18 เป็น ป็ แบบ อักอัษรที่คที่มชัดชัและมีสมีไตล์ สอดคล้อล้งกับกัความก้าก้วหน้าน้ในเทคโนโลยีกยีารพิมพิพ์ ลายเส้นส้อ่าอ่น ง่าง่ย ฟอร์มร์ดีนำดีนำไปใช้งช้านพาดหัวหัหรือรืใช้ใช้นเนื้อนื้หาได้ แบบอักอัษรที่เที่ป็น ป็ ยุคยุใหม่ที่ม่รู้ที่รู้จัรู้กจักันกัดีคืดีอคื Helvetica, Futura, Avenir Monospace พัฒพันามาจากการใช้พิช้มพิพ์ดีพ์ดดีที่ช่ที่อช่งว่าว่งจะเท่าท่กันกัทุกทุช่อช่ง ต่อต่มาก็มี ก็ กมีาร พัฒพันาสำ หรับรั ใช้งช้านการพิมพิพ์บพ์นคอมพิวพิเตอร์ อ่าอ่นง่าง่ย สบายตา แบบอักอัษรที่ไที่ด้รัด้บรัความ นิยนิมได้แด้ก่ Courier, Myraid NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 14 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
1.4 1. งานนำ เสนอเพื่อพื่การศึกศึษา 2. ใบงานวิชวิาต่า ต่ ง ๆ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 15
1.4 3. แผนผังผัความคิดคิ 4. ตารางเรียรีน NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N16 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
1.4 5. จดหมายข่า ข่ ว 6. แฟลชการ์ดร์NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 17
1.4 7. พื้นพื้หลังลัของ ZOOM 8. โปสเตอร์ติร์ดติ ในห้อ ห้ งเรียรีน NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID18 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
วัตวัถุปถุระสงค์ เพื่อพื่ให้ผู้ห้เผู้ข้าข้รับรัการพัฒพันาสามารถออกแบบสื่อสื่การเรียรีนรู้ไรู้ด้อด้ย่าย่งสร้าร้งสรรค์ คำ ชี้แ ชี้ จง ผู้เผู้ข้าข้รับรัการพัฒพันาออกแบบสื่อสื่การเรียรีนรู้ ดังดันี้ (โดยใช้เช้วลา 20 นาที)ที 1. แบ่งบ่กลุ่มลุ่ผู้เผู้ข้าข้รับรัการพัฒพันาออกเป็นป็กลุ่มลุ่ละ 4-6 คน 2. ผู้เผู้ข้าข้รับรัการพัฒพันาแต่ลต่ะกลุ่มลุ่ระดมความคิดคิเห็นห็แลกเปลี่ย ลี่ นเรียรีนรู้ เกี่ย กี่ วกับกั ปัญปัหาการใช้สื่ช้ สื่อสื่การเรียรีนรู้ใรู้นห้อห้งเรียรีนหรือรืสื่อสื่การเรียรีนรู้ที่รู้ต้ ที่ อต้งการพัฒพันา และเลือลืก ประเด็นด็ที่ส ที่ นใจมากที่สุ ที่ ดสุ (ชื่อชื่วิชวิา ระดับดัชั้นชั้เรื่อรื่ง และประเด็นด็ที่ส ที่ นใจ) 3. กำ หนดแนวทางที่จ ที่ ะช่วช่ยแก้ปัก้ญปัหาหรือรืพัฒพันาสื่อสื่การเรียรีนรู้ใรู้นห้อห้งเรียรีน (รูปรูแบบสื่อสื่การเรียรีนรู้)รู้ 4. นำ เสนอชิ้นชิ้งานการออกแบบการเรียรีนรู้ โดยใช้เช้วลาไม่เม่กินกิกลุ่มลุ่ละ 3 นาที 5. ผู้เผู้ข้าข้รับรัการพัฒพันาอภิปภิราย แลกเปลี่ย ลี่ นเรียรีนรู้ และให้ข้ห้อข้เสนอแนะผลงาน ของกลุ่มลุ่อื่นอื่ๆ 6. ตั้งตั้ชื่อชื่ไฟล์ชิ้ล์นชิ้งานตาม เลขที่ และ ชื่อชื่นามสกุลกุเช่นช่ A01_01 นายสดใส สีแสีสด 7. ผู้เผู้ข้าข้รับรัการพัฒพันาบันบัทึกทึ ไฟล์นล์ามสกุลกุ .PNG 8. ผู้เผู้ข้าข้รับรัการพัฒพันาส่งส่ผลงานไปที่ Padlet ใบงานที่ที่ ที่ที่1 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 19
รายละเอียอีด ตามใบงานที่ 1 การออกแบบสื่อสื่การเรียรีนรู้ ....................................... 1. ชื่อชื่วิชวิา …………………………………………………………………………………………… 2. เรื่อรื่ง .................................................................................................................. 3. ระดับดัชั้นชั้ .................................................................................................................. 4. ปัญปัหาการใช้สื่ช้ สื่อสื่การเรียรีนรู้ใรู้นห้อห้งเรียรีน .................................................................................................................. .................................................................................................................. .................................................................................................................. .................................................................................................................. 5. แนวทางที่จ ที่ ะช่วช่ยแก้ปัก้ญปัหาหรือรืพัฒพันาสื่อสื่การเรียรีนรู้ใรู้นห้อห้งเรียรีน .................................................................................................................. .................................................................................................................. .................................................................................................................. 6. รูปรูแบบของสื่อสื่การเรียรีนรู้ที่รู้จ ที่ ะนำ มาใช้แช้ก้ปัก้ญปัหา .................................................................................................................. .................................................................................................................. .................................................................................................................. ใบงานที่ที่ ที่ที่1 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N20 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
รายวิช วิ าที่ 2 สร้า ร้ งสื่อ สื่ สวย ด้ว ด้ ย Canva วัตวัถุป ถุ ระสงค์ เพื่อพื่ ให้ผู้ห้ ผู้เข้าข้รับรัการพัฒพันา 1. มีคมีวามรู้ ความเข้าข้ใจเกี่ย กี่ วกับกัการใช้งช้าน Canva ในการออกแบบสื่อสื่การเรียรีนรู้ 2. สามารถสร้าร้งสื่อสื่การเรียรีนรู้ใรู้นรูปรูแบบ Infographic ด้วด้ย Canva NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NI
ความหมายของ Infographic Infographic มาจากคำ ว่า Information + graphic อินโฟกราฟิกจึงหมายถึง การนำ ข้อมูลหรือความรู้มาสรุปเป็นสารสนเทศในลักษณะของข้อมูลภายในภาพอาจประกอบด้วย สัญลักษณ์ กราฟ แผนภูมิไดอะแกรม แผนที่ เป็นต้น ที่ออกแบบเป็นภาพนิ่งหรือภาพเคลื่อนไหว เข้าใจง่าย รวดเร็ว และชัดเจนเปรียบเสมือนการสรุปข้อมูลลงในภาพ สื่อให้เข้าใจความหมาย ทั้งหมดได้ Infographic Information + Graphic ความสำ คัญคัของการออกแบบอินอิ โฟกราฟิกฟิ (Inphographic Design) หลักลัการออกแบบอินอิ โฟกราฟิกฟิ (Inphographic Design) ด้าด้นข้อข้มูลมูด้าด้นการออกแบบ 2.1 การออกแบบอินโฟกราฟิก (Infographic Design) เป็นการนําข้อมูลที่เข้าใจยากหรือข้อมูล ที่เป็นตัวหนังสือจํานวนมาก มานําเสนอในรูปแบบต่างๆ อย่างสร้างสรรค์ ให้สามารถเล่าเรื่องได้ ด้วยตัวเอง มีองค์ประกอบที่สําคัญ คือ หัวข้อที่น่าสนใจ ซึ่งจะต้องรวบรวมข้อมูลต่างๆ ให้เพียงพอ แล้วนํามาสรุป วิเคราะห์ เรียบเรียง แสดงออกมาเป็นภาพจึงจะดึงดูดความสนใจได้ดีช่วยลดเวลา ในการอธิบายเพิ่มเติม กราฟิกที่ใช้อาจเป็นภาพ ลายเส้น สัญลักษณ์ กราฟ แผนภูมิ ไดอะแกรม ตาราง แผนที่ ฯลฯ จัดทําให้มีความสวยงาม น่าสนใจ เข้าใจง่าย สามารถจดจําได้นานทําให้การ สื่อสารมีประสิทธิภาพ N มากขึ้น IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 22 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
2.1 2.Create Storytelling สร้างโครงสร้างข้อมูลพื้นฐาน 5 ประเภท 2.1 Facter การแบ่งข้อมูลที่เป็นองค์ประกอบซึ่งกันและกัน โดยไล่ลำ ดับหัวข้อ ตามองค์ประกอบ มีความสัมพันธ์ใกล้ๆ กัน CONTENT LAYOUT 1.Create mind mapping การวางโครงสร้างของข้อมูล การจัดเนื้อหา จัดกลุ่มข้อมูลให้มีความสอดคล้องกัน เพื่ออธิบายข้อมูล ให้มีประสิทธิภาพมากที่สุด ประกอบด้วย 2 วิธี ดังนี้ เป็นการจำ ลองความคิดคร่าวๆ โดยออกมาในลักษณะคล้ายแผนที่ แผนภาพที่แตกแขนงออกเหมือน กิ่งไม้ และเชื่อมโยงกัน เหมือนเซลล์ประสาทในสมอง โดยจะใช้ภาพ เส้น สี สัญลักษณ์ และคำ สำ คัญ มาใช้วาดจากตรงกลางแล้วกระจายความคิดออกไป แทนการเขียนบันทึกด้วยตัวอักษรเรียงเป็นบรรทัดยาว ๆ แบ่งเป็น หัวข้อหลัก หัวข้อย่อย เพื่อให้เห็นความสัมพันธ์องค์ประกอบ เนื้อหาในภาพรวมทั้งหมด 1. ด้านข้อมูล ข้อมูลที่จะนําเสนอ ต้องมีความหมาย มีความน่าสนใจ เรื่องราวเปิดเผยเป็นจริง มีความถูกต้อง 2. ด้านการออกแบบ การออกแบบต้องมีรูปแบบ แบบแผน โครงสร้าง หน้าที่การทํางาน และ ความสวยงาม โดยออกแบบให้เข้าใจง่าย ใช้งานง่าย และใช้ได้จริง NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 23
2.1 2.5 Correlation การเปรียบเทียบของการเปลี่ยนแปลง หรือความแตกต่าง 2.4 Sequence เล่าเรื่องจากเนื้อหาให้เห็นเป็นฉาก ๆ 2.3 Zoom-Out การเล่าเรื่องโดยจากองค์ประกอบจากเล็กที่สุด ให้เห็นองค์ประกอบใหญ่ขึ้นเรื่อย ๆ 2.2 Zoom-in การเล่าเรื่องจากโครงสร้างใหญ่ ๆ และแยกเป็นองค์ประกอบย่อย ๆ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NI24 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การใช้งช้านผ่าผ่นบราว์เว์ซอร์ 2.2 การใช้งาน Canva เลือกใช้ได้ 2 แบบ คือ ใช้งานบนเว็บไซต์ Canva.com และติดตั้งแอพ (Application) ใช้งานบนคอมพิวเตอร์ แท็บเล็ต และบนมือถือ โดยการสร้างบัญชีและ Log in เข้าระบบซึ่งชื่อ บัญชีที่เข้าใช้งานในอุปกรณ์ต่าง ๆ ข้อมูลจะซิงก์กันโดยอัตโนมัติ ทำ ให้สะดวกในการทำ งาน สำ หรับการเปิด งานเก่า หรือแก้ไขงาน สามารถทำ งานได้ตลอดเวลาทุกที่ ทุกอุปกรณ์ มีขั้นตอนดังนี้ 1. เข้าไปที่เว็บไซต์ Canva.com 2. จากนั้นกดตรงปุ่ม Log in หากมีชื่อบัญชีอยู่แล้ว หรือเลือก Sign up เพื่อสมัครสร้างชื่อบัญชีใหม่ 3. การสมัครสมาชิกใหม่ผ่าน Email ที่ใช้งาน หรือจะใช้ Login จากชื่อบัญชี Gmail (Google) หรือ Facebook ของเราที่มีอยู่ก็ได้เช่นกัน 4. เมื่อ Login เสร็จแล้ว จะเข้าสู่หน้าแรกของการออกแบบ การใช้งช้านผ่าผ่นแอปพลิเลิคชันชั การใช้งาน Canva ผ่านแอพพลิเคชัน ต้องดาวน์โหลดไฟล์ติดตั้ง N แอพก่ Iก่อน จา D กนั้นก็ติดตั้งแอพแล้วเรียกใช้งานแอพได้ TEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 25
คลิกลิเลือลืก การตั้ง ตั้ ค่าค่บัญบัชี คลิกลิการเรียรีกเก็บก็เงินงิและแผน คลิกลิเลือลืก ลงทะเบียบีนฟรีตรีอนนี้ Canva สำ หรับการศึกษา ผู้ใช้สามารถสร้างบทเรียนที่มีความน่าสนใจและจัดกิจกรรมให้นักเรียนในชั้น เรียนหรือออนไลน์ได้และสามารถเข้าถึงเท็มเพลตหลายพันรายการสำ หรับทุกวิชาระดับชั้นหรือหัวข้อ เอกสารที่ได้รับรัอนุมันุติมั ติ 2.3 ภาพถ่าย/ภาพสแกนใบอนุญาต/ใบรับรองที่ระบุการมีคุณสมบัติในการสอน ภาพถ่าย/ภาพสแกนเอกสารแสดงสถานภาพการทำ งานที่โรงเรียน ภาพถ่ายหรือภาพสแกนบัตรประจำ ตัวของโรงเรียนที่ระบุสถานะการสอน ภาพถ่ายหรือภาพสแกนบัตรประจำ ตัวของโรงเรียนที่ระบุสถานะการสอน NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NI26 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
แสดง/ซ่อซ่นเมนูหนูลักลั หน้า Home จะเป็นหน้าเริ่มต้นการทำ งานของ Canva สามารถเลือกว่าการสร้างงานออกแบบอะไร โดยคลิกเมนูหลักด้านบน ซึ่งเป็นรูปไอคอนและชื่อของงานต่างๆ เช่น สำ หรับคุณ จะเป็นการแนะนำ ฟีเจอร์เด่น ที่จะเริ่มสร้างง ใส่คีส่ย์คีเย์วิร์วิดร์งานที่ต้ ที่ อต้งการค้นค้หา เลือลืกการสร้าร้งงาน เมนู Docs (เอกสาร) คือ รูปแบบงานเอกสาร ซึ่งอาจเป็นจดหมาย รายงาน งานวิจัย เรซูเม่ ใบแจ้ง หนี้ และจดหมายประเภทต่างๆ ทั้งเอกสารส่วนตัวและเอกสารในด้านธุรกิจ ซึ่งจะมีเท็มเพลตให้เลือกใช้งานมากมาย หลาย เมนู ไวท์บอร์ด (Whiteboard) คือ ออกแบบในกระดานไวท์บอร์ดที่สามารถจัดวางเนื้อหาหรือขีด เขียนเป็นพื้นที่ขนาดใหญ่ไร้ขีดจำ กัด จะนำ มาสร้างผังงาน ไวท์บอร์ดทีมการทำ งานร่วมกันในทีมด้วยการแชร์ไอเดีย ไวท์บอร์ดตารางงานสร้างการมอบหมายหน้าที่ และยังมาแสดงความคิดเห็นร่วมกันได้อีกด้วย เมนู ไวท์บอร์ด (Whiteboard) คือ ออกแบบในกระดานไวท์บอร์ดที่สามารถจัดวางเนื้อหาหรือขีด เขียนเป็นพื้นที่ขนาดใหญ่ไร้ขีดจำ กัด จะนำ มาสร้างผังงาน ไวท์บอร์ดทีมการทำ งานร่วมกันในทีมด้วยการแชร์ไอเดีย ไวท์บอร์ดตารางงานสร้างการมอบหมายหน้าที่ และยังมาแสดงความคิดเห็นร่วมกันได้อีกด้วย เมนู พรีเซนเทชั่น (Presentation) สร้างการนำ เสนอหรือพรีเซนต์งาน จะทำ ได้เหมือนใน PowerPoint ใช้งานง่ายมีสไลด์เท็มเพลตให้เลือกในรูปแบบที่สวยงามมากมายหลายกลุ่ม พร้อมแทรกองค์ประกอบ ทั้งรูปภาพ ไอคอน รูปวาด หรือสร้างไดอะแกรมแบบอินโฟกราฟิก 2.4 ส่วส่นประกอบและการใช้งช้าน NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 27
แสดง/ซ่อซ่นเมนูหนูลักลั ใส่คีส่ย์คีเย์วิร์วิดร์งานที่ต้ ที่ อต้งการค้นค้หา เลือลืกการสร้าร้งงาน 2.4 เมนู โซเชียลมีเดีย (Social Med) ซึ่งจะช่วยให้คุณสร้างโพสต์ สตอรี่ แอดโฆษณา Video (Reels) ตามขนาดที่กำ หนดของแพลตฟอร์มต่าง ๆ ของ Instagram, Facebook, TikTok, Linked ได้อย่าง ง่ายดายและสวยงาม โดยมีเท็มเพลตและข้อความเด่นๆ ให้เลือกมาใช้งาน เมนู วิดีโอ (Video) การออกแบบวิดีโอเพื่อนำ ไปโพสต์ ช่วยให้คุณตัดต่อ, ใส่เอฟเฟ็กต์, ข้อความ ลงไปในวิดีโอให้น่าสนใจ เพื่อนำ ไปเผยแพร่บน YouTube, Facebook, Instagram, TikTok เมนู ผลิตภัณฑ์ (Product) สร้างงานเกี่ยวกับผลิตภัณฑ์หรืิอสินค้า เช่น สติ๊กเกอร์ ใบปลิว โปสเตอร์ แบนเนอร์ นามบัตร และการ์ดเชิญ เมนู เว็บไซต์ (Wabsite) ใช้สำ หรับสร้างเว็บไซต์ โดยจะมีเครื่องมือให้สร้างเนื้อหาให้ครบสำ หรับ ข้อมูลที่จำ เป็นในเว็บไซต์ มีแบบจำ ลองเว็บไซต์ขนาดต่างๆ ให้ดูตามขนาดหน้าจอของอุปกรณ์ที่เปิดดูเว็บไซต์ เมนู เพิ่มเติม สร้างงานอื่นๆ เช่น อิโฟกราฟิก กราฟ ปกหนังสือ วอลล์เปเปอร์ รายงาน ฯลฯ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID28 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิหน้าน้หลักลัคลิกลิปุ่มปุ่ AccountSettings คลิกลิเลือลืกภาษา การเปลี่ยนภาษาของเมนู โดยกลับมาที่หน้า Home แล้วคลิกปุ่ม การตั้งค่าบัญชี (Account Settings) จากนั้นเลือกภาษาจากหัวข้อ Language (ภาษา) แล้วเลือกภาษา 2.5 การเปลี่ยนภาษาของเมนู NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 29
2.6 การใช้งช้านเท็มเพลต (Template) ข้อดีของการออกแบบงานใน Canva คือ ผู้ออกแบบไม่จำ เป็นต้องเป็นมืออาชีพก็สามารถ ออกแบบชิ้นงานสวยๆ ได้ด้วยการเลือกใช้รูปแบบงานที่ถูกออกแบบมาแล้วที่เรียกว่า “เท็มเพลต” ซึ่งเป็นคลังเท็มเพลตขนาดใหญ่ที่มืออาชีพออกมาให้แล้ว มีการจัดวางเลย์เอาต์, ขนาด, รูปภาพ, กราฟิก, ข้อความวางเป็นแนวเอาไว้ ซึ่งสามารถนำ มาปรับแต่งเพิ่มเติม ด้วยการเพิ่ม ลบ หรือ เปลี่ยนแปลงงานตามข้อมูลได้ตามต้องการ การเพิ่มพิ่องค์ประกอบ (Elements) องค์ประกอบที่นำ มาตกแต่งประกอบในงานจะมีหลายอย่างเพื่อสร้างสรรค์งานออกมาให้ สมบูรณ์แบบ องค์ประกอบต่างๆ ก็จะถูกนำ มาจัดวางเพิ่ม ซึ่งใน Canva จะมีให้เลือกนำ มาใช้ มากมายหลายประเภท โดยแยกเป็นหมวดหมู่เอาไว้ เช่น ตาราง, ชาร์ต, กราฟิก, สติ๊กเกอร์, ภาพถ่าย, เสียง, วิดีโอ, เส้นและรูปทรง, กราบ, เส้นกริด ภาพกราฟิกตามประเภท คลิกลิเพิ่มพิ่องค์ปค์ระกอบ (Elements) ค้นค้หาองค์ปค์ระกอบ (Search) ใช้สำช้สำหรับรัค้นค้หาองค์ปค์ระกอบต่าต่งๆ N ที่ต้ที่อต้งการนำ มาเพิ่มพิ่ ในงานออกแบบ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID30 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิเลือลืกกลุ่มลุ่ ภาพถ่าถ่ย(Photo) ค้นค้หาภาพที่ต้ ที่ อต้งการ หรือรืคลิกลิ “ดูทั้ดูง ทั้ หมด” เพื่อ พื่ แสดงรูปรูภาพเพิ่ม พิ่ เติมติ คลิกลิที่มุที่มมุแล้วล้คลิกลิลากปรับรัทั้งทั้สองด้าด้น คลิกลิลากขยายด้าด้นข้าข้ง ปรับแต่งรูปภาพ หลังจากที่วางรูปภาพแล้วก็ปรับแต่งการแสดงผลพื้นฐานเกี่ยวกับ รูปภาพ เช่น ย่อ-ขยาย, ย้าย, หมุน หรือพลิกกลับด้านรูปภาพ เป็นต้น “เพิ่ม พิ่ เติมติ” คลิกลากจุดปรับรอบๆ รูปภาพเพื่อปรับขนาดแต่ละด้าน 2.7 การวางรูปภาพ (Photo) การวางรูปภาพลงไปในงานออกแบบจะทำ ได้ 2 แบบ คือ วางใหม่ในตำ แหน่งที่ต้องการ หรือวางทับรูปภาพเดิมที่มีอยู่ ซึ่งการวางรูปภาพจะทำ ได้เหมือนกันหมดกับทุกงานที่ออกแบบใน Canva การปรับรัแต่งรูปภาพ คลิกลากย้ายตำ แหน่ง “ทำ สำ เนา” N“ปุ่มปุ่ Delete” ลบภาพ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 31
คลิกลิจุดจุหมนภาพ องศาของภาพ การปรับรัแต่งรูปภาพ 2.8 พลิกรูปภาพแนวนอน/แนวตั้ง รูปภาพต้นฉบับที่นำ มาวางในงานอาจมีทิศทางไปด้านใดด้านหนึ่ง แต่เมื่อนำ มาวางเราก็สามารถ พลิกกลับด้านรูปภาพ โดยเลือกพลิกแนวนอน คือ พลิกกลับด้านซ้าย/ขวา N คลิกลิ “พลิกลิ” IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N32 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิ“ตำ แหน่งน่ ” คลิกลิภาพที่ต้ ที่ อต้งการจัดจัตำ แหน่งน่ คลิกลิ“จัดจัวาง” คลิกลิเลือลืกตำ แหน่งน่ที่ต้ ที่ อต้งการ การจัดตำ แหน่งรูปภาพ โดยปกติเมื่อวางรูปภาพก่อนจะอยู่ด้านล่าง หากวางภาพใหม่จะทับ ด้านบนเสมอ ถ้าต้องการจัดตำ แหน่งใหม่ก็เลือกคำ สั่งการจัดทำ แหน่ง การจัด จั ตำ แหน่ง น่ 2.9 หรือรืจัดจัตำ แหน่งน่ โดยใช้เช้ลเยอร์ สามารถคลิกลิที่เ ที่ ลเยอร์แร์ต่ลต่ะองค์ ประกอบแล้วล้ลากไปยังยัตำ แหน่งน่ที่ ต้อต้งการ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 33
คลิกลิ“อัพอัโหลดไฟล์”ล์เลือลืกไฟล์รูล์ปรูภาพ คลิกลิปุ่มปุ่ “Open” ลากรูปรูภาพไปวาง นอกจากรูปภาพที่ Canva มีให้เลือกมาใส่แล้ว หากมีรูปของตนเอง เช่น ภาพสินค้า ภาพ กิจกรรมที่ถ่ายไว้ในเครื่อง หรือในมือถือ สามารถนำ มาจัดวางในงานดีไซน์ของผู้ใช้งานได้เช่นกัน โดยเลือกจากคำ สั่งอัพโหลด (Upload) เพื่อเลือกโหลดรูปภาพเข้ามาใช้งานได้ การแทรกภาพจากในเครื่อรื่ง 2.10 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N34 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิ “ตกแต่งต่ภาพถ่าถ่ย” คลิกลิภาพที่ต้ ที่ อต้งการลบฉากหลังลั คลิกลิ “Background Remover” สามารถลบฉากหลังของภาพ โดยคลิกเลือกภาพที่ต้องการลบ ดังนี้ การลบฉากหลัง 2.11 ภาพที่ล ที่ บฉากหลังลัเสร็จร็เรียรีบร้อร้ย NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 35
เลือลืกแบบข้อข้ความ คลิกลิเลือลืกคำ สั่ง สั่ “ข้อข้ความ” วางกรอบข้อข้ความ คลิกลิพิมพิพ์/พ์แก้ไก้ขข้อข้ความ การใส่ข้ส่อข้ความ หากต้อต้งการรูปรูแบบเดียดีวกันกัเช่นช่อยากได้ข้ด้อข้ความตัวตัใหญ่แญ่บบหัวหัเรื่อ รื่ ง ก็คก็ลิกลิ เพิ่ม พิ่ ซ้ำ ได้ จากนั้น นั้ พิมพิพ์ข้พ์อข้ความ จัดจัรูปรูแบบ และย้าย้ยตำ แหน่งน่ตามความเหมาะสม การเพิ่มข้อความในงานดีไซน์ โดยผู้ใช้งานสามารถเลือเพิ่มจากรูปแบบข้อความเริ่มต้นของ Canva ได้เลย หรือเพิ่มจากกล่องข้อความลงไปเองตามต้องการ การเพิ่มพิ่ข้อ ข้ ความ 2.12 สีข้อความ ปรับขนาด เลือกสี จัดแนวข้อความ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NI36 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิเลือลืกข้อข้ความ คลิกลิเลือลืกข้อข้ความ คลิกลิ“เอฟเฟ็กฟ็ต์”ต์ ปรับรัแต่งต่เพิ่ม พิ่ กำ หนดเอฟเฟ็กฟ็ต์ข้อข้ความ 2.13 ระยะห่างเงา ทิศทางของเงา ความคมชัดของเงา ให้แสงโปร่งใส เลือกสีของข้อความ การใส่ข้อความทั่วไปหรือข้อความจากสไตล์สำ หรับรูป ผู้ใช้สามารถปรับเปลี่ยนรูปแบบของ ข้อความได้โดยคลิกที่ปุ่ม เอฟเฟ็กต์ (Effect) เพื่อเปิดตัวเลือกการปรับต่งข้อความ เลือกแนวข้อความ หรือรูปทรงข้อความ nI fographic ปรับเส้นโค้งไป “ด้านซ้าย”ปรับเส้นโค้งไป “ด้านขวา” NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 37
การแทรกกราฟิกฟิ (Graphic) คลิกลิคำ สั่ง สั่ “องค์ปค์ระกอบ” คลิกลิ “กราฟิกฟิ” ค้นค้หากราฟิกฟิเช่นช่ต้นต้คริสริต์มต์าส 2.14 กราฟฟิก คือ ภาพวาดหรือสิ่งที่ออกแบบด้วยโปรแกรมวาดภาพต่างๆ ซึ่ง Canva ให้เลือก หลายประเภท เพื่อให้เรานำ มาตกแต่งหรือสร้างเรื่องราวประกอบงานได้ ภาพแต่ละประเภทก็จะมี ภาพบุคคล, ต้นไม้, ป้าย, รูปทรง, และมีกราฟฟิกกลุ่มคอลเลกชั่น ที่รวบรวมกราฟิกประเภท เดียวกันเอาไว้ให้เลือกได้ง่าย NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NI38 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การแทรกชาร์ตร์ (Chart) คลิกลิคำ สั่ง สั่ “องค์ปค์ระกอบ” คลิกลิ “ชาร์ตร์ ” เลือลืก “ดูทั้ดูง ทั้ หมด” คลิกลิเลือลืกกราฟที่จ ที่ ะสร้าร้ง 2.15 งานเอกสารแบบ (Docs), งานนำ เสนอ (Presentation) หรือไวท์บอร์ด อาจจะมีชาร์ตหรือ กราฟมาแสดงประกอบเพื่อนำ เสนอข้อมูลตัวเลขแบบกราฟิก ซึ่ง Canva ก็มีองค์ประกอบชาร์ต (Charts) ให้เลือกนำ มาใส่ในงานได้ ซึ่งจะทำ ได้ง่ายและสวยงามเหมืนทำ ใน PowerPoint หรือ Excel ดังตัวอย่างจะสร้างในงานออกแบบพรีเซนเทชั่น ชาร์ตร์จะมีใมีห้เห้ลือลืกหลายประเภท เช่นช่ชาร์ตร์แท่งท่ , ชาร์ตร์เส้นส้และจุดจุ , วงกลม, ชาร์ตร์อินอิโฟกราฟิกฟิ โดยเลือลืกชาร์ตร์แต่ลต่N ะกลุ่มลุ่ และเลือลืกใช้งช้านได้ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 39
ใส่ข้ส่อข้มูลมูของกราฟ กราฟที่ไที่ ด้ คลิกลิเลือลืกสีกสีราฟแต่ลต่ะชุดชุใหม่ 2.16 พื้นที่ตารางข้อมูล สามารถใส่ข้อมูลที่จะนำ มาพล็อตลงกราฟเหมือนที่เราใส่ในตาราง ExCel, Word, PowerPoint ที่นำ มาสร้างกราฟ โดยจะมีข้อความของข้อมูลแกน X และตัวเลข ของข้อมูลชุดแกน Y ตามลำ ดับ พื้นที่ตารางข้อมูลที่จะพล็อตลงกราฟ แกน Y แกน X NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N40 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
คลิกลิปุ่มปุ่ แก้ไก้ข คลิกลิปุ่มปุ่ แก้ไก้ข เปลี่ยนชนิดนิกราฟใหม่ 2.17 หลักจากสร้างกราฟโดยเลือกกราฟแบบใดแบบหนึ่งไปแล้ว ถ้าต้องการเปลี่ยนชนิดของกราฟใหม่ ก็ เลือกได้โดยคลิกที่ปุ่มแก้ไข (Edit)แล้วคลิกเลือกชนิดของกราฟที่ต้องการ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 41
2.18 การดาวน์โน์หลดงาน ดาวน์โหลดหรือบันทึกงานดีไซน์ ซึ่งจะเป็นผลลัพธ์ของงานที่ออกแบบสำ เร็จแล้วและพร้อมจะนำ ไป ใช้งาน โดยจะดาวน์โหลดเป็นไฟล์ภาพ เช่น .JPG, .PNG, GIF, .PDF, และ .SVG ซึ่งการเลือกประเภทของ การดาวน์โหลดจะขึ้นอยู่กับเนื้อหาหรือองค์ประกอบที่คุณใส่ลงไปในงานดีไซน์ เช่น ถ้ามีภาพเคลื่อนไหว, เสียง, วิดีโอ ก็จะบันทึกผลงานเป็นไฟล์ .MP4 เป็นต้น ไฟล์ประเภทนี้มักจะใช้สำ หรับกราฟิกบนเว็บ โลโก้ แผนภูมิ และภาพประกอบมากกว่าที่จะใช้ สำ หรับภาพถ่ายคุณภาพสูง เนื่องจากไฟล์ประเภทนี้ใช้พื้นที่เก็บข้อมูลมากกว่า JPEG และรองรับ กราฟิกที่มีพื้นหลังโปร่งใส เป็นรูปแบบไฟล์ภาพที่ได้รับการยอมรับอย่างกว้างขวางที่สุด ซึ่งเข้ากันได้กับเบราวเซอร์ ซอฟต์แวร์ ขนาดไฟล์ที่เล็กทำ ให้ผู้ใช้ถ่ายโอนไฟล์ได้เร็วและสามารถเข้าถึงเพื่อดูไฟล์บนโลก ออนไลน์ได้อย่างว่องไว SVG นั้นเป็นไฟล์เป็นแบบเวกเตอร์ สามารถนำ ไฟล์ไปปรับให้มีขนาดเท่าใดก็ได้โดยไม่กระทบ ต่อคุณภาพ ไฟล์รูปภาพ GIF มักถูกนำ ไปใช้เพื่อแสดงภาพกราฟิกและโลโก้บนเว็บ ไฟล์ประเภทนี้ยังรองรับ ภาพเคลื่อนไหวขั้นพื้นฐาน จึงเป็นรูปแบบไฟล์ยอดนิยมสำ หรับมีบนเว็บไซต์โซเชียลมีเดีย ไฟล์ประเภทนี้มักจะใช้สำ หรับกราฟิกบนเว็บ โลโก้ แผนภูมิ และภาพประกอบมากกว่าที่จะใช้ สำ หรับภาพถ่ายคุณภาพสูง เนื่องจากไฟล์ประเภทนี้ใช้พื้นที่เก็บข้อมูลมากกว่า JPEG และรองรับ กราฟิกที่มีพื้นหลังโปร่งใส ประเภทของไฟล์ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID42 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
ใบงานที่ที่ ที่ที่2 วัตวัถุปถุระสงค์ เพื่อพื่ให้ผู้ห้เผู้ข้าข้รับรัการพัฒพันาสร้าร้งสื่อสื่การเรียรีนรู้ใรู้นรูปรูแบบ Infographic ด้วด้ย Canva คำ ชี้แ ชี้ จง ผู้เผู้ข้าข้รับรัการพัฒพันาสร้าร้งสื่อสื่การเรียรีนรู้ใรู้นรูปรูแบบ Infographic ด้วด้ย Canva ดังดันี้ (โดยใช้เช้วลา 3 ชั่วชั่โมง) 1. ผู้เผู้ข้าข้รับรัการพัฒพันาเลือลืกเนื้อนื้หารายวิชวิาตามความสนใจ เพื่อพื่สร้าร้งสื่อสื่การเรียรีนรู้ ในรูปรูแบบ Infographic จำ นวน 1 เรื่อรื่ง (กลุ่มลุ่เป้าป้หมาย ชื่อชื่เรื่อรื่ง ขอบข่าข่ยเนื้อนื้หา) 2. สร้าร้งสื่อสื่การเรียรีนรู้ใรู้นรูปรูแบบ Infographic ให้สห้วยงาม ถูกถูต้อต้งตามหลักลัการ ออกแบบ 3. กำ หนดขนาดเอกสารเป็นป็ A4 (21x29.7 ซม.) รายละเอียอีดประกอบด้วด้ย หน้าน้ ปก เนื้อนื้หา กิจกิกรรมหรือรืเกม และผู้จัผู้ ดจัทำ 4. นำ เสนอชิ้นชิ้งาน คนละไม่เม่กินกิ 3 นาที 5. ผู้เผู้ข้าข้รับรัการพัฒพันาอภิปภิราย แลกเปลี่ย ลี่ นเรียรีนรู้ และให้ข้ห้อข้เสนอแนะผลงานของ บุคบุคลอื่นอื่ 6. ตั้งตั้ชื่อชื่ไฟล์ชิ้ล์นชิ้งานตาม เลขที่ และ ชื่อชื่นามสกุลกุเช่นช่ A01_02 นายสดใส สีแสีสด 7. ผู้เผู้ข้าข้รับรัการพัฒพันาบันบัทึกทึ ไฟล์นล์ามสกุลกุ .PNG 8. ผู้เผู้ข้าข้รับรัการพัฒพันาส่งส่ผลงานไปที่ Padlet NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 43
ใบงานที่ที่ ที่ที่2 รายละเอียอีด ตามใบงานที่ 2 การสร้าร้งสื่อสื่การเรียรีนรู้ใรู้นรูปรูแบบ Infographic ด้วด้ย Canva ....................................... ปก เนื้อ นื้ หา กิจกรรม หรือ รื เกม N ผู้จัผู้ ด จั ทำ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDT44 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
รายวิช วิ าที่ 3 สื่อ สื่ เคลื่อ ลื่ นไหว เร้า ร้ใจผู้เผู้รีย รี น วัตวัถุป ถุ ระสงค์ เพื่อพื่ ให้ผู้ห้ ผู้เข้าข้รับรัการพัฒพันา 1. มีคมีวามรู้ ความเข้าข้ใจเกี่ย กี่ วกับกัสื่อสื่ Motion Infographic และการออกแบบ Motion Infographic 2. สามารถสร้าร้งสื่อสื่ Motion Infographic ได้อด้ย่าย่ง สร้าร้งสรรค์ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDT
ในปัจปัจุบัจุนบัสื่อ สื่ ต่าต่ง ๆ มีกมีารเปลี่ย ลี่ นแปลงอย่าย่งรวดเร็วร็ โดยเฉพาะยุคยุNew Normal ที่มี ที่ กมีารใช้ เทคโนโลยีดิยีจิดิทัจิลทัในการสื่อ สื่ สารกันกั ในโลกออนไลน์ผ่น์าผ่น Platform ต่าต่ง ๆ เช่นช่ Facebook หากผู้ใผู้ช้ งานต้อต้งการที่จ ที่ ะโพสต์สต์เตตัสตัของตนเองสิ่ง สิ่ ที่เ ที่ กิดกิขึ้น ขึ้ คือคืเมื่อ มื่ ผู้ใผู้ช้งช้านโฟสต์สต์เตตัสตัที่มี ที่ คมีวามยาวไม่เม่กินกิ 35 ตัวตัอักอัษร ระบบของเฟสบุ๊คบุ๊จะปรับรัให้ตัห้วตัอักอัษรมีขมีนาดที่ใที่ หญ่ขึ้ญ่น ขึ้ และสามารถที่จ ที่ ะเลือลืกสีพื้สีน พื้ หลังลัใส่ เพิ่ม พิ่ เพื่อ พื่ ให้เห้กิดกิความน่าน่สนใจและดึงดึดูดดูแก่ผู้ก่ที่ผู้ พ ที่ บเห็นห็ให้เห้ข้าข้มาอ่าอ่นโพสต์ขต์องผู้ใผู้ช้งช้าน นั้น นั้ เป็นป็เพราะว่าว่ มีงมีานวิจัวิยจัมากมายได้ทำด้ ทำการวิจัวิยจัไว้แว้ล้วล้ว่าว่พฤติกติรรมของผู้รัผู้บรัสารมีกมีารเปลี่ย ลี่ นแปลงไปไม่ชม่อบอ่าอ่น ข้อข้ความเนื้อ นื้ หาจำ นวนมาก ๆ หรือรืยากแก่กก่ารทำ ควา เข้าข้ใจ ดังดันั้น นั้ จึงจึมีกมีารปรับรัเปลี่ย ลี่ นการสื่อ สื่ สารให้มีห้ มี ความดึงดึดูดดูน่าน่สนใจมากยิ่ง ยิ่ ขึ้น ขึ้ ด้วด้ยการเพิ่ม พิ่ ขนาดข้อข้ความ สี และกราฟิกฟิลงไปซึ่ง ซึ่ เราเรียรีกว่าว่ “Visual Content” โดย “Visual Content” ในปัจปัจุบัจุนบัจะสามารถแบ่งบ่ออกเป็นป็ 2 ประเภท ได้แด้ก่ 1) อินอิโฟ กราฟิกฟิ (Infographic) คือคืกราฟิกฟิภาพนิ่ง นิ่ และ 2) โมชั่น ชั่ กราฟิกฟิ (Motion Graphic) คือคืกราฟิกฟิ ภาพเคลื่อ ลื่ นไหว 3.1 โมชั่น ชั่ กราฟิกฟิมีอมียู่ด้ยู่ วด้ยกันกัอยู่หยู่ ลายเรื่อ รื่ งซึ่ง ซึ่ หลักลัๆแล้วล้จะเป็นป็ใน ด้าด้นของความน่าน่สนใจเนื่อ นื่ งจากโมชั่น ชั่ กราฟิกฟิเป็นป็สื่อ สื่ ภาพเคลื่อ ลื่ นไหว โดยปกติแติล้วล้ธรรมชาติขติองมนุษนุย์มัย์กมัจะชอบอะไร ที่เ ที่ป็นป็ภาพมากกว่าว่ ตัวตัอักอัษร และยังยัมีผมีลต่อต่การจดจำ อีกอีด้วด้ย เนื่อ นื่ งจากสมองมีกมีารจดจำ ภาพได้ดีด้กดีว่าว่ตัวตัอักอัษรคิดคิเป็นป็ร้อร้ยละ 90 เปอร์เร์ซ็นซ็ต์ นอกจากนี้สื่ นี้ อ สื่ โม ชั่น ชั่ กราฟิกฟิมีลัมีกลัษณะในรูปรูแบบความสนุกนุสนานความบรรเทิงทิจึงจึไม่ใม่ช่ เรื่อ รื่ งแปลกที่จ ที่ ะเป็นป็ที่ชื่ที่ น ชื่ ชอบของผู้รัผู้บรัชม จุดเด่น ด่ แนวคิดคิ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDT46 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การเคลื่อลื่นไหว ดังดันั้น นั้ Motion Infographic หมายถึงถึการนำ ข้อข้มูลมูมาสรุปรุเป็นป็สารสนเทศ ในลักลัษณะของรูปรูภาพกราฟิกฟิเช่นช่แผนภาพ แผนภูมิภูมิกราฟ การ์ตูร์นตูแล้วล้นำ มาการผสมผสานภาพนิ่ง นิ่ และการเคลื่อ ลื่ นไหวในรูปรูแบบของวิดีวิโดีออนิเนิมชันชั มีกมีารพากย์เย์สียสีงบรรยายประกอบ นิยนิมใช้กัช้บกัเนื้อ นื้ หาที่มี ที่ ข้มีอข้มูลมูมาก ให้อห้อกมา ในรูปรูแบบที่น่ ที่ าน่สนใจและเข้าข้ใจง่าง่ยมากขึ้น ขึ้ เวลาอันอัรวดเร็วร็ ความหมายของ Motion Infographic การเปลี่ย ลี่ นตำ แหน่งน่อย่าย่งต่อต่เนื่อ นื่ งของวัตวัถุหถุรือรืระบบที่ต้ ที่ อต้งการสังสัเกต Infographic Information + Graphic การนำ เสนอข้อข้มูลมูไม่ว่ม่าว่จะเป็นป็สถิติถิติตัวตัเลข ข่าข่วสาร ความรู้ โดยใช้ ภาพ หรือรื Graphic ใน การสื่อ สื่ สาร ทั้ง ทั้ รูปรูแบบของกราฟ แผนภูมิภูมิแผนผังผัสัญสัลักลัษณ์ โดยข้อข้มูลมูจะถูกถูย่อย่ยให้เห้ข้าข้ใจได้ง่ด้าง่ย โดยมีกมีารออกแบบสี รูปรูแบบ ลูกลูเล่นล่ภาพประกอบให้สห้วยงาม ดึงดึดูดดูผู้อ่ผู้าอ่นได้ด้ด้วด้ย Motion ในปัจปัจุบัจุนบัMotion Infographic เป็นป็ที่นิ ที่ ยนิมในยุคยุดิจิดิทัจิลทัและมีกมีารแข่งข่ขันขัสูงสูการทำ สื่อ สื่ โฆษณา ประชาสัมสัพันพัธ์ต่ธ์าต่งๆ เพื่อ พื่ ดึงดึดูดดูความสนใจและเข้าข้ถึงถึกลุ่มลุ่ เป้าป้หมายได้อด้ย่าย่งทั่ว ทั่ ถึงถึอีกอีทั้ง ทั้ กลุ่มลุ่ เป้าป้หมาย สามารถเข้าข้ใจข้อข้มูลมูที่สื่ ที่ อ สื่ สารได้อด้ย่าย่งรวดเร็วร็ในระยะเวลาสั้น สั้ ๆ อีกอีด้วด้ย ความสำ คัญคัN ของ Motion Infographic IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 47