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

จัดทำโดย

นำงมณัฏฐยำ ป้ ันกำญจนโต

กล่มุ สำระกำรเรียนรวู้ ทิ ยำศำสตร์และเทคโนโลยี

คอมพวิ เตอรเ์ พมิ่ เติม คำอธบิ ายรายวิชาเพิ่มเติม
ชั้นมธั ยมศกึ ษาปที ี่ 4
การออกแบบ Infographic ด้วย Canva
เวลา 40 ชว่ั โมง / ปี

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

สามารถใชง้ านอุปกรณเ์ ทคโนโลยี ใชง้ านซอฟต์แวร์ ในการสรา้ ง จัดเกบ็ และเรยี กใชไ้ ฟล์ตาม
วัตถุประสงค์ ดูแลรกั ษาอปุ กรณ์ การใช้งานเทคโนโลยีสารสนเทศอยา่ งเหมาะสม

ผลการเรียนรู้
1. อธิบายได้ว่าอินโฟกราฟกิ (Infographic) คอื อะไร
2. บอกประโยชนข์ องอนิ โฟกราฟิก (Infographic) ได้
3. อธบิ ายเกยี่ วกับการใชง้ าน และประโยชน์ของ Canva ได้
4. บอกวธิ ีใช้งานเครือ่ งมอื ในโปรแกรม Canva ไดอ้ ย่างถกู ตอ้ ง
5. บอกเคร่ืองมือทีใ่ ช้ในการออกแบบอนิ โฟกราฟกิ (Infographic) ได้
6. อธบิ ายหลกั การออกแบบอินโฟกราฟกิ (Infographic) ได้
7. เตรียมขอ้ มลู เพ่อื ใช้ในงานอินโฟกราฟิก (Infographic) ได้
8. ใช้ความรแู้ ละทกั ษะการใช้งาน Canva ในการสร้างอนิ โฟกราฟกิ (Infographic) ได้อย่างเหมาะสม
รวมทั้งหมด 8 ผลการเรยี นรู้

โครงสร้างรายวิชา

คอมพวิ เตอร์เพมิ่ เตมิ การออกแบบ Infographic ดว้ ย Canva
ชน้ั มธั ยมศึกษาปีที่ 4 เวลา 40 ชั่วโมง / ปี

ลำดบั ที่ หน่วยการเรยี นร/ู้ เรอ่ื ง ผลการเรยี นรู้ สาระสำคญั เวลา คะแนน
(ช่วั โมง) 5

1 อินโฟกราฟิก - อธิบายไดว้ ่าอินโฟกราฟิก 1. อนิ โฟกราฟกิ (Infographic) 4 10

(Infographic) คอื อะไร? (Infographic) คืออะไร คือ การแปลงข้อมูลให้เป็นภาพ

- บอกประโยชน์ของอนิ โฟ เพือ่ ใหเ้ ข้าใจได้ง่ายและสื่อสาร

กราฟิก (Infographic) ได้ กับผู้คนด้วยสง่ิ ทจี่ ับต้องได้

(Infographic = Information

+ graphic)

2. ประโยชนข์ องอินโฟกราฟิก

(Infographic)

3. ขอ้ จำกัดของอนิ โฟกราฟกิ

(Infographic)

2 หลักการออกแบบ - อธิบายหลักการออกแบบ 1. เทคนคิ 9 Layout 8
อินโฟกราฟกิ
(Infographic) อินโฟกราฟิก (Infographic) 2. Adobe Color เป็น
ได้ เครอื่ งมอื ทชี่ ว่ ยวิเคราะห์เฉดสี

3. จิตวิทยาสี (Color Psycho)

4.ภาพประกอบ (illustration)

เป็นภาพทีเ่ ขียนข้ึนเพอื่ บอกเลา่

เรื่องราวหรือถา่ ยทอด

เหตุการณต์ ่าง ๆ

5. การเลือกใชฟ้ อ้ นต์ (FONT)

ในการออกแบบอนิ โฟกราฟิก

(Infographic)

ลำดับท่ี หนว่ ยการเรียนรู้/เรื่อง ผลการเรียนรู้ สาระสำคญั เวลา คะแนน
(ชวั่ โมง) 5
3 การเตรยี มข้อมลู เพ่อื ใชใ้ น - เตรียมข้อมูลเพ่ือใช้ในงาน 1. กระบวนการท่ีดีในการ 10
6
งานอนิ โฟกราฟิก อินโฟกราฟิก (Infographic) ออกแบบอินโฟกราฟิก 10
6
(Infographic) ได้ (Infographic)
10
2. เนอื้ หาท่เี หมาะสมกบั

อนิ โฟกราฟกิ (Infographic)

3. ข้ันตอนการเตรียมข้อมลู ท่ี

ใช้ในอนิ โฟกราฟกิ

4 เคร่อื งมือทใ่ี ชใ้ นการสรา้ ง - บอกเครอื่ งมือทใ่ี ช้ 1. Draft Infographic คือ

งานอนิ โฟกราฟิก ในการออกแบบอนิ โฟกราฟกิ อนิ โฟกราฟิก (Infographic)

(Infographic) (Infographic) ได้ ฉบับร่าง
2. ขั้นตอนในการ Draft

Infographic

3. เครอื่ งมือท่ีใช้ในการสรา้ ง

งานอินโฟกราฟกิ

(Infographic) แบบออนไลน์

4. เคร่อื งมอื ท่ีใช้ในการสร้าง

งานอนิ โฟกราฟกิ

(Infographic) แบบออฟไลน์

5 การใชง้ าน Canva - อธบิ ายเก่ยี วกับการใชง้ าน 1. การสมัครใชง้ าน Canva
ในการสรา้ งงาน
อินโฟกราฟิก และประโยชน์ของโปรแกรม 2. ส่วนประกอบหนา้ ตา่ งของ
(Infographic)
Canva ได้ Canva
- บอกวิธใี ชง้ านเครอื่ งมือใน 3. วิธีการใช้งาน
โปรแกรม Canva ไดอ้ ย่าง เมนู Templates
ถูกตอ้ ง 4. วิธีการใช้งาน
เมนู Elements

5. วิธกี ารใชง้ านเมนู Text

ลำดบั ที่ หนว่ ยการเรยี นร/ู้ เร่อื ง ผลการเรยี นรู้ สาระสำคญั เวลา คะแนน
(ช่ัวโมง) 20
6 Project - เตรยี มขอ้ มลู เพ่อื ใช้ในงาน 1. วิธกี ารรวบรวมขอ้ มลู
6 40
สอบปลายภาค อนิ โฟกราฟกิ (Infographic) 2. การใช้หลักการ 5W1H 100
รวม 40
ได้ 3. ขั้นตอนการเตรียมขอ้ มูล

- ใชค้ วามรแู้ ละทกั ษะการใช้ 4. การ Draft Infographic

งานโปรแกรม Canva ในการ ตามข้ันตอนการ Draft

สร้างอนิ โฟกราฟิก Infographic

(Infographic) 5. การนำเสนอ

ได้อย่างเหมาะสม (Presentation) เปน็ วิธีการ

หรือเครือ่ งมือในการ

ตดิ ตอ่ ส่ือสาร

(Communication)

โครงสรา้ งแผนการจัดการเรียนรู้

หน่วยการเรยี นรู้ แผนการจดั การ วธิ ีการจัดกจิ กรรม ทกั ษะท่ีได้ การประเมิน เวลา
เรยี นรู้ การเรียนรู้ (ชั่วโมง)

หนว่ ยการเรยี นรู้ แผนการจัดการ 1.วิธกี ารสอนแบบ 1.ทกั ษะการคิดอย่างมี 1.ตรวจใบงาน 2
ที่ 1 เรยี นรทู้ ่ี 1 สรา้ งสรรคเ์ ป็นฐาน วิจารณญาณ และทักษะใน ท่ี 1
อินโฟกราฟิก อนิ โฟกราฟิก (Creativity-Based การแก้ปญั หา 2.แบบ 2
(Infographic) (Infographic) คือ Learning : CBL) 2.ทักษะด้านการสรา้ งสรรค์ ประเมนิ
คืออะไร? อะไร? 2.การจดั การเรยี น และนวัตกรรม พฤติกรรม
การสอนแบบ 3.ทกั ษะด้านความรว่ มมือ กลุม่
Active Learning การทำงานเปน็ ทมี และ
ภาวะผู้นำ
1.วิธีการสอนแบบ 4.ทกั ษะดา้ นการสื่อสาร
สร้างสรรค์เปน็ ฐาน สนเทศ และรูเ้ ท่าทันสอ่ื
(Creativity-Based
แผนการจดั การ Learning : CBL) 1.ทกั ษะการคดิ อย่างมี 1.ตรวจใบงาน
เรียนรู้ท่ี 2 2.การจดั การเรยี น วจิ ารณญาณ และทักษะใน ท่ี 2
ประโยชน์ของ การสอนแบบ การแก้ปัญหา 2.ตรวจใบงาน
อนิ โฟกราฟกิ Active Learning 2.ทกั ษะด้านการสรา้ งสรรค์ ที่ 3
(Infographic) และนวตั กรรม 3.แบบ
3.ทักษะดา้ นความรว่ มมอื ประเมิน
การทำงานเปน็ ทมี และ พฤติกรรม
ภาวะผูน้ ำ กลมุ่
4.ทกั ษะดา้ นการส่อื สาร
สนเทศ และรู้เทา่ ทนั สื่อ

หนว่ ยการเรียนรู้ แผนการจัดการ วธิ กี ารจดั กิจกรรม ทักษะทไี่ ด้ การประเมนิ เวลา
เรียนรู้ การเรยี นรู้ (ชวั่ โมง)
หน่วยการเรยี นรู้
ที่ 2 หลักการ แผนการจัดการ 1.วิธกี ารสอนแบบ 1.ทักษะการคิดอย่างมี 1.ตรวจใบงาน 2
ออกแบบอนิ โฟ เรียนร้ทู ี่ 3 สรา้ งสรรค์เปน็ ฐาน วจิ ารณญาณ และทักษะใน ที่ 4
กราฟกิ Layout (Creativity-Based การแก้ปญั หา 2.ตรวจใบงาน
(Infographic) Learning : CBL) 2.ทกั ษะด้านการสร้างสรรค์ ท่ี 5
แผนการจัดการ 2.การจดั การเรียน และนวัตกรรม 3.แบบประเมิน
เรยี นรู้ที่ 4 การสอนแบบ 3.ทกั ษะดา้ นความรว่ มมอื พฤตกิ รรม
Color Active Learning การทำงานเป็นทีม และ รายบคุ คล
ภาวะผนู้ ำ
แผนการจดั การ 4.ทักษะดา้ นการสอ่ื สาร
เรยี นรู้ท่ี 5 สนเทศ และรเู้ ทา่ ทันสอ่ื
illustration
1.วิธีการสอนแบบ 1.ทกั ษะการคดิ อย่างมี 1.ตรวจใบงาน 2
สรา้ งสรรคเ์ ปน็ ฐาน วิจารณญาณ และทักษะใน ที่ 6
(Creativity-Based การแกป้ ญั หา 2.แบบประเมิน
Learning : CBL) 2.ทกั ษะด้านการสรา้ งสรรค์ พฤตกิ รรม
2.การจัดการเรียน และนวัตกรรม รายบคุ คล
การสอนแบบ 3.ทกั ษะด้านความร่วมมือ
Active Learning การทำงานเป็นทมี และ
ภาวะผ้นู ำ
4.ทักษะดา้ นการสือ่ สาร
สนเทศ และรู้เท่าทนั ส่อื

1.วิธีการสอนแบบ 1.ทกั ษะการคดิ อยา่ งมี 1.ตรวจใบงาน 2
สรา้ งสรรค์เป็นฐาน วิจารณญาณ และทักษะใน ท่ี 7
(Creativity-Based การแก้ปญั หา 2.แบบประเมิน
Learning : CBL) 2.ทักษะดา้ นการสรา้ งสรรค์ พฤตกิ รรม
2.การจดั การเรยี น และนวตั กรรม รายบุคคล
การสอนแบบ 3.ทักษะด้านความรว่ มมอื
Active Learning การทำงานเป็นทีม และ
ภาวะผนู้ ำ
4.ทกั ษะด้านการส่ือสาร
สนเทศ และรเู้ ท่าทนั สอ่ื

หน่วยการเรยี นรู้ แผนการจดั การ วิธีการจัดกจิ กรรม ทักษะทไี่ ด้ การประเมนิ เวลา
เรียนรู้ การเรียนรู้ (ชวั่ โมง)

แผนการจดั การ 1.วิธีการสอนแบบ 1.ทกั ษะการคดิ อยา่ งมี 1.ตรวจใบงาน 2
เรยี นรูท้ ี่ 6 สรา้ งสรรค์เป็นฐาน วจิ ารณญาณ และทกั ษะใน ท่ี 8
Font (Creativity-Based การแก้ปญั หา 2.แบบประเมิน
Learning : CBL) 2.ทกั ษะดา้ นการสร้างสรรค์ พฤตกิ รรม
2.การจัดการเรยี น และนวัตกรรม รายบคุ คล
การสอนแบบ 3.ทักษะดา้ นความร่วมมือ
Active Learning การทำงานเป็นทีม และ
ภาวะผู้นำ
4.ทกั ษะด้านการสือ่ สาร
สนเทศ และรเู้ ทา่ ทันสื่อ

หนว่ ยการเรยี นรู้ แผนการจดั การ 1.วิธกี ารสอนแบบ 1.ทักษะการคิดอยา่ งมี 1.ตรวจ ใบงาน 2
ท่ี 3 การเตรียม เรยี นรทู้ ่ี 7 สรา้ งสรรค์เป็นฐาน วิจารณญาณ และทักษะใน ท่ี 9
ข้อมลู เพื่อใช้ใน กระบวนการในการ (Creativity-Based การแกป้ ญั หา 2.แบบ
งานอินโฟกราฟกิ สร้างงานอนิ โฟ Learning : CBL) 2.ทกั ษะดา้ นการสร้างสรรค์ ประเมนิ ผลงาน
(Infographic) กราฟิก 2.การจดั การเรยี น และนวตั กรรม 3.แบบประเมิน
(Infographic) การสอนแบบ 3.ทกั ษะดา้ นความร่วมมอื พฤติกรรมกลุ่ม
Active Learning การทำงานเป็นทีม และ
ภาวะผ้นู ำ
4.ทักษะดา้ นการสอ่ื สาร
สนเทศ และรู้เท่าทนั สอ่ื

แผนการจัดการ 1.วิธีการสอนแบบ 1.ทักษะการคดิ อยา่ งมี 1.ตรวจ ใบงาน 2
เรยี นรทู้ ่ี 8 สรา้ งสรรค์เป็นฐาน วจิ ารณญาณ และทกั ษะใน ท่ี 10
เนื้อหาท่เี หมาะสม (Creativity-Based การแกป้ ัญหา 2.แบบ
กับอินโฟกราฟกิ Learning : CBL) 2.ทักษะด้านการสรา้ งสรรค์ ประเมินผลงาน
(Infographic) 2.การจัดการเรียน และนวตั กรรม 3.แบบประเมิน
การสอนแบบ 3.ทักษะดา้ นความร่วมมือ พฤตกิ รรมกลุ่ม
Active Learning การทำงานเป็นทมี และ
ภาวะผนู้ ำ
4.ทกั ษะด้านการสอื่ สาร
สนเทศ และร้เู ทา่ ทันสือ่

หน่วยการเรียนรู้ แผนการจัดการ วิธีการจดั กจิ กรรม ทักษะทไ่ี ด้ การประเมิน เวลา
เรียนรู้ การเรยี นรู้ (ช่วั โมง)

แผนการจดั การ 1.วิธกี ารสอนแบบ 1.ทักษะการคิดอย่างมี 1.ตรวจใบงาน 2
เรียนรทู้ ี่ 9 สร้างสรรค์เปน็ ฐาน วิจารณญาณ และทักษะใน ที่ 11
การเตรยี มเนื้อหา (Creativity-Based การแก้ปญั หา 2.ตรวจใบงาน
Learning : CBL) 2.ทักษะดา้ นการสรา้ งสรรค์ ที่ 12
2.การจัดการเรยี น และนวัตกรรม 3.แบบประเมนิ
การสอนแบบ 3.ทักษะดา้ นความรว่ มมอื พฤติกรรม
Active Learning การทำงานเป็นทีม และ รายบุคคล
ภาวะผู้นำ
4.ทกั ษะดา้ นการสื่อสาร
สนเทศ และรูเ้ ท่าทันสอ่ื

หนว่ ยการเรยี นรู้ท่ี แผนการจัดการ 1.วิธีการสอนแบบ 1.ทกั ษะการคิดอยา่ งมี 1.แบบ
4 เครอื่ งมอื ทใ่ี ชใ้ น เรยี นรทู้ ่ี 10 สร้างสรรค์เปน็ ฐาน วิจารณญาณ และทักษะใน ประเมนิ ผลงาน
การสรา้ งงานอนิ โฟ DRAFT (Creativity-Based การแกป้ ัญหา 2.แบบประเมิน
กราฟิก Learning : CBL) 2.ทักษะด้านการสร้างสรรค์ พฤติกรรม
(Infographic) 2.การจดั การเรยี น และนวัตกรรม รายบคุ คล
การสอนแบบ 3.ทกั ษะดา้ นความร่วมมือ
Active Learning การทำงานเป็นทีม และ
ภาวะผู้นำ

แผนการจัดการ 1.วิธกี ารสอนแบบ 1.ทกั ษะการคดิ อยา่ งมี 1.ตรวจใบงาน 2
เรยี นรู้ที่ 11 สรา้ งสรรคเ์ ป็นฐาน วิจารณญาณ และทกั ษะใน ท่ี 13
เคร่อื งมอื (Creativity-Based การแก้ปญั หา 2.แบบ
ในการสร้างงาน Learning : CBL) 2.ทกั ษะดา้ นการสรา้ งสรรค์ ประเมนิ ผลงาน
อนิ โฟกราฟกิ 2.การจดั การเรียน และนวตั กรรม 3.แบบประเมนิ
แบบออนไลน์ การสอนแบบ 3.ทักษะดา้ นความรว่ มมือ พฤตกิ รรมกลมุ่
Active Learning การทำงานเปน็ ทีม และ
ภาวะผนู้ ำ
4.ทักษะด้านการส่อื สาร
สนเทศ และรูเ้ ท่าทันส่อื

หน่วยการเรยี นรู้ แผนการจดั การ วิธีการจัดกจิ กรรม ทกั ษะที่ได้ การประเมิน เวลา
เรยี นรู้ การเรยี นรู้ (ชว่ั โมง)

แผนการจดั การ 1.วิธกี ารสอนแบบ 1.ทักษะการคดิ อย่างมี 1.ตรวจใบงาน 2
เรยี นรูท้ ี่ 12 สร้างสรรค์เปน็ ฐาน วจิ ารณญาณ และทกั ษะใน ที่ 13
เครื่องมอื (Creativity-Based การแกป้ ัญหา 2.แบบ
ในการสร้างงาน Learning : CBL) 2.ทักษะด้านการสรา้ งสรรค์ ประเมินผลงาน
อินโฟกราฟิก 2.การจดั การเรียน และนวตั กรรม 3.แบบประเมนิ
แบบออฟไลน์ การสอนแบบ 3.ทกั ษะด้านความร่วมมอื พฤติกรรมกลุ่ม
Active Learning การทำงานเปน็ ทมี และ
ภาวะผนู้ ำ
4.ทักษะด้านการสื่อสาร
สนเทศ และรู้เท่าทนั สอื่

หน่วยการเรียนรู้ท่ี 5 แผนการจัดการ 1.วิธีการสอนแบบ 1.ทักษะการคดิ อยา่ งมี 1.ตรวจใบงาน 2
สร้างสรรค์เปน็ ฐาน วจิ ารณญาณ และทกั ษะใน ที่ 15
การใช้งาน เรียนร้ทู ่ี 13 (Creativity-Based การแกป้ ญั หา 2.แบบ
Learning : CBL) 2.ทกั ษะด้านการสร้างสรรค์ ประเมินผลงาน
Canva ในการสร้าง การสมคั รใชง้ าน 2.การจดั การเรียน และนวัตกรรม 3.แบบประเมนิ
การสอนแบบ 3.ทกั ษะดา้ นความรว่ มมือ พฤตกิ รรม
งานอินโฟกราฟิก Canva Active Learning การทำงานเป็นทีม และ รายบคุ คล
ภาวะผู้นำ 4.แบบประเมิน
(Infographic) 4.ทกั ษะดา้ นการสอ่ื สาร พฤตกิ รรมกลุ่ม
สนเทศ และรู้เทา่ ทันส่ือ

แผนการจัดการ 1.วิธกี ารสอนแบบ 1.ทักษะการคดิ อยา่ งมี 1.ตรวจ 2
เรยี นรทู้ ่ี 14 สร้างสรรค์เปน็ ฐาน วจิ ารณญาณ และทกั ษะใน ใบงานท่ี 16
สว่ นประกอบ (Creativity-Based การแก้ปญั หา 2.ตรวจ
หนา้ ตา่ ง Learning : CBL) 2.ทกั ษะด้านการสร้างสรรค์ ใบงานที่ 17
ของ Canva 2.การจดั การเรยี น และนวัตกรรม 3.แบบประเมิน
การสอนแบบ 3.ทกั ษะดา้ นความร่วมมอื พฤติกรรม
Active Learning การทำงานเป็นทีม และ รายบคุ คล
ภาวะผูน้ ำ
4.ทักษะดา้ นการสอื่ สาร
สนเทศ และรเู้ ท่าทนั สอ่ื

หนว่ ยการเรยี นรู้ แผนการจัดการ วธิ ีการจัดกิจกรรม ทักษะทไ่ี ด้ การประเมนิ เวลา
เรียนรู้ การเรยี นรู้ (ช่วั โมง)

แผนการจัดการ 1.วิธกี ารสอนแบบ 1.ทกั ษะการคดิ อย่างมี 1.แบบ 2
เรียนรทู้ ี่ 15 สร้างสรรค์เป็นฐาน วิจารณญาณ และทกั ษะใน ประเมนิ ผลงาน
Template (Creativity-Based การแกป้ ัญหา 2.แบบประเมนิ
Learning : CBL) 2.ทักษะดา้ นการสร้างสรรค์ พฤตกิ รรม
แผนการจดั การ 2.การจดั การเรยี น และนวตั กรรม รายบคุ คล
เรียนรู้ท่ี 16 การสอนแบบ 3.ทักษะดา้ นความรว่ มมือ
Element Active Learning การทำงานเปน็ ทีม และ
ภาวะผนู้ ำ
แผนการจดั การ 4.ทักษะด้านการสื่อสาร
เรียนรทู้ ่ี 17 สนเทศ และร้เู ท่าทันสื่อ
Text
1.วิธีการสอนแบบ 1.ทกั ษะการคดิ อย่างมี 1.แบบ 2
สร้างสรรคเ์ ปน็ ฐาน วจิ ารณญาณ และทกั ษะใน ประเมนิ ผลงาน
(Creativity-Based การแกป้ ัญหา 2.แบบประเมิน
Learning : CBL) 2.ทักษะดา้ นการสรา้ งสรรค์ พฤติกรรม
2.การจดั การเรยี น และนวัตกรรม รายบคุ คล
การสอนแบบ 3.ทักษะด้านความรว่ มมอื
Active Learning การทำงานเป็นทมี และ
ภาวะผนู้ ำ
4.ทกั ษะดา้ นการสอ่ื สาร
สนเทศ และรเู้ ทา่ ทันส่อื

1.วิธกี ารสอนแบบ 1.ทกั ษะการคดิ อย่างมี 1.แบบ 2
สร้างสรรค์เปน็ ฐาน วจิ ารณญาณ และทักษะใน ประเมินผลงาน
(Creativity-Based การแก้ปัญหา 2.แบบประเมนิ
Learning : CBL) 2.ทักษะด้านการสร้างสรรค์ พฤติกรรมกลุ่ม
2.การจัดการเรยี น และนวัตกรรม
การสอนแบบ 3.ทักษะด้านความรว่ มมือ
Active Learning การทำงานเปน็ ทมี และ
ภาวะผูน้ ำ
4.ทักษะด้านการส่ือสาร
สนเทศ และร้เู ท่าทันส่ือ

หนว่ ยการเรียนรู้ แผนการจดั การ วธิ ีการจดั กจิ กรรม ทกั ษะที่ได้ การประเมิน เวลา
เรียนรู้ การเรยี นรู้ (ชั่วโมง)

หนว่ ยการเรยี นร้ทู ี่ 6 แผนการจดั การ 1.วิธกี ารสอนแบบ 1.ทักษะการคดิ อยา่ งมี 1.แบบ 2
สร้างสรรคเ์ ปน็ ฐาน วิจารณญาณ และทกั ษะใน ประเมนิ ผลงาน
Project เรยี นรู้ท่ี 18 (Creativity-Based การแกป้ ัญหา 2.แบบ 2
Learning : CBL) 2.ทกั ษะดา้ นการสรา้ งสรรค์ ประเมนิ ผลงาน
รวบรวมข้อมลู 2.การจัดการเรยี น และนวตั กรรม 3.แบบประเมนิ 2
การสอนแบบ 3.ทกั ษะด้านความร่วมมอื พฤติกรรมกลุม่
Active Learning การทำงานเปน็ ทีม และ
ภาวะผู้นำ
1.วิธีการสอนแบบ 4.ทักษะดา้ นการส่ือสาร
สรา้ งสรรคเ์ ปน็ ฐาน สนเทศ และรูเ้ ท่าทันสื่อ
(Creativity-Based
แผนการจัดการ Learning : CBL) 1.ทกั ษะการคดิ อยา่ งมี 1.แบบ
เรยี นร้ทู ่ี 19 2.การจดั การเรียน วจิ ารณญาณ และทกั ษะใน ประเมินผลงาน
DRAFT การสอนแบบ การแกป้ ัญหา 2.แบบประเมนิ
INFOGRAPHIC Active Learning 2.ทกั ษะด้านการสรา้ งสรรค์ พฤตกิ รรมกลมุ่
PROJECT และนวตั กรรม
1.วิธีการสอนแบบ 3.ทักษะด้านความรว่ มมือ
แผนการจัดการ สรา้ งสรรค์เป็นฐาน การทำงานเป็นทมี และ
เรียนรู้ที่ 20 (Creativity-Based ภาวะผู้นำ
นำเสนอ Learning : CBL) 4.ทกั ษะดา้ นการสือ่ สาร
(PRESENT) 2.การจัดการเรยี น สนเทศ และรู้เท่าทันส่อื
การสอนแบบ
Active Learning1 1.ทักษะการคดิ อยา่ งมี 1.แบบ
วิจารณญาณ และทกั ษะใน ประเมนิ ผลงาน
การแก้ปัญหา 2.แบบประเมนิ
2.ทักษะด้านการสร้างสรรค์ พฤตกิ รรมกลมุ่
และนวตั กรรม
3.ทักษะดา้ นความรว่ มมือ
การทำงานเปน็ ทีม และ
ภาวะผนู้ ำ
4.ทักษะดา้ นการส่ือสาร
สนเทศ และรเู้ ทา่ ทันสอื่

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

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

1. ผลการเรยี นรู้
1. อธิบายไดว้ า่ อินโฟกราฟิก (Infographic) คืออะไร

2. สาระสำคัญ/ความคิดรวบยอด
อินโฟกราฟกิ (Infographic) หมายถงึ การนำขอ้ มลู หรอื ความรู้มาสรปุ ให้เปน็ “สารสนเทศในลกั ษณะของ

ขอ้ มูล” (สญั ลกั ษณ์ กราฟ แผนภมู ิ ไดอะแกรม แผนท่)ี เพอื่ นำเสนอขอ้ มูลให้สามารถเข้าใจไดง้ า่ ยและรวดเรว็

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

4. สาระการเรยี นรู้
1. องค์ประกอบของการสอ่ื สาร
2. อินโฟกราฟกิ (Infographic) คือ การแปลงขอ้ มูลให้เป็นภาพ เพือ่ ให้เขา้ ใจได้ง่ายและสื่อสารกบั ผคู้ น

ดว้ ยส่งิ ทจี่ ับต้องได้ (Infographic = Information + graphic)

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

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

7. ภาระงาน
1. กิจกรรม Say What?
2. ใบงานท่ี 1 Infographic คืออะไร?

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

ชั่วโมงที่ 1

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

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

ขน้ั สอน

2. ผสู้ อนใหน้ ักเรยี นแบ่งกลุม่ กลมุ่ ละ 5-7 คน เพ่ือทำกิจกรรม Say What? ผู้สอนอธิบายวิธกี ารทำ
กิจกรรม คอื
1. ให้แต่ละกลมุ่ ยนื หนั หลัง เรยี งเป็นแถวตอน
2. ผู้สอนใหห้ ัวแถวของแตล่ ะกลุ่มหนั มาอ่านขอ้ ความที่ผู้สอนเตรียมไว้ และนำขอ้ ความ
ไปบอกคนถดั ไปโดยไม่ออกเสยี ง ทำไปเร่ือย ๆ จนถงึ คนสดุ ทา้ ย

3. ใหค้ นสุดท้ายของแต่ละกลุ่มเขยี นข้อความท่ีได้จากสง่ สารลงในกระดาษ
4. ผู้สอนเฉลยข้อความ และอ่านคำตอบของแตล่ ะกลมุ่ ให้ฟัง
3. ผ้สู อนอธบิ ายวา่ องค์ประกอบของการส่ือสาร โดยท่ัวไปประกอบด้วย

1. ผูส้ ่งสาร (Sender) คือ ผู้เริ่มต้นการสอ่ื สาร ผู้สง่ สารจะทำหนา้ ท่เี ขา้ รหสั (Encoding) อัน
เป็นการแปรสารให้อยู่ในรปู ของสญั ลกั ษณ์ทมี่ นษุ ยค์ ดิ สร้างขน้ึ แทนความคิด

2. สาร (Message) คอื เรื่องราวอนั มคี วามหมายและแสดงออกมาโดยอาศยั ภาษา หรือ
สัญลกั ษณใ์ ด ๆ กต็ ามทส่ี ามารถทำใหเ้ กดิ การรับรรู้ ว่ มกันได้

3. ช่องทางการสื่อสารหรือส่อื (Channel) ผู้ส่งสารยอ่ มตอ้ งอาศยั ช่องทางหรอื สื่อใหท้ ำหนา้ ที่
นำสารไปยังผู้รบั สาร โดยทัว่ ไปแล้วสารที่ถกู ผู้ส่งสารถา่ ยทอดไปยงั ผูร้ บั สารจะเข้าไปสู่ระบบการรับรู้
ของมนุษย์โดยผา่ นประสาทสัมผสั ทางใดทางหน่งึ หรอื หลายทาง

4. ผ้รู บั สาร (Receiver) คอื บคุ คล ที่รับเรอ่ื งราวจากผสู้ ง่ สารและนำสารไปใชต้ อ่ ตาม
วัตถปุ ระสงคต์ ่าง ๆ
4. จากกจิ กรรม Say What? การสง่ สารตอ่ ไปเรือ่ ย ๆ ย่อมเกดิ ความคลาดเคลอื่ น โดยมสี าเหตมุ าจาก
หลายปัจจัย เช่น สภาพแวดล้อม ตวั สาร ประสบการณข์ องผรู้ ับสาร ดังนน้ั เพอ่ื ให้การส่ือสารมี
ประสทิ ธิภาพ เพอื่ ให้การสอ่ื สารขอ้ มูลไปถึงผรู้ บั สารไดอ้ ย่างถกู ตอ้ งครบถ้วน ตรงตามวตั ถุประสงค์
ผสู้ ่งสารจงึ ควรเลือกใช้วิธกี ารส่งสารท่ีเหมาะสม
5. ผู้สอนประเมินความเข้าใจของผู้เรยี นโดยการยกตัวอย่าง การสอนในชนั้ เรียน วา่ ใครเปน็ ผู้รบั สาร
อะไรคือสาร อะไรคอื ช่องทางการสอื่ สาร และใครคอื ผรู้ ับสาร
แนวคำตอบ ผู้ส่งสาร (Sender) คอื คุณครู

สาร (Message) คือ เนือ้ หาของเร่อื งทค่ี ุณครูตอ้ งการจะถ่ายทอด
ช่องทางการส่อื สารหรอื ส่อื (Channel) คือ หนังสอื ใบงาน หรอื ส่อื การสอนตา่ ง ๆ
ผู้รบั สาร (Receiver) คือ นกั เรยี น
6. ผสู้ อนอธิบายเพ่ิมเติมว่า ในบางครงั้ เรากเ็ ปน็ ท้ังผู้สอื่ สารและผรู้ บั สาร เช่น เม่อื นักเรยี นไดร้ ับรู้
เรอื่ งราวมาหนง่ึ เรือ่ ง นกั เรยี นก็คอื ผรู้ ับสาร และเมื่อนักเรยี นนำเรือ่ งราวนนั้ ไปเผยแพรต่ อ่ นักเรียนก็
คือผ้สู ง่ สาร

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

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

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

2. ผู้สอนแจก ใบงานท่ี 1 Infographic คืออะไร? พร้อมอธบิ ายวิธีการทำใบงาน คอื ให้ผูเ้ รยี น
หาคำตอบ เก่ยี วกับ อินโฟกราฟกิ (Infographic) ตามท่ีระบุในใบงานให้ครบถ้วน

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

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

5. ผู้สอนเปิด Slide ส่ือการสอน อินโฟกราฟิก (Infographic) คอื อะไร? พร้อมอธิบาย เพื่อเปน็ การ
สรปุ ความรเู้ ก่ยี วกับ อนิ โฟกราฟิก (Infographic) ให้ผเู้ รยี นเขา้ ใจอีกครง้ั
อนิ โฟกราฟกิ (Infographic) หมายถึง การนำข้อมลู หรอื ความรมู้ าสรปุ เป็นสารสนเทศ
ในลกั ษณะของขอ้ มูลและกราฟิกทีอ่ าจเป็นลายเส้น สญั ลกั ษณ์ กราฟ แผนภมู ิ ไดอะแกรม แผนที่
ฯลฯ ท่ีออกแบบเปน็ ภาพนิง่ หรอื ภาพเคลื่อนไหว ดแู ลว้ เขา้ ใจงา่ ยในเวลารวดเรว็ และชัดเจน
สามารถสอ่ื ให้ผู้ชมเข้าใจความหมายของข้อมูลท้งั หมดได้โดยไมจ่ ำเป็นต้องมีผนู้ ำเสนอ
อนิ โฟกราฟิกจะประกอบไปด้วย 2 สว่ นหลักๆ คือ ข้อมลู (Information) หรอื ตวั หนังสอื และ
ภาพกราฟิก (Graphic) อินโฟกราฟิก เป็นการแสดงขอ้ มูลหรอื ความรูต้ า่ ง ๆ ทมี่ ีเน้อื หาเป็นจำนวน
มาก ที่ผ่านการวเิ คราะห์และสรปุ ออกมาให้อยู่ในรปู แบบของ “ภาพ” เพอ่ื ให้ผู้ทีพ่ บเห็นเข้าใจในเวลา
รวดเรว็ เพียงแค่ “ดู” โดยไมต่ ้องมีคำอธิบายเพ่ิมเตมิ ซงึ่ อินโฟกราฟิกสามารถนำไปใชร้ ว่ มกับศาสตร์
ตา่ ง ๆ เพ่ือใช้สรุปเน้อื หาท่มี ีความซับซอ้ นและมีจำนวนมากให้สามารถเข้าใจได้งา่ ย ๆ และ “จบใน
ภาพเดียว”

ขั้นสรปุ

6. ผ้สู อนสรุปให้ผู้เรยี นเข้าใจวา่ อนิ โฟกราฟิก (Infographic) เป็นชอ่ งทางการสือ่ สารท่ีผ่านการวเิ คราะห์
และสรปุ ออกมาใหอ้ ยู่ในรูปแบบของ “ภาพ” เพอื่ ให้ผูท้ ี่พบเหน็ เขา้ ใจในเวลารวดเร็ว ซงึ่ อนิ โฟกราฟกิ
ประกอบไปดว้ ย 2 สว่ นหลกั ๆ คือ ขอ้ มูล หรือตัวหนังสอื และภาพกราฟิก
(Infographic = Information + graphic)

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

9. สอื่ การเรยี นรู้
1. กจิ กรรม Say What?
2. ใบงานที่ 1 Infographic คืออะไร?
3. Slide สอ่ื การสอน อนิ โฟกราฟิก (Infographic) คืออะไร?

0

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

วธิ กี าร เครือ่ งมอื เกณฑ์
แบบประเมินพฤตกิ รรม
กิจกรรม Say What? คณุ ภาพอยู่ในระดับ ดี
รายบุคคล ผา่ นเกณฑ์
ตรวจ ใบงานท่ี 1 แบบประเมินผลงาน
Infographic คืออะไร? คุณภาพอยใู่ นระดับ ดี
ประเมนิ พฤตกิ รรมกลุม่ แบบประเมินพฤตกิ รรมกลุ่ม ผา่ นเกณฑ์
จากการทำกิจกรรม Say
What? คณุ ภาพอยู่ในระดับ ดี
ผา่ นเกณฑ์

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

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

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

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

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

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

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

1. ผลการเรียนรู้
1. บอกประโยชนข์ องอินโฟกราฟกิ (Infographic) ได้

2. สาระสำคัญ/ความคดิ รวบยอด
ประโยชน์ของอนิ โฟกราฟกิ (Infographic)
อนิ โฟกราฟกิ ชว่ ยให้ สรุปข้อมูลในปริมาณมากให้เข้าใจไดง้ า่ ยขึ้น การใช้ภาพช่วยใหน้ ่าสนใจและจดจำไดด้ ี

เหมาะสำหรบั การให้ขอ้ มลู ในหลากหลายประเภท และสะดวกในการเผยแพร่
ขอ้ จำกัดของอนิ โฟกราฟิก (Infographic)
อินโฟกราฟิกมีข้อจำกัด คือ อาจเกดิ ความเข้าใจไม่ตรงกันเพราะการตคี วามและการคดิ วิเคราะหข์ องแตล่ ะ

คนไมเ่ หมอื นกนั

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

4. สาระการเรียนรู้
1. ความเปน็ มาของอินโฟกราฟิก (Infographic)
2. ประโยชนข์ องอนิ โฟกราฟิก (Infographic)
3. ข้อจำกดั ของอินโฟกราฟกิ (Infographic)

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

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

7. ภาระงาน
1. กจิ กรรมค้นควา้ หาความรู้
2. กจิ กรรมหัวทา้ ยตายก่อน
3. ใบงานที่ 2 ความเปน็ มาของอนิ โฟกราฟิก (Infographic)
4. ใบงานท่ี 3 ประโยชน์และข้อจำกัดของอินโฟกราฟกิ

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

ชั่วโมงท่ี 1

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

1. ผูส้ อนเปิดคลปิ วิดโี อ Infographic คอื อะไร เพอ่ื เปน็ การกระต้นุ ความสนใจ และเพ่ือเปน็ การ
ทบทวนความรู้เดิมของผู้เรียน จากลงิ ค์ https://www.youtube.com/watch?v=_VVOo9iBUYg

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

ขั้นสอน

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

4. ผสู้ อนเปิด Slide สือ่ การสอน ความเป็นมาของอินโฟกราฟกิ (Infographic) พรอ้ มกบั อธบิ าย
สามปี กอ่ นคริสตศ์ กั ราช
ภาพเขยี นบนผนงั ถา้ํ สามารถอนมุ านได้ว่าเป็นอินโฟกราฟกิ ช้นิ แรกทเ่ี กิดข้นึ เชน่ เดยี วกบั
วฒั นธรรมการใชอ้ กั ษร ภาพของชาวอยี ปิ ต์เพื่อเล่าเร่อื งราวชีวติ การทํางานและศาสนา หรอื ชาวจนี
ท่มี ีคําจารึกตามเศษกระดกู สัตว์หรือกระดองเตา่ ที่เรยี กกันว่า กระดูกเสี่ยงทาย (Oracle bone)
ปี ค.ศ.1786
William Playfair วิศวกรชาวสกอตแลนดเ์ ป็นคนแรกที่นําข้อมูลทางสถติ ิมาแสดงในรปู แบบ
ของแผนภูมิและกราฟเพ่ือแสดงถึงเศรษฐกิจของประเทศองั กฤษและไดต้ พี มิ พล์ งในหนังสอื
ชอ่ื The Commercial and Political Atlas
ปี ค.ศ.1857
พยาบาลชาวอังกฤษ ฟลอเรนซ์ ไนตงิ เกล (Florence Nightingale) เป็นผอู้ อกแบบอินโฟกราฟิก
“กุหลาบไนตงิ เกล” (Nightingale Rose Diagram) ไดอะแกรมทรงพลงั ระดบั เปล่ียนสังคมขึน้ มาได้
จากการได้เข้าไปดูแลทหารที่ผา่ นสงครามมาในค่าย โดยนาํ เสนอข้อมูลในรปู แบบท่ีทัง้ ดงึ ดดู ท่ีสดุ
และเขา้ ใจงา่ ยทสี่ ุดไปพร้อมกนั

ปี ค.ศ.1933
ทีป่ ระเทศอังกฤษ เมอ่ื Harry Beck ได้สรา้ งแผนท่กี ารคมนาคมของกรุงลอนดอนเปน็ ครงั้ แรก

โดยแสดงเส้นทางการขนสง่ มวลชนสาธารณะและสถานเี ดินรถ เปน็ การนําแผนภมู ิรูปภาพ
เข้ามาใชใ้ นชีวติ ประจาํ วนั
ปี ค.ศ.1972

OtlAicher นกั ออกแบบชาวเยอรมันไดจ้ ดั ทําสญั ลักษณภ์ าพ (Pictogram) สาํ หรับงานกฬี า
โอลิมปกิ ท่ีจัดขน้ึ ทีเ่ มอื งมิวนกิ ประเทศเยอรมัน โดยสัญลักษณภ์ าพท่ีจดั ทําขึ้นเปน็ รูปรา่ งทา่ ทาง
ต่าง ๆ ของมนษุ ย์ ซ่งึ ยังมอี ทิ ธิพลตอ่ เนอ่ื งมาถงึ สญั ลักษณต์ ามปา้ ยสาธารณะต่างๆ
ปี ค.ศ.1982

หนังสอื พมิ พ์ USA TODAY ใช้อนิ โฟกราฟกิ ในการนาํ เสนอข่าวสารเปล่ียนจากการนาํ เสนอ
ในรปู แบบตวั หนังสือระบบพิมพข์ าวดาํ มาเปน็ ใชร้ ะบบพิมพแ์ บบสแี ละใช้การทาํ งานของ
ภาพอินโฟกราฟกิ ในการนาํ เสนอขา่ วสารแทนรปู แบบเดิม
ปี ค.ศ.2005

เวบ็ ไซต์ digg และ reddit ทรี่ วบรวมและเผยแพร่ขา่ วสารบทความด้านเทคโนโลยี ซ่งึ ทํางาน
ร่วมกับเครือขา่ ยสังคม โดยเปิดช่องทางให้ใครกไ็ ดโ้ พสต์ขอ้ มลู ท่ีนา่ สนใจ โดยคนส่วนมากนำเสนอ
ข้อมลู โดยใชอ้ ินโฟกราฟิก
ปัจจบุ ัน

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

1. กระดูกเส่ียงทาย (Oracle bone)
2. แผนภูมแิ ละกราฟเพ่ือแสดงถงึ เศรษฐกิจของประเทศองั กฤษและไดต้ พี มิ พล์ งในหนงั สอื

ชอื่ The Commercial and Political Atlas
3. กหุ ลาบไนตงิ เกล (Nightingale Rose Diagram)
4. แผนท่ีการคมนาคมของกรงุ ลอนดอน ที่สรา้ งขึ้นครั้งแรก
5. Pictogram ในงานกีฬาโอลมิ ปิกท่ีจัดขนึ้ ท่เี มืองมวิ นกิ ประเทศเยอรมัน

6. ผ้สู อนแจกใบงานท่ี 2 ความเป็นมาของอินโฟกราฟกิ (Infographic) พร้อมอธิบายวธิ กี ารทำใบงาน
คือ จากข้อมูลท่ีผ้สู อนไดอ้ ธบิ ายไปเกีย่ วกับประวัติความเปน็ มาของอนิ โฟกราฟกิ และจากขอ้ มลู ทไ่ี ด้
จากการคน้ หาข้อมูลเพ่มิ เติม ให้นกั เรียน สรปุ ข้อมูลเพอื่ นำเสนอ โดยวาดภาพเพ่ือเลา่ เรอ่ื งความ
เปน็ มาของอินโฟกราฟิก โดยแบ่งเปน็ ปี ค.ศ. ตามที่ผูส้ อนไดอ้ ธบิ ายไป

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

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

9. ผสู้ อนอธิบายเพิ่มเติมวา่ จากความเปน็ มาของอนิ โฟกราฟิกจะเหน็ ว่าอนิ โฟกราฟกิ มีความสำคัญ
ในการช่วย สรปุ ข้อมูลในปริมาณมากให้เขา้ ใจไดง้ ่ายขึ้น ชว่ ยใหก้ ารนำเสนอขอ้ มลู นา่ สนใจมากขนึ้
ช่วยให้การสื่อสารเป็นไปอยา่ งราบร่นื ในเวลารวดเรว็ และชดั เจน

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

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

1. ผสู้ อนให้ผ้เู รยี นแบง่ กลุ่ม กลมุ่ ละ 3 คน เพอ่ื ทำกจิ กรรม “หวั ท้าย ตายก่อน” พรอ้ มกบั อธบิ าย
วิธกี ารทำกจิ กรรมคอื
1. ผูส้ อนจะแจก ใบงานที่ 3 ประโยชน์และข้อจำกัดของอนิ โฟกราฟกิ
2. ในช่องรอบท่ี 1 ให้แตล่ ะกลมุ่ เขยี นประโยชนข์ องอนิ โฟกราฟิก ภายในระยะเวลา 10 นาที
3. ครบ 10 นาที ให้ทกุ กลุม่ วางปากกา กลมุ่ ใดเขียนได้มากทสี่ ุดตกรอบ กลุ่มใดเขียนไดน้ ้อยทส่ี ุด
ตกรอบ กลมุ่ ที่จะไดเ้ ข้ารอบต่อไปเปน็ กล่มุ ท่ไี ด้คะแนนกลาง ๆ
4. ในช่องรอบที่ 2 ให้แตล่ ะกลมุ่ เขียนข้อจำกัดของอินโฟกราฟกิ ภายในระยะเวลา 10 นาที
5. ครบ 10 นาที ให้ทุกกลุม่ วางปากกา กลุ่มใดเขียนไดม้ ากท่สี ุดตกรอบ กลมุ่ ใดเขียนไดน้ อ้ ยทส่ี ุด
ตกรอบ กลุ่มที่จะไดเ้ ข้ารอบต่อไปเปน็ กลุ่มทไ่ี ด้คะแนนกลาง ๆ
6. ในช่องรอบท่ี 3 ให้แต่ละกลมุ่ เขยี นอาชีพทคี่ วรใช้อินโฟกราฟิกเพือ่ เพ่มิ ประสิทธภิ าพการทำงาน
พรอ้ มบอกเหตุผล ภายในระยะเวลา 10 นาที

7. ครบ 10 นาที ใหท้ ุกกลุ่มวางปากกา กลุม่ ใดเขยี นไดม้ ากทส่ี ุดตกรอบ กลุ่มใดเขียนได้น้อยทสี่ ุด
ตกรอบ กลุ่มท่ีได้คะแนนกลาง ๆ เปน็ ผู้ชนะ

8. ผู้สอนใหก้ ลุ่มทีช่ นะ (อาจจะมีมากกว่า 1 กลุ่มกไ็ ด้) นำเสนอใบงาน โดยใหก้ ล่มุ อืน่ ๆ รว่ มกนั
เสนอแนะแสดงความคิดเห็น

2. ผูส้ อนอธิบายเพ่มิ เตมิ ว่า การส่ือสารดว้ ยอนิ โฟกราฟิกมจี ดุ เดน่ คือ ง่ายต่อการทำความเขา้ ใจเนือ้ หา
ช่วยให้ผ้รู บั สารสามารถจดจำขอ้ มูลไดด้ ีกวา่ ประหยัดเวลาในการศกึ ษาข้อมูล และยงั สามารถดงึ ดดู
ความสนใจได้มากกวา่ อกี ดว้ ย นอกจากน้ี การนำข้อมลู ไปเผยแพรต่ ่อยงั สามารถทำได้ไดง้ ่าย จงึ สรุป
เปน็ ประโยชน์ของอนิ โฟกราฟิกได้ ดงั นี้
1. ช่วยใหก้ ารนำเสนอข้อมูลขา่ วสารน้ัน ๆ ดึงดดู ความสนใจของกลุ่มเป้าหมายได้มากข้ึน
2. ชว่ ยให้เข้าใจเน้ือหาสาระทีม่ ีเป็นจำนวนมากได้งา่ ยขนึ้ และรวดเร็วขึน้
3. ชว่ ยพัฒนาทกั ษะการคิดวเิ คราะห์ ยกระดับความสามารถในการคิด และพัฒนาการจัดการ
กับแนวคดิ
4. ทำให้ผู้รับสารมีความจำในเร่อื งทรี่ บั ร้เู พม่ิ มากขึ้น
5. สามารถแสดงผลไดห้ ลากหลายรูปแบบ เช่น ภาพนง่ิ ภาพเคล่ือนไหว

ขน้ั สรปุ

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

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

9. ส่ือการเรียนรู้
1. คลิปวดิ โี อ Infographic คืออะไร ลิงค์ https://www.youtube.com/watch?v=_VVOo9iBUYg
2. Slide สือ่ การสอน ความเป็นมาของอินโฟกราฟกิ (Infographic)
3. กิจกรรม คน้ ควา้ หาความรู้
4. ใบงานที่ 2 ความเปน็ มาของอินโฟกราฟิก (Infographic)
5. กจิ กรรม “หวั ท้าย ตายกอ่ น”
6. ใบงานที่ 3 ประโยชน์และขอ้ จำกดั ของอนิ โฟกราฟกิ

0

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

ตรวจใบงานท่ี 2 ความเปน็ มา แบบประเมินผลงาน คณุ ภาพอยใู่ นระดบั ดี
ของอินโฟกราฟกิ (Infographic) ผ่านเกณฑ์

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

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

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

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

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

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

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

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

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

2. สาระสาคญั /ความคิดรวบยอด
การออกแบบอินโฟกราฟกิ ให้ดนู ่าสนใจ สามารถออกแบบได้ด้วย เทคนิค 9 Layout ซ่ึงประกอบดว้ ย
แบบท่ี 1 Visualized Article Layout
แบบท่ี 2 Listed Layout
แบบที่ 3 Comparison Layout
แบบท่ี 4 Structure Layout
แบบที่ 5 Timeline Layout
แบบท่ี 6 Flowchart Layout
แบบที่ 7 Roadmap Layout
แบบท่ี 8 Useful Bait Layout
แบบที่ 9 NumberPorn Layout

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

4. สาระการเรยี นรู้
1. หลกั การออกแบบอนิ โฟกราฟิกให้นา่ สนใจ
2. การใช้เทคนิค 9 Layout ในการออกแบบอินโฟกราฟิก (Infographic)
3. ตวั อย่างอนิ โฟกราฟกิ ท่ีใช้ เทคนคิ 9 Layout
4. โมชนั อินโฟกราฟกิ (Motion infographic) คือ อนิ โฟกราฟิกแบบเคลื่อนไหวได้

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

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

7. ภาระงาน
1. ใบงานท่ี 4 หลักการออกแบบอินโฟกราฟิกใหน้ า่ สนใจ
2. ใบงานท่ี 5 เทคนิค 9 Layout

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

ช่วั โมงที่ 1

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

1. ผสู้ อนเปดิ คลิปวดิ โี อ โรคเบาหวาน เพ่ือเป็นการกระตุ้นความสนใจของผ้เู รยี น
จากลิงค์ https://www.youtube.com/watch?v=JFjPZkkSztA

2. ผูส้ อนอธิบายว่า จากคลิปวีดโี อ เป็นการนาเสนอข้อมูลเก่ียวกับโรคเบาหวานดว้ ยโมชันอินโฟราฟกิ
(Motion infographic) หรอื อินโฟกราฟิกแบบเคลื่อนไหวได้ ทาให้นา่ สนใจมากย่ิงข้นึ นักเรียนคดิ ว่า
มเี ทคนิคอะไรบ้างท่ที าใหค้ ลปิ วดี ีโอนม้ี าความนา่ สนใจ
แนวคาตอบ การเลือกใชส้ ี การเลอื กใช้ภาพ การใช้คาพูดที่กระชบั

ข้นั สอน

3. ผสู้ อนเปดิ Slide สอ่ื การสอน เรื่อง หลกั การออกแบบอินโฟกราฟิกใหน้ ่าสนใจ พร้อมอธิบาย
1. เนน้ ท่หี ัวขอ้ หลกั หัวข้อเดียว (Focus on a single topic)
พิจารณาหัวข้อหลักในการสร้างอนิ โฟกราฟิก หลังจากกาหนดหัวข้อแล้ว กาหนดคาถามเฉพาะท่ี
ต้องการคาตอบในอินโฟกราฟิก
2. ออกแบบให้เข้าใจงา่ ย (Keep it simple)
ขอ้ มลู ไม่อัดแนน่ ซับซ้อนสบั สน เข้าใจไดง้ ่าย ไม่ทา ใหผ้ อู้ า่ นและผู้ชมยุ่งยาก ภาพทซ่ี ับซ้อน
จะทาให้การตีความผิดพลาด
3. ขอ้ มูลเป็นสง่ิ สาคัญ (Data is important)
การสร้างอินโฟกราฟิกต้องคานึงถงึ ข้อมลู ท่ีเก่ียวกบั หวั ข้อเป็นสาคญั การออกแบบต้องไม่ทา เกิน
ขอบเขตของหัวข้อซ่งึ จะเป็นการทาลายขอ้ มลู ทจี่ าเป็น ต้องแน่ใจว่าการออกแบบเน้นท่ีข้อมลู
และรูปแบบของอินโฟกราฟิก

4. แนใ่ จว่าข้อเทจ็ จรงิ ถูกต้อง (Be sure facts are correct)
การทาข้อมูลให้ถกู ต้องเปน็ สิง่ สาคัญ ถ้าไมถ่ ูกตอ้ งจะลดความนา่ เช่ือถือของอินโฟกราฟิก

ดงั นนั้ ก่อนทจ่ี ะสร้างอนิ โฟกราฟิกต้องแน่ใจว่าขอ้ มูลถูกตอ้ ง ศกึ ษาคน้ ควา้ หาข้อเท็จจรงิ
5. ใหอ้ ินโฟกราฟกิ เปน็ ตวั เล่าเรือ่ ง (Let it tell a story)

อนิ โฟกราฟกิ ทมี่ ีประสิทธภิ าพสามารถเลา่ เรื่องราวด้วยภาพวาดหรือกราฟกิ ซึ่งสามารถสามารถ
ถา่ ยทอดข้อมูลได้ ถงึ แม้วา่ ผู้ชมจะไม่ได้อา่ นข้อมูลมาก่อน
6. การออกแบบทด่ี ที า ให้มปี ระสิทธภิ าพ (Good design is effective)

การบรรยายดว้ ยภาพถา้ มกี ารออกแบบที่ดจี ะดึงดดู ใจผู้ชม ใชค้ วามคิดสร้างสรรค์ออกแบบให้
นา่ สนใจ ภาพ กราฟิก สี ชนิด แบบ และช่องวา่ ง เป็นสง่ิ สาคัญในการออกแบบ
7. ใชส้ ีทด่ี งึ ดูดความสนใจ (Choose attractive colors)
ควรเลือกใช้สที ก่ี ระตนุ้ ดึงดดู ความสนใจผู้ชม ใชส้ ใี ห้ถกู ต้องเหมาะสมกบั หวั ข้อ กาหนดกลุ่มเปา้ หมาย
ใหช้ ัดเจน ใช้สี 2 – 4 สี
8. ใชค้ าพดู ทกี่ ระชับ (Use short texts)

สรุปขอ้ ความใหส้ ้นั กระชบั ตรงกบั จดุ หมายท่ตี อ้ งการนาเสนอ อาจใช้แผน่ ป้ายหรือข้อมูลส้ันๆ มา
สนบั สนนุ ภาพ การทา เร่อื งราวใหด้ งึ ดดู ความสนใจอาจใช้ตวั เลขมาสรุปเปรยี บเทียบข้อมูล และควร
ใชต้ วั หนังสือท่อี า่ นเขา้ ใจง่าย
9. ตรวจสอบตัวเลขขอ้ มูล Check your numbers)

การนาเสนอขอ้ มูลดว้ ยตวั เลขผ่านกราฟและแผนผัง ตอ้ งตรวจสอบความถกู ตอ้ งของตวั เลข
และภาพวาด และตอ้ งรวู้ า่ ตัวเลขไหนควรใชแ้ ละไม่ควรมีอยู่ ด้วยวธิ ีน้จี ะทา ใหอ้ นิ โฟกราฟิกส์มี
ประสทิ ธิภาพมากขนึ้
10. ทาไฟล์อนิ โฟกราฟกิ ใหเ้ ล็ก (Make the file size small)

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

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

7. ผู้สอนอธบิ ายเพ่ิมเติม วา่ การจดั ห้องนอน หรือ ห้องเรียน ให้เป็นระเบยี บ เปน็ สัดสว่ น มีประโยชน์
ชว่ ยให้หอ้ งโลง่ สบายตา เป็นระเบยี บ เรียบร้อย เชน่ เดียวกับ การออกแบบอินโฟกราฟิก จะตอ้ ง
แบง่ สัดส่วนของข้อมลู และ รูปภาพให้เหมาะสม เรยี กว่า การวาง Layout เมื่อนักเรยี นมีขอ้ มูลดี ๆ
แตน่ าเสนอไม่ถูกวธิ ี ขอ้ มูลดี ๆ กอ็ าจกลายเปน็ ไมด่ ไี ด้

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

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

1. ผู้สอนแบ่งกลุ่มนักเรยี น กลมุ่ ละ 3 คน และให้แต่ละกลมุ่ ศึกษาเทคนคิ 9 Layout
จากลงิ ค์ shorturl.asia/IjOt6 โดยผ้สู อนใหเ้ วลาผู้เรยี นในการศกึ ษาขอ้ มลู 20 นาที

2. ผู้สอนคอยดูแลความเรียบร้อยและคอยให้คาแนะนาเพ่ิมเติม
3. ผู้สอนแจกใบงานที่ 5 เทคนิค 9 Layout ให้แต่ละกลมุ่ พร้อมอธบิ ายวธิ ีการทาใบงาน คือ

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

แบบที่ 1 Visualized Article Layout
แบบที่ 2 Listed Layout
แบบที่ 3 Comparison Layout
แบบที่ 4 Structure Layout
แบบที่ 5 Timeline Layout

แบบที่ 6 Flowchart Layout
แบบที่ 7 Roadmap Layout
แบบท่ี 8 Useful Bait Layout
แบบท่ี 9 NumberPorn Layout

ข้นั สรุป

7. ผู้สอนและผู้เรียนรว่ มกันสรุป วา่ การออกแบบอนิ โฟกราฟิกให้นา่ สนใจ ไม่ควรใช้ข้อมลู มากเกนิ ไป
ไมค่ วรใช้สีมากเกินไป ไม่ควรใชต้ ัวเลขทม่ี ากเกินไป และควรตรวจสอบการสะกดคาใหถ้ กู ต้อง
ตรวจสอบแหล่งท่มี าของขอ้ มูล ประเมนิ ความนา่ เช่ือถือของข้อมูล รวมทง้ั ใช้เทคนิคการวาง Layout
โดยเลอื ก Layout ทเี่ หมาะสมกับเนื้อหาท่ีต้องการนาเสนอ เพอื่ ทาให้อนิ โฟกราฟิกมีความนา่ สนใจ

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

9. สือ่ การเรียนรู้
1. คลิปวิดโี อ โรคเบาหวาน จากลงิ ค์ https://www.youtube.com/watch?v=JFjPZkkSztA
2. Slide สื่อการสอน เร่อื ง หลกั การออกแบบอนิ โฟกราฟิกใหน้ ่าสนใจ
3. ใบงานที่ 4 หลักการออกแบบอินโฟกราฟิกให้น่าสนใจ
4. เทคนคิ 9 Layout จากลงิ ค์ shorturl.asia/IjOt6
5. ใบงานท่ี 5 เทคนิค 9 Layout

0

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

ตรวจ ใบงานที่ 5 เทคนิค 9 แบบประเมินผลงาน คณุ ภาพอย่ใู นระดบั ดี
Layout ผ่านเกณฑ์

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

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

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

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

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

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

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

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

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

2. สาระสาคัญ/ความคดิ รวบยอด
ในการออกแบบอนิ โฟกราฟิกใหน้ ่าสนใจ จาเป็นตอ้ งเลือกใช้จิตวทิ ยาสี (Color Psycho) เนื่องจาก สี

มีอทิ ธิพล และส่งผลต่อความรสู้ กึ ชว่ ยดงึ ดดู ความสนใจ ควรเลือกสที ี่เหมาะสมกบั เรอื่ งท่ีต้องการจะส่ือสาร
และไม่ควรใช้สีเกิน 4 สี

Adobe Color เป็นเครื่องมือท่ีช่วยวิเคราะหเ์ ฉดสี โดยฟังก์ชันในการใชง้ านมีอยู่ 3 สว่ นหลักๆ คือ
1. การสรา้ งชดุ สีจากวงล้อสี
2. การเลอื กชุดสีจากเมนู Explore
3. การสร้างชดุ สจี ากภาพ

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

4. สาระการเรียนรู้
1. ทฤษฎสี ี
2. จิตวิทยาสี (Color Psycho)
3. เครื่องมอื ที่ชว่ ยวเิ คราะหส์ ี Adobe Color

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

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

7. ภาระงาน
1. กิจกรรม สร้างชุดสจี ากภาพ
2. ใบงานท่ี 6 การเลือกใช้สี

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

ชว่ั โมงท่ี 1

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

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

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

ขั้นสอน

3. ผสู้ อนเปิดคลปิ วดิ ีโอ ความหมายของสี (meaning of color)
จากลงิ ค์ https://www.youtube.com/watch?v=CTLoPI9__0M

4. ผ้สู อนให้ผู้เรียนเปิดโปรแกรม Adobe Color จากลิงค์ https://color.adobe.com/
ซง่ึ Adobe Color เปน็ เคร่ืองมือทีช่ ว่ ยวิเคราะห์เฉดสีเพ่ือใหส้ ี โดยทีส่ ามารถเลือกเฉดสีหลักไดเ้ อง
และโปรแกรมจะชว่ ยวิเคราะหเ์ ฉดสีทเี่ หลือใหเ้ หมาะสมกับสีหลักท่ีเลือกซ่ึง Adobe Color มฟี งั กช์ นั
ในการใช้งานมีอยู่ 3 ส่วนหลักๆ คือ
1. การสรา้ งชุดสีจากวงล้อสี
บนเวบ็ ไซต์จะปรากฎในส่วนของการเลือกใชส้ ีจากวงลอ้ สี สามารถคลิกเมาสไ์ ปทว่ี งกลมสี
ในวงกลมสขี าวตามภาพตัวอย่าง แลว้ เล่อื นไปยังสที ี่ต้องการ วงกลมสีอีก 4 สที เี่ หลือก็จะเลื่อน
ไปยงั สใี หม่ที่เข้ากับสที ่ีเลอื กในตอนแรก ส่วนเมนูทางดา้ นซ้ายมือเป็นฟงั กช์ ันทคี่ ุณสามารถเลือกสี
ตามหลักการใช้สแี บบตา่ ง ๆ ได้ เช่น Monochromatic คือการเลอื กสเี ฉพาะท่ีอยใู่ นโทนเดยี วกนั
หรอื Complementary คอื การเลือกใช้สคี ู่ตรงขา้ ม เป็นตน้

เลอื กสตี ามหลักการ คลกิ เมาสไ์ ปทว่ี งกลม
ใชส้ ีแบบตา่ ง ๆ สี

2. การเลอื กชุดสีจากเมนู Explore
เมนู Explore เป็นฟังกช์ ัน ซึ่งเป็นชุดสีที่มีคนสร้างเอาไวใ้ หเ้ ลอื กอยู่แล้ว โดยเราสามารถเข้าไป
เลือกได้ตามต้องการ ตามอารมณก์ ารสื่อความหมาย เช่น หากตอ้ งการชดุ สีท่ีสือ่ ถงึ modern
technology กส็ ามารถพมิ พ์ Keyword ลงไปในชอ่ งค้นหาเพยี งเท่าน้ีทางเว็บไซตก์ ็จะนาเสนอชุดสี
ท่ีสอ่ื ถงึ modern technology ขน้ึ มามากมายใหเ้ ราเลือกนาไปใช้งาน

3. การสรา้ งชดุ สีจากภาพ
สามารถสรา้ งชดุ สจี ากภาพถ่ายได้ โดยเลอื กท่ี Extra Theme จากน้นั Import รูปภาพที่ตอ้ งการ
ท่ีจะนามาใชเ้ ปน็ ชดุ สี ทางเวบ็ ไซตจ์ ะคานวณและเลือกสีจากภาพท่ี Import เข้ามา นอกจากน้ียัง
สามารถเลือก Color Mood เช่น อยากได้โทนเขม้ หรือสว่างกวา่ เดมิ จากเมนูทางซ้ายมือได้อีกด้วย

5. ผสู้ อนใหผ้ ูเ้ รียนทากิจกรรม สรา้ งชุดสจี ากภาพ พร้อมอธบิ ายวิธีการทากจิ กรรม คอื ให้ผู้เรียนสรา้ ง
โทนสีจากภาพถ่าย โดยใหใ้ ชโ้ ทรศัพทม์ ือถือ ถ่ายภาพบรรยากาศในห้องเรยี น และนาภาพมากาหนด
โทนสี และปรบั แตง่ ตามต้องการ

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

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

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

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

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

1. ผู้สอนเปิดคลิปวดิ โี อ Color Theory – ทฤษฎสี ี
จากลิงค์ https://www.youtube.com/watch?v=GLiApwoaHwg

2. ผสู้ อนแจกใบความรู้ ทฤษฎสี ี (Color Theory) ใหผ้ เู้ รียนไดศ้ ึกษาเพ่ิมเติม
3. ผูส้ อนแจกใบงานท่ี 6 การเลือกใช้สี พร้อมอธบิ ายวธิ กี ารทาใบงาน คือ ให้ผู้เรียนแบง่ ครึ่งกระดาษ

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

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

ขั้นสรุป

7. ผูส้ อนและผเู้ รียนรว่ มกันสรุปวา่ การออกแบบอินโฟกราฟิกให้นา่ สนใจ ควรใชส้ ีเพียงแค่ 3-4 สี
และควรเลือกใชค้ ู่สีที่เหมาะสม ถ้าสตี ัวหนังสอื เป็นสอี ่อน ควรเลือก Background เปน็ สีเขม้
และถา้ Background เป็นสอี ่อนมก็ควรเลอื กให้ตัวหนังสือเปน็ สีเข้ม เพื่อสร้างความแตกตา่ งของสี
ให้สามารถอา่ นข้อความได้งา่ ยขนึ้

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

9. ส่อื การเรยี นรู้
1. คลิปวดิ โี อ ความหมายของสี (meaning of color)
2. โปรแกรม Adobe Color
3. กิจกรรม สร้างชุดสีจากภาพ
4. คลิปวิดีโอ Color Theory – ทฤษฎีสี
5. ใบความรู้ ทฤษฎีสี (Color Theory)
6. ใบงานท่ี 6 การเลือกใช้สี

0

10. การวดั และประเมินผล เครื่องมอื เกณฑ์
วิธกี าร แบบประเมนิ ผลงาน
คุณภาพอยู่ในระดับ ดี
กจิ กรรม สร้างชุดสจี ากภาพ ผา่ นเกณฑ์

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

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

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

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

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

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

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

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

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

2. สาระสาคัญ/ความคดิ รวบยอด
ภาพประกอบ (illustration) เป็นภาพทีเ่ ขยี นขนึ้ เพ่อื บอกเล่าเรื่องราวหรอื ถ่ายทอดเหตุการณต์ ่าง ๆ

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

1. ภาพไอคอน
2. ภาพการต์ ูน
3. ภาพสญั ลกั ษณ์ หรอื พิกโตแกรม
4. ภาพกราฟิกทวั่ ไป
5. ภาพถ่าย
6. รูปทรงทางเรขาคณิต
7. เสน้ และลูกศร
8. ชารต์ และไดอะแกรม
9. แผนท่ี
10. กราฟิกอ่นื ๆ

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

4. สาระการเรียนรู้
1. ประเภทและลักษณะของภาพกราฟิกและภาพประกอบ
2. การเลอื กใชภ้ าพประกอบที่เหมาะสมกับเน้ือหาของอนิ โฟกราฟิก (Infographic)
3. เครื่องมอื ที่ชว่ ยวเิ คราะหส์ ี Adobe Color

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

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

7. ภาระงาน
1. กจิ กรรม ภาพสื่อความหมาย
2. ใบงานที่ 7 การเลือกใช้ภาพ

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

ช่วั โมงที่ 1
ขนั้ นาเข้าส่บู ทเรียน

1. ผสู้ อนให้ผู้เรยี นทากิจกรรม ภาพส่ือความหมาย โดยผสู้ อนเปดิ ภาพทเ่ี ตรียมไว้ และให้ผู้เรยี นช่วยกัน
บอกว่า เป็นภาพทสี่ อ่ื ความหมายถงึ อะไร

2. ผู้สอนอธบิ ายเพ่ิมเตมิ ว่า A picture represents a million words. หรือ 1 ภาพ ลา้ นความหมาย
ซง่ึ รูปภาพสอ่ื ถงึ ข้อมูลไดอ้ ยา่ งมีประสทิ ธภิ าพมากกว่าคาพดู และรปู ภาพสามารถบอกเลา่ เรอ่ื งราวได้
เชน่ เดียวกับหลาย ๆ คา การใช้ภาพกราฟิกสามารถถา่ ยทอดความคิดไดอ้ ย่างมปี ระสิทธิภาพมากกวา่
คาศัพทจ์ านวนมาก

ข้ันสอน

3. ผสู้ อนเปิด Slide สอื่ การสอน การเลอื กใช้ภาพ พร้อมอธบิ าย
1. ภาพไอคอน
เป็นสิ่งท่ขี าดไม่ได้ในการออกแบบอินโฟกราฟิกการเลือกภาพไอคอนมาใช้ต้องพยายาม
ให้สอดคล้องกบั เนื้อความส่วนนน้ั ๆ
2. ภาพการ์ตนู
ตัวการต์ นู ทมี่ ีสีสนั มักถูกนามาใชใ้ นการออกแบบอนิ โฟกราฟิกเพราะช่วยดงึ ดูดความสนใจ
และชว่ ยใหอ้ นิ โฟกราฟิกนัน้ ๆ ดเู ปน็ มติ รมากขึ้น
3. ภาพสญั ลกั ษณ์ หรือพิกโตแกรม
คอื สญั ลักษณ์ที่ส่ือถึงสิง่ ใดสง่ิ หน่ึงและมีขนาดใหญ่กว่าภาพไอคอน เชน่ ภาพสญั ลักษณ์ หญิง-ชาย
หนา้ ห้องน้า
4. ภาพกราฟิกทวั่ ไป
ภาพกราฟกิ ของส่ิงของต่าง ๆ รวมไปถงึ คนและสัตวท์ ี่สร้างข้ึนดว้ ยคอมพิวเตอร์ก็ถูกนามาใชบ้ ่อย
ในอนิ โฟกราฟิก
5. ภาพถ่าย
อาจดูเปน็ ส่วนประกอบทไ่ี มเ่ หมาะสมที่จะนามาใชอ้ อกแบบอินโฟกราฟกิ มากนักแต่ในบาง
กรณกี ารนาภาพถา่ ยมาใชก้ ็ช่วยใหอ้ ินโฟกราฟิกดูน่าสนใจและน่าเชอื่ ถือมากขึน้ ได้
6. รปู ทรงทางเรขาคณิต
ทั้งวงกลมวงรี สามเหล่ียม สเ่ี หล่ียม หรอื หลายเหลย่ี มรูปทรงอิสระ เปน็ ต้น ก็มกั เปน็
องคป์ ระกอบท่ีพบไดบ้ ่อย ๆ ในอินโฟกราฟกิ
7. เส้นและลกู ศร
เส้น ไมว่ ่าจะเปน็ เส้นทบึ เส้นประ เส้นไข่ปลา เส้นอนื่ ๆ และลูกศร หลากหลายรูปรา่ งหน้าตา
มักถูกนามาใชเ้ ป็นสว่ นประกอบในอินโฟกราฟิกเพ่ือแสดงความเช่ือมโยงหรือตอ่ เน่ืองของข้อมลู
8. ชาร์ตและไดอะแกรม
มักถูกนามาใช้เป็นสว่ นหนงึ่ ของอนิ โฟกราฟกิ อย่บู ่อยครง้ั ซึ่งชารต์ และไดอะแกรมก็มหี ลาย
รปู แบบแยกย่อย

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

10. กราฟกิ อ่ืน ๆ
ยงั มีอนิ โฟกราฟิกรปู แบบอ่นื ๆ ท่สี ามารถนามาประยุกต์ใชก้ ับอนิ โฟกราฟิกไดต้ ามไอเดีย
เช่น ตารางปฏทิ นิ เครื่องหมายทางคณิตศาสตร์หรืออนื่ ๆ

4. ผู้สอนอธิบายเพิ่มเติมวา่ ปัจจุบัน มีเว็บไซต์สาหรับดาวนโ์ หลดภาพประกอบ ท่ีสามารถนามาใชง้ านได้ โดย
ไม่เสยี คา่ ใช้จ่าย แต่อาจจะมีเง่ือนไขตามที่เว็บไซต์กาหนด
เชน่ www.icons8.com
www.pngtree.com
www.icomoon.io
www.thenounproject.com

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

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

1. ผสู้ อนอธบิ ายเพิ่มเติมวา่ www.flaticon.com เว็บไซต์ ที่ให้บรกิ าร ดาวน์โหลดไอคอนโดยเฉพาะ
โดยจดุ เดน่ ของไอคอน คอื จะเป็นไอคอนทอี่ อกแบบอยา่ งเรียบงา่ ย ในลักษณะทีเ่ รียกว่า Flat Design

2. โดยมีวิธีการดาวนโ์ หลด คือ
1. พมิ พ์ Keyword ท่ตี ้องการคน้ ในช่อง Search
2. จะปรากฏไอคอนขน้ึ มาใหผ้ ูใ้ ช้งานเลือก

3. เม่ือนาเมาส์ไปชท้ี ่ีไอคอนทีต่ อ้ งการดาวน์โหลด จะปรากฏปุ่มสาหรับดาวนโ์ หลดภาพ

4. จากนัน้ จะปรากฏหนา้ ตา่ งสาหรับดาวนโ์ หลดขึน้ มา ให้เลือก Free download

3. ผู้สอนให้ผู้เรยี นทาใบงานที่ 7 การเลอื กใช้ภาพ โดยแจกเป็น Digital file โดยใช้โปรแกรม Power
Point หรอื โปรแกรมอื่น ๆ พรอ้ มอธิบายวธิ กี ารทาใบงาน คอื ใหน้ กั เรยี นหาไอคอนจากเวบ็ ไซต์ ให้
ตรงกบั คาทกี่ าหนด ให้ไดม้ ากที่สดุ ในระยะเวลา 15 นาที

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

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

6. ผู้สอนอธบิ ายเพิ่มเติมวา่ ในการเลือกใชภ้ าพประกอบ จะต้องมจี ุดมุ่งหมายในการใชร้ ูปภาพ
ต้ังเป้าหมายชดั เจนว่าตอ้ งการใช้รปู ภาพเพ่ือสือ่ สารอะไร ต้องมีเหตผุ ลในการเลือกใช้ภาพ และควร
พิจารณาผลกระทบทางอารมณ์ เทรนดก์ ารใช้ภาพในปัจจบุ ัน และความหมายของภาพ

ข้นั สรุป

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

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

9. สือ่ การเรยี นรู้
1. กิจกรรม ภาพสื่อความหมาย
2. Slide สือ่ การสอน การเลือกใชภ้ าพ
3. www.flaticon.com
4. ใบงานท่ี 7 การเลือกใช้ภาพ

0

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

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