แผนการจัดการเรียนรู้ อินโฟกราฟฟิก

แบบบันทกึ หลงั แผนการสอน ช้นั มธั ยมศึกษาปีท่ี 1
จานวน 8 ชว่ั โมง
คอมพิวเตอรเ์ พมิ่ เติม การออกแบบ Infographic ดว้ ย Canva เวลาเรยี น 2 ชว่ั โมง
หน่วยการเรียนรู้ท่ี 2 หลักการออกแบบอนิ โฟกราฟกิ (Infographic)
แผนการจดั การเรียนรูท้ ี่ 5 illustration

ผลการเรยี นรู้
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
ปัญหาอุปสรรค
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
ขอ้ เสนอแนะแนวทางแกไ้ ข
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………

ลงชื่อ…………………….…………….ผูส้ อน
(…………………………………)

ตาแหนง่ ………………………………………
………………/…………....../……………
ความคดิ เหน็ ของผบู้ รหิ ารสถานศึกษา
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………

ลงชื่อ…………………………….ผบู้ ริหารสถานศกึ ษา
(…………………..…………………………)
ตาแหน่ง………………………………………
………………/…………....../……………

แผนการจดั การเรียนรูท้ ่ี 6

กลมุ่ สาระการเรยี นรูว้ ิทยาศาสตร์และเทคโนโลยี ชัน้ มธั ยมศกึ ษาปีท่ี 1
คอมพิวเตอร์เพิ่มเติม การออกแบบ Infographic ด้วย Canva จานวน 8 ชวั่ โมง
หน่วยการเรยี นรทู้ ่ี 2 หลักการออกแบบอนิ โฟกราฟกิ (Infographic) เวลาเรยี น 2 ชั่วโมง
แผนการจัดการเรียนรู้ท่ี 6 Font

1. ผลการเรยี นรู้
1. อธิบายหลักการออกแบบอนิ โฟกราฟิก (Infographic) ได้

2. สาระสาคัญ/ความคิดรวบยอด
Typeface คอื ชดุ รปู แบบตวั อักษร โดยการออกแบบ Typeface อาจจะมฟี ้อนต์ (FONT) แค่รูปแบบ

เดียว หรอื มีฟ้อนต์ (FONT) หลายรปู แบบกไ็ ด้
ฟอ้ นต์ (FONT) คอื ชดุ ของตัวอกั ษรท่ีมีความแตกต่างกันท้ังทางดา้ นของขนาด ความหนา ความกว้าง

และความเอยี ง ซงึ่ ฟ้อนต์ เป็นองคป์ ระกอบที่สาคัญของอนิ โฟกราฟกิ (Infographic) การเลือกใช้ฟ้อนต์ (FONT)
ทเ่ี หมาะสม จะสามารถดงึ ดดู สายตาของกลมุ่ เป้าหมายได้ดี และทาใหเ้ กดิ การจดจาไดง้ ่ายขน้ึ และยังบง่ บอกได้ถงึ
แนวคิดในอินโฟกราฟิก (Infographic) ที่ตอ้ งการจะนาเสนอ

3. จดุ ประสงคก์ ารเรียนรู้
1. อธบิ ายลกั ษณะของ Typeface แตล่ ะแบบได้ (K)
2. เลือกใช้ฟ้อนต์ (FONT) ทเ่ี หมาะสมกบั เนื้อหาของอนิ โฟกราฟกิ ท่ีตอ้ งการจะนาเสนอได้ (P)
3. เห็นความสาคญั ของการเลอื กใช้ฟอนต์ (FONT) ในการออกแบบอนิ โฟกราฟิก (Infographic) (A)

4. สาระการเรียนรู้
1. ประเภทและลักษณะของ Typeface
2. การเลือกใช้ฟ้อนต์ (FONT)
3. การออกแบบฟ้อนต์ (FONT) ดว้ ย Calligraphr

5. สมรรถนะสาคัญของผเู้ รยี น
1. ความสามารถในการสื่อสาร
2. ความสามารถในการคิด
3. ความสามารถในการแกป้ ญั หา
4. ความสามารถในการใชท้ ักษะชีวติ
5. ความสามารถในการใช้เทคโนโลยี

6. คณุ ลกั ษณะอนั พึงประสงค์
1. มวี ินยั
2. ใฝ่เรียนรู้
3. มุ่งมนั่ ในการทางาน

7. ภาระงาน
1. กจิ กรรม ออกแบบฟ้อนต์
2. ใบงานท่ี 8 การเลือกฟ้อนต์

8. การจัดกิจกรรมการเรยี นรู้
1. วิธีการสอนแบบสร้างสรรคเ์ ป็นฐาน (Creativity-Based Learning : CBL)
2. การจัดการเรยี นการสอนแบบ Active Learning

ชว่ั โมงที่ 1

ขัน้ นาเข้าสูบ่ ทเรียน

1. ผู้สอนถามผู้เรียนเพือ่ เป็นการกระตนุ้ ความสนใจของผเู้ รียน เช่น “นักเรียนเคยสกั เกตบนเสื้อนกั เรียน
หรอื ไมว่ ่าใช้ฟอ้ นต์แบบใดในการปัก ชอ่ื นามสกุล ของตัวเอง”
แนวคาตอบ : ใชฟ้ ้อนตท์ ่ีอา่ นง่าย เห็นได้ชัดเจน

ข้ันสอน

2. ผสู้ อนอธิบายว่า Typeface คือชดุ รปู แบบตัวอักษร โดยการออกแบบ Typeface อาจจะมีฟ้อนต์
(FONT) แคร่ ปู แบบเดียว หรอื มีฟ้อนต์ (FONT) หลายรูปแบบก็ได้ ซง่ึ ฟอ้ นต์ (FONT) คือ ชุดของ
ตัวอกั ษรทมี่ คี วามแตกต่างกนั ทั้งทางดา้ นของขนาด ความหนา ความกวา้ ง และความเอียง

3. ผู้สอนเปิด Slide สอ่ื การสอน การเลอื กใช้ฟ้อนต์ พร้อมอธิบายว่า ฟอ้ นต์ เป็นองคป์ ระกอบทส่ี าคัญ
ของอินโฟกราฟิก (Infographic) การเลือกใช้ฟ้อนต์ (FONT) ที่เหมาะสม จะสามารถดงึ ดูดสายตา
ของกลุม่ เปา้ หมายไดด้ ี และทาใหเ้ กิดการจดจาได้งา่ ยขนึ้ และยังบง่ บอกได้ถึงแนวคิดในอินโฟกราฟิก
(Infographic) ทต่ี ้องการจะนาเสนอ
1. การเลอื กใช้ฟอนต์ Serif หรือ Sans Serif
Serif จะมขี ดี เลก็ ๆ หรอื ท่ีเรียกว่าเชิงทีป่ ลายตวั อกั ษร ฟอนต์ประเภทนีเ้ ปน็ ฟอนต์ดั้งเดิม นิยม
ใช้สาหรับพมิ พ์เน้ือความ เพราะมสี ่วนช่วยทาใหอ้ ่านไดง้ า่ ยขนึ้ เม่อื กวาดสายตาไปตามเนื้อหา
การใช้ฟอนต์นจ้ี ะทาใหง้ านดคู ลาสสิคมากขน้ึ และนยิ มใช้กับงานท่เี ป็นทางการ

Sans Serif จะตรงข้ามกับ ฟอนต์ Serif คือไม่มเี ชงิ เป็นตวั อกั ษรเรียบ ๆ เหมาะกับการใช้ใน
สว่ นของหวั ข้อฟอนตส์ ไตล์นจ้ี ะทาใหง้ านดทู ันสมัยขนึ้ เพราะความเรยี บง่ายของรูปแบบฟอนต์

2. ฟอนต์ภาษาไทยมีหวั และไม่มีหัว
ในภาษาไทยตัวอักษรจะมหี ัว แต่มีการพัฒนารูปแบบฟอนต์ภาษาไทยให้มที ั้งแบบมหี วั

และไม่มีหวั เพ่ือให้งานออกแบบสื่อความหมายได้หลากหลายขน้ึ
ฟอนตม์ ีหวั แสดงความเปน็ ทางการคลา้ ยๆ กบั Serif ของภาษาองั กฤษ และทาให้อา่ นง่าย ไม่
สบั สนในเร่อื งของพยญั ชนะ

ฟอนต์ไม่มีหัว เป็นตัวอักษรที่ให้ความรู้สกึ ถึงความทันสมัย ซึง่ จะเหมือนกับฟอนต์แบบ San
Serif ของตัวอักษรในภาษาองั กฤษ นิยมใช้ตัวอักษรนกี้ ับงานทดี่ ูรว่ มสมัยและเป็นสากล

3. ฟอนต์แบบปลายหวดั (Script)
รูปแบบของฟอนตป์ ระเภทนี้ทาใหง้ านนาเสนอดเู คล่ือนไหว ดูมชี ีวิตชวี า ออ่ นช้อย

และดงึ ดูดสายตาคนได้ จะนยิ มใช้ในงานทส่ี ่ือถงึ ความสวยงาม อ่อนหวาน หรหู ราแตจ่ ะใช้ในสว่ น
หวั ขอ้ หรอื สว่ นท่ีเป็นจุดเดน่ ของงานท่ีตอ้ งการเน้น ไมเ่ หมาะทจ่ี ะใชใ้ นสว่ นทีเ่ ปน็ เนอื้ ความ

4. ฟอนตล์ ายมอื
ฟอนต์ประเภทนี้จะเป็นฟอนต์ทด่ี ูไมเ่ ปน็ ทางการ ใชก้ บั งานนาเสนอทีต่ ้องการให้

มีความเปน็ กันเอง

5. การผสมผสานฟอนต์
ในงานนาเสนอหนง่ึ งาน ไม่ควรจะใชฟ้ อนต์ใหห้ ลากหลายจนเกินไปเพราะจะทาให้งาน

ดูไม่มี Concept ดกู ระจัดกระจาย แต่ใชว่ า่ เราจะไมส่ ามารถผสมผสานฟอนต์ได้ เพยี งแต่วา่
ควรเลือกผสมใหเ้ หมาะสมน่ันเอง ควรเลือกที่อ่านง่าย ชดั เจน ตงั้ แตค่ รั้งแรกทเ่ี หน็

ภาพตัวอย่างการใชฟ้ อนต์แบบผสมผสาน
จากภาพตัวอย่างจะใชฟ้ อนต์ประมาณ 3 ฟอนต์ เพ่ือเพ่ิมลูกเล่น ให้งานน่าสนใจ
และเน้นบางจดุ ซ่ึงโดยภาพรวมแล้ว ฟอนตท์ ัง้ หมดที่ผสมผสานกันกย็ ังคงให้ความรู้สึกเรียบง่าย
แตท่ นั สมัย
4. ผู้สอนแจกใบงานที่ 8 การเลือกใชฟ้ ้อนต์ พรอ้ มอธบิ ายวธิ ีการทาใบงาน คือ ให้นักเรียนเลอื กใช้
ฟอ้ นต์ใหเ้ หมาะสมกับข้อความทกี่ าหนดให้
5. ผสู้ อนใหเ้ วลาผู้เรยี นในการทาใบงาน โดยทผี่ ู้สอนคอยดูแลความเรยี บร้อยและคอยให้คาแนะนา
เพ่ิมเติม

6. ผสู้ อนส่มุ ผเู้ รยี น 5 คนออกมานาเสนอใบงาน โดยใหผ้ ู้เรียนคนอน่ื ๆ ช่วยกนั เสนอแนะแสดงความ
คดิ เห็น

1ช. วั่ โมงท่ี 2

ข้นั สอน
(ต่อ)

1. ผ้สู อนเปิดคลิปวิดีโอ สอนทาฟอนต์ ดว้ ย Calligraphr
จากลิงค์ https://www.youtube.com/watch?v=wj9ojOxjIcY

2. ผสู้ อนให้ผเู้ รียนทากิจกรรม ออกแบบฟ้อนต์ พร้อมอธบิ ายวธิ ีการทากิจกรรม คือ ผู้สอนแจก
Calligraphr-Template เพ่ือให้ผู้เรียนออกแบบฟ้อนต์ของตัวเอง ใน paper และนาไปต่อยอดพฒั นา
ทาตามข้นั ตอนในคลปิ วิดโี อ เพ่อื ให้มฟี ้อนตท์ ส่ี ามารถใช้งานได้จริงเปน็ ของตัวเอง

3. ผู้สอนให้เวลาผ้เู รยี นในการทากิจกรรม โดยท่ีผ้สู อนคอยดูแลความเรียบรอ้ ยและคอยให้คาแนะนา
เพ่มิ เติม

4. ผูส้ อนสมุ่ ผเู้ รียนออกมานาเสนอผลงาน โดยให้ผูเ้ รียนคนอน่ื ๆ รวมท้งั ผสู้ อนช่วยกนั เสนอแนะ
แสดงความคิดเห็น

5. ผสู้ อนประเมินความเขา้ ใจของผเู้ รยี นโดยการถามว่า ฟ้อนต์ทีน่ ักเรียนออกแบบ เป็นฟ้อนตร์ ูปแบบใด

ขัน้ สรุป

6. ผสู้ อนและผเู้ รียนรว่ มกันสรุปวา่ การเลอื กใช้ตัวอักษรให้เหมาะกบั อินโฟกราฟกิ (Infographic) เป็น
สิ่งสาคัญ เพราะรูปแบบฟอนตบ์ ง่ บอกได้ถึงแนวคิดในงานนาเสนอ เปน็ ตวั กาหนดทิศทางของงาน
ให้เปน็ ไปในแนวเดยี วกัน ทาให้มีการดีไซน์ท่ีดี รวมถึงทาให้ผทู้ อ่ี า่ นเขา้ ใจ Concept ได้ง่ายข้นึ

7. ผู้สอนเปดิ โอกาสให้ผเู้ รียนสอบถามเพิม่ เตมิ

9. สือ่ การเรยี นรู้ เกณฑ์
1. Slide สื่อการสอน การเลือกใชฟ้ ้อนต์
2. ใบงานที่ 8 การเลือกใช้ฟ้อนต์
3. คลิปวดิ ีโอ สอนทาฟอนต์ ดว้ ย Calligraphr
4. กจิ กรรม ออกแบบฟ้อนต์

0

10. การวดั และประเมนิ ผล

วิธีการ เครื่องมอื

ตรวจใบงานที่ 8 การเลือกใช้ฟอ้ นต์ แบบประเมนิ ผลงาน คณุ ภาพอย่ใู นระดับ ดี
ผา่ นเกณฑ์
ประเมินพฤติกรรมรายบุคคล แบบประเมินพฤตกิ รรม
จากการทากจิ กรรม รายบคุ คล คณุ ภาพอยใู่ นระดบั ดี
ออกแบบฟ้อนต์ ผา่ นเกณฑ์

แบบบันทึกหลังแผนการสอน ชัน้ มธั ยมศึกษาปที ่ี 1
จานวน 8 ชั่วโมง
คอมพิวเตอร์เพ่มิ เติม การออกแบบ Infographic ดว้ ย Canva เวลาเรยี น 2 ชว่ั โมง
หนว่ ยการเรยี นรทู้ ี่ 2 หลกั การออกแบบอนิ โฟกราฟิก (Infographic)
แผนการจดั การเรียนรูท้ ่ี 6 Font

ผลการเรยี นรู้
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
ปัญหาอุปสรรค
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
ข้อเสนอแนะแนวทางแก้ไข
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………

ลงช่อื …………………….…………….ผู้สอน
(…………………………………)

ตาแหนง่ ………………………………………
………………/…………....../……………
ความคดิ เหน็ ของผู้บริหารสถานศกึ ษา
…………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………

ลงช่ือ…………………………….ผบู้ ริหารสถานศึกษา
(…………………..…………………………)
ตาแหนง่ ………………………………………
………………/…………....../……………

แผนการจดั การเรยี นรู้

รายวชิ าการนาเสนองานดว้ ยส่ือมัลตมิ เี ดยี