INFOGRAPHIC Microsoft PowerPoint

1

สำนักงำนเขตพืน้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๑

ความหมายของ INFOGRAPHIC

Information หมายถงึ สารสนเทศหรือข้อมูลข่าวสารต่างๆ ไมว่ า่ จะเป็นข่าวความเคลอ่ื นไหวขอ้ มูล
ความรู้ไอเดียข้อมูลสถติ ิการรายงานผลต่างๆ การรายงานเหตกุ ารณ์หรือสถานการณ์ ฯลฯ

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

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

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

สำนักงำนเขตพืน้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๒

รูปแบบของ Infographic
ในการออกแบบ Infographic นั้นไมม่ รี ปู แบบท่ตี ายตัว เพราะข้นึ อยู่กับความคิดสรา้ งสรรค์ของ

ผู้ออกแบบ แต่ก็อาจจะใช้หลักการวางรปู แบบโดยดจู ากเนื้อหาข้อมูลท่เี ราต้องการนาํ เสนอว่า มีรปู แบบข้อมูล ใน
หมวดหมู่ใด ลกั ษณะใด จากน้ันนาํ มาร่างโดยดจู ากการจาํ แนกรปู แบบ Layout ดังน้ี (ข้อมูลจาก
http://infographic.in.th)

๑) รปู แบบ Visualized Article: การนําเสนอข้อมลู แบบบทความ เหมาะสำหรับการนําบทความ งาน
เขียนมาเล่าเปน็ ภาพอนิ โฟกราฟฟิก โดยใชห้ ลักการสรุปบทความใหส้ ้นั ลง และเลือกประเด็นสำคญั ก่อนนําเสนอ
รูปแบบนี้จะต้องใชก้ ารนําเสนอทเ่ี หมาะสมกับข้อมูลแตล่ ะชนิด เช่น ถา้ มีตัวเลขก็ควรนาํ เสนอผ่าน กราฟแบบต่างๆ
หรือตัวหนงั สือก็สามารถส่ือสารดว้ ยภาพประกอบ หรอื icon เป็นต้น

สำนักงำนเขตพืน้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๓

๒) รปู แบบ Listed: การนาํ เสนอข้อมลู แบบมหี วั ข้อย่อย

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๔

๓) รปู แบบ Comparison: การนําเสนอข้อมูลแบบเปรยี บเทยี บขอ้ มลู
การนําเสนอข้อมูลแบบ เปรยี บเทียบข้อมลู (Comparison) เปน็ Layout ท่ีมลี กั ษณะการแบง่ ข้อมลู ตาม

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

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๕

๔) รปู แบบ Structure: การนาํ เสนอข้อมลู แบบอธิบายสว่ นประกอบ
การนาํ เสนอขอ้ มูลทีเ่ ก่ยี วกบั เรื่องใดเรื่องหนงึ่ โดยใหเ้ ห็นโครงสร้างภายในของสิง่ น้ัน ว่ามีอะไรบา้ งเปน็

สว่ นประกอบ เชน่ ภาพเหมือน สแกนเข้าไปภายใน หรือการแยกแต่ละส่วนออกห่างกนั ไม่ซอ้ นกนั เพ่ือให้อา่ นง่าย
ดูงา่ ย

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๖

๕) รูปแบบ Timeline: การนาํ เสนอข้อมลู แบบบอกประวัติความเปน็ มา
เปน็ ลกั ษณะโครงสร้างที่ เราใชใ้ นการอธิบายเหตุการณ์ต่างๆ การแสดงข้อมูลท่ีมีการเรยี งตามลำดับเวลา

เช่น ประวัติศาสตร์ ความ เป็นมา หรอื ชวี ประวัติของบคุ คลสำคญั

สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๗

๖) รปู แบบ Road Map: การนําเสนอข้อมลู แบบอธิบายขน้ั ตอนการทำงาน
เป็นลักษณะโครงสร้าง ท่เี ราใช้ในการอธบิ ายกระบวนการ หรือบอกเลา่ เร่อื งราวต่างๆ เป็นการอธิบายทลี ะ

ข้ันตอน เหมาะกับการ อธิบายขน้ั ตอนการทำงานในเรอ่ื งใดเรื่องหน่งึ เช่น ข้ันตอนการทำงานจากเร่มิ ต้นจนสดุ
กระบวนการ โดย จาํ ลองการดำเนินการตามขัน้ ตอนเปรียบเสมอื นรถทว่ี ิ่งไปยังจุดหมาย

สำนักงำนเขตพืน้ ทกี่ ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๘

๗) รูปแบบ Flowchart: การนาํ เสนอข้อมลู แบบอธิบายลำดบั ขน้ั ตอน
เปน็ ลักษณะโครงสร้างมีตัวเลือกเปน็ คําตอบแตกแขนงออกมาไปเรื่อย ๆ ไปจนถึงคาํ ตอบสุดทา้ ย ที่สำคญั

คอื ต้องทำให้ดูง่าย ไม่ยุง่ เหยิงซับซอ้ น เพอ่ื ทผ่ี รู้ บั สารจะได้ไมส่ ับสน

สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๙

๘) Useful bait: การนําเสนอข้อมูลแบบอธิบายวธิ กี ารทำ
เปน็ โครงสร้างท่ีเหมาะสมกบั เนือ้ หาท่ีมลี ักษณะเป็นการอธิบายวธิ กี าร หรือข้ันตอนการทำงานอยา่ งใด

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

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๑๐

๙) Number porn : การนำเสนอขอ้ มูลแบบข้อมลู ท่ีเป็นตัวเลข
เป็นโครงสร้างท่ใี ช้นาํ เสนอขอ้ มลู ที่ มขี ้อมลู ตวั เลขและกราฟ ท่มี คี วามนา่ สนใจ แต่ตวั เลขเหล่าน้ันตอ้ งมี

ความน่าสนใจมากพอท่ีคนจะอา่ น และ ควรเลือกไตล์กราฟิกแบบเดียวกันท้ังภาพ

ขนั้ ตอนการสรา้ ง Infographic
การออกแบบ Infographics ตามวิธีของ Hyperakt’s Josh Smith ซ่งึ เป็นผูเ้ ช่ียวชาญดา้ นการออกแบบ

มที ัง้ หมด ๑๐ ขน้ั ตอน ดังน้ี
๑) การรวบรวมข้อมูล (Gathering data) การคัดเลือกข้อมูลดบิ ทรี่ วบรวมมาแต่ยังไม่เปน็ ระเบยี บ โดย

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๑๑

อาจใชโ้ ปรแกรม Microsoft Excel ชว่ ยในการรวบรวมขอ้ มลู เขยี นแหล่งอ้างอิงท่มี าของขอ้ มูลท่ีเปน็ ต้นฉบบั
บนั ทึกภาพต่างๆ ที่เกีย่ วข้องจาก แหลง่ ข้อมูลที่หลากหลาย และไมค่ วรแยกภาพหรอื แผนภาพกบั ข้อมูลออกจาก
กนั

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

๓) การค้นหาวิธกี ารเล่าเรอ่ื ง (Finding the narrative) การเล่าเร่อื ง การบรรยาย หรือการนาํ เสนอ
ขอ้ มูลทนี่ ่าเบื่อจะทำให้ Infographic น่าเบอื่ เว้นแต่ว่าจะค้นพบการนาํ เสนอเร่ืองราวทด่ี ึงดดู ความสนใจ
Infographic เรม่ิ ทจ่ี ดุ มงุ่ หมายเดียว ขยายความข้อมลู ที่ ซับซอ้ น อธบิ ายกระบวนการ เนน้ ที่แนวโน้มหรอื สนับสนนุ
ข้อโตแ้ ย้ง การหาวธิ กี ารเล่าเรื่องท่นี ่าสนใจอาจจะยุ่งยากในระยะแรก แตห่ ากเราคนุ้ เคยกับขอ้ มูลทมี่ อี ยู่จะทําให้
สามารถเล่าเร่อื งราวได้ การใส่ใจกับเน้ือหาทส่ี ำคัญช่วยให้การนาํ เสนอข้อมลู มคี ณุ ค่า

๔) การระบุปญั หาและความต้องการ (Identifying problems) หาเอกลักษณ์ ระบชุ ่ือ ช้ีตัว แสดงตัว
เม่อื ได้ข้อมูลมาแล้วนํามาตรวจสอบความถูกต้องอาจมขี ้อมูลท่ีไม่สนบั สนนุ หัวข้อหรือประเด็นทเี่ ราตอ้ งการนําเสนอ
ควรมกี ารอภิปรายหาข้อสรุปที่แทจ้ รงิ เพ่อื ระบุปญั หา และความต้องการ ผูช้ มต้องการข้อมูลทม่ี ีการจดั การและมี
การออกแบบทดี่ ี มิฉะน้ันจะกลายเปน็ หลักฐานทีไ่ ม่ถูกต้อง ข้อมูลต้องถูกต้องและไม่ผิดพลาด ต้องมีการปรบั ปรุง
ข้อมลู และเร่ืองราวให้มีเอกลกั ษณ์ตรงกบั หัวข้อศึกษาทบทวนหลายๆ คร้ังหาวิธีการนําเสนอข้อมูลอยา่ งถูกตอ้ ง
และมีคุณค่า ซ่ึงไม่ใชเ่ ร่ืองง่ายในการออกแบบให้ชนะใจผู้ชม นกั ออกแบบทด่ี ีต้องมมี ุมมองและเห็นคณุ คา่ ใน
รายละเอียดของข้อมลู ทีช่ ดั เจน

๕) การจดั ลำดบั โครงสร้างข้อมลู (Creating a hierarchy) การจดั ลำดับชัน้ ของข้อมูลเปน็ ทีน่ ิยมใน
การ
สรปุ ข้อมลู เปน็ การนําผ้ชู มให้มองเหน็ ภาพรวมตัง้ แตต่ น้ จน จบ เปน็ วิธกี ารจัดการกบั ข้อมูลในการสรา้ ง
Infographic และตรงึ ผชู้ มตามโครงสร้างลำดบั ช้ันของข้อมูล การจัดรูปแบบข้อมูลตามลำดับจะส่งเสรมิ ใหผ้ ชู้ ม
เข้าถงึ ข้อมลู เปน็ ช่วงระยะของการเล่าเรอื่ งซึง่ กลายเป็นวิธกี ารท่ี แพรห่ ลายในการออกแบบ Infographic

๖) การออกแบบโครงสร้างข้อมูล (Building a wireframe) เม่ือพจิ ารณาตรวจสอบคดั เลือกข้อมูล
อย่างละเอียดแลว้ จดั แบง่ ขอ้ มูลเป็นลำดับชน้ั และออกแบบ โครงสร้างของข้อมลู ผู้ออกแบบควรทำความเข้าใจกับ
ภาพหรือกราฟกิ ทเ่ี ป็นตวั แทนของขอ้ มลู สำคญั ท่จี ดั ไว้เป็นลำดับชั้นแล้วนําไปให้ผ้ชู มวพิ ากษว์ จิ ารณก์ ารออกแบบท่ี

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๑๒

ผ่านการโต้เถยี งจากบคุ คลในหลายมมุ มองทใี่ ห้ ข้อเสนอแนะแตกตา่ งกันออกไปจะเป็นข้อสรุปของการจดั ทำ
โครงสรา้ ง Infographic

๗) การเลือกรปู แบบ Infographic (Choosing a format) เมื่อสิน้ สดุ การกำหนดภาพหรอื กราฟิกที่
เป็นตัวแทนของข้อมูลแล้ว วธิ ีจดั การข้อมูลท่ีดีทสี่ ดุ คือ การนาํ เสนอข้อมูลดว้ ยแผนผัง กราฟตา่ งๆ เช่น กราฟแท่ง
กราฟเส้น กราฟวงกลม หรืออาจจะใช้ไดอะแกรม หรอื ผงั งานเพอ่ื อธิบายกระบวนการทำงาน อาจนาํ แผนที่มา
ประกอบในการเลา่ เรอื่ ง หรือบางทกี ารใช้ตัวเลข นําเสนอข้อมลู ง่ายๆ อาจเป็นวิธีที่ดีท่ีสุด

๘) การกำหนดภาพให้ตรงกับหัวขอ้ (Determining a visual approach) การเลือกใชภ้ าพในการทำ
ให้ Infographic ดูดี มีสองแนวคดิ คอื การใช้ข้อมลู ดบิ มาจัดทำเป็นกราฟหรือแผนผงั ให้นา่ สนใจ ใช้สี การพมิ พ์
และการจัดโครงสร้างในการออกแบบงานใหม้ ีศิลปะ และการใช้ ลายเสน้ วาดภาพ หรือคาํ อปุ มาเปรียบเทยี บ ไม่
แสดงข้อมลู ตวั เลขออกมาอย่างชดั เจน จะเหน็ เปน็ ภาพแสดง แทนข้อมูลคล้ายกบั กราฟหรอื แผนผงั เท่านนั้ เราไม่
ควรยดึ ติดกับวิธีการใดวธิ กี ารหนึง่ ควรผสมผสาน วธิ กี ารใชก้ ราฟ แผนภาพ และแผนผงั ตกแต่งองคป์ ระกอบด้วย
การวาดลายเสน้ หรอื นาํ ภาพที่เป็นตวั แทน ของข้อมลู มาจดั วางซ้อนกันอาจเสริมดว้ ยขอ้ มูล ส่อื ตราสญั ลกั ษณ์ และ
เนือ้ หาในการออกแบบให้ตรงกบั หัวขอ้

๙) การตรวจสอบข้อมูลและทดลองใช้ (Refinement and testing) เมอ่ื ออกแบบ Infographic เสรจ็
แลว้ เริ่มตรวจสอบขอ้ มูลอย่างละเอยี ด ผู้ชมจะดูท้งั ข้อมูลและภาพทีเ่ ล่าเรื่องราวเพ่อื ให้แน่ใจว่าผลงานทเ่ี สรจ็ แล้วมี
คณุ ภาพตรงกบั หวั ข้อและเป้าหมายทำการประเมินทั้งการออกแบบและจดุ เนน้ จนกระทงั่ ผลงานชัดเจนและเขา้ ใจ
งา่ ย มกี ารทดลองให้กล่มุ ตวั อยา่ งชมผลงานและให้ขอ้ คิดเห็นวา่ สามารถเขา้ ใจไดง้ ่ายหรือไม่ โดยเฉพาะผทู้ ่ีไม่เคย
เห็นข้อมูลมาก่อน ประเมนิ กลับไปกลบั มาระหว่างผชู้ มและกลุ่มตวั อยา่ งจนกระทง่ั ลงตัวได้ขอ้ ยตุ ิ จงึ นาํ เสนอ
เผยแพร่สู่สาธารณะ

๑๐) การแบ่งปันความรใู้ นอินเทอรเ์ น็ต (Releasing it into the world) Infographic สว่ นใหญ่

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

สำนักงำนเขตพืน้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๑๓

หลกั การใช้สสี ำหรบั Infographic
ทฤษฎีสี ประกอบดว้ ย ๓ ขั้น ตามวงล้อของทฤษฎีสี
Color Wheel
ขน้ั ที่ ๑ (Primary) แม่สี ไดแ้ ก่ สแี ดง สีเหลือง สีน้ำเงนิ
ขัน้ ที่ ๒ (Secondary คือ สที เี กดิ จากสีข้นั ท่ี ๑ หรือแม่สีผสม
กนั ในอัตราส่วนท่เี ท่ากัน จะทำใหเ้ กดิ สใี หม่ ๓ สี ได้แก่ สีส้ม
สมี ว่ ง สีเขยี ว
ขน้ั ที่ ๓ (Tertiary) คือ สที ่ีเกิดจากสีขัน้ ท่ี ๑ ผสมกับสขี ั้นท่ี ๒
ในอัตราส่วนทเี่ ทา่ กนั จะได้สีอกี ๖ สี คือ สสี ม้ แดง สมี ว่ งแดง
สเี ขยี วเหลือง สีเขียวน้ำเงนิ สีมว่ งน้ำเงนิ สสี ม้ เหลือง

หลักการเลือกใช้สี ประกอบด้วย ๖ รปู แบบ
๑) Monochromatic คือ การใช้สแี บบสเี ดยี ว แตม่ ี การลด
ระดับความเขม้ ของสลี ง
๒) Analogous คือ การใช้สีที่ใกล้เคียงกนั ที่อยู่
ลำดบั ติดกนั ในวงล้อสี
๓. Complementary คือ การใช้สคี ูต่ รงขา้ มกันใน วงลอ้ สี
๔. Split-Complementary คอื การใช้สถี ัดจากสคี ู่
ตรงขา้ ม ในวงลอ้ สี
๕. Triadic คือ ใช้สี - สีหลกั - เหลย่ี มด้านเทา่
๖. Tetradic (Double-complementary) คือ ใช้ สตี รง
ข้ามแบบ ๒ คู่ พร้อมกัน

สำนักงำนเขตพืน้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๑๔

หลกั การใช้กฎ ๓ สี

สีหลัก, สีท่ี ๑ หรือสที เี่ ราใชเ้ ป็นสพี ืน้ หรือมปี ริมาณมากท่ีสดุ ในชิน้ งาน ประมาณรอ้ ยละ ๖๐ ของพืน้ ท่ี
ท้ังหมดโดยหลักการทเ่ี ราจะเลือกวา่ จะใชส้ ใี ดน้ัน ควรคนงึ ถึงหวั ข้อทเ่ี ราต้องออกแบบ เช่น เนือ้ หา Infographic ท่ี
เราตอ้ งทำ คอื เกี่ยวกับเร่ืองวา่ ยน้ำ เราก็เลือกใช้สฟี า้ (สีของหยดน้ำ) และเม่อื เลือกไดแ้ ล้วก็ค่อยหาสีรอง ๒ – ๓
มาประกอบการออกแบบ

สีรอง สีท่ี ๒-๓-๔ เมื่อเราเลือกสหี ลกั ได้แลว้ จากนั้นก็เลือกสรี อง โดยดูว่าสีอะไรที่อยู่กบั สีหลักแล้ว สวย
กลมกลืนไมโ่ ดด ไม่ควรใช้สที ี่เปน็ สีขั้นตน้ หรือแม่สี ล้วน ๆ หรือสที สี่ ดเกนิ ไปมาใชห้ รือถา้ จำเป็นตอ้ งใช้ก็ต้อง เปน็
ปริมาณทีเ่ หมาะสม (ดอู า้ งอิงจากเรื่องวงล้อของสที ฤษฎีส)ี สว่ นใหญ่แล้วในการออกแบบ infographic เรา มักจะ
ใชส้ ชี น้ั ท่ี ๓ เนื่องจากมีความสดไม่มากจนเกินไป หรอื สีสะท้อนแสบตามากนัก และการเลอื กใช้สที งั้ หมดใน ชิน้ งาน
กไ็ ม่ควรจะเกนิ ๔ สี เพราะจะลายตาอา่ นเนื้อหายากขึ้น ส่วนการจับคสู่ ีรองจะต้องดูนุ่มนวลกับสหี ลกั ตัวอย่างภาพ
หลกั การใชส้ ีในการออกแบบโดยยดึ หลักวงล้อของสอี าจจะใช้สคี ูต่ รงข้าม แบบ ๓ สี (๖๐ : ๓๐ : ๑๐ ) หรือใช้สตี รง
ขา้ ม แบบ ๒ คู่ ก็ได้

สำนักงำนเขตพืน้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๑๕

สีกบั ความเหมาะสม และความรูส้ กึ
ถา้ การออกแบบไม่ได้ถูกบังคับด้วยสีที่เป็นอตั ลักษณ์ หรือสัญลกั ษณ์ของสนิ คา้ หรือสีประจำองค์กร ควร

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

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

สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๑๖

การใช้งานโปรแกรม Microsoft PowerPoint เบื้องตน้
สว่ นประกอบของโปรแกรม

เรมิ่ ต้นการใชง้ านโปรแกรม โดยคลิกปุ่ม Start คลกิ All Programs เลือก Microsoft Office ๒๐๑๖ >
Microsoft PowerPoint ๒๐๑๖ จะเข้าส่หู นา้ จอหลกั การทำงานโปรแกรม Microsoft PowerPoint ๒๐๑๖

การใช้ป่มุ คำสง่ั ตา่ งๆ บน Ribbon

สว่ นประกอบต่างๆ ของโปรแกรม Microsoft PowerPoint ๒๐๑๖ จะมี Tab เมนูหลักทป่ี ระกอบไป
ด้วย คำสง่ั ท่ีแยกตามกลุ่มการทำงาน เรยี กวา่ Ribbon ซ่ึงประกอบไปด้วย Tab ต่างๆ ดงั น้ี
HOME เปน็ แท็บคำส่งั ของการจัดรูปแบบในสว่ นของข้อความ การเพ่ิมสไลด์ ปรบั สไตล์ สี จัดย่อหน้า เป็นต้น

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๑๗

INSERT เป็นแทบ็ คำสง่ั สำหรับแทรกตาราง รูปภาพ วตั ถตุ ่าง ๆ เช่น กราฟ การเชื่อมโยง หรือสว่ นหัว-ทา้ ย
กระดาษ เปน็ ตน้
DESIGN เป็นแทบ็ คำสั่งสาหรับจดั การพ้นื สไลด์ ปรบั หนา้ สไลด์ ขนาดสไลด์ ระยะขอบ เป็นต้น

VIEW เปน็ แทบ็ คำส่งั สำหรบั การปรับเปลีย่ นมมุ มองขณะทำงาน เช่น ยอ่ -ขยาย เปลย่ี น จดั เรียงหน้าตา่ ง โปรแกรม

เปน็ ตน้

การสรา้ งไฟล์
การสร้างแผน่ งานนําเสนอ PowerPoint ๒๐๑๖ มวี ิธีหลัก ๒ รปู แบบ ดงั น้ี
๑) การสรา้ งงานนําเสนอเปลา่ (Blank Presentation) เป็นการสร้างงานนําเสนอหน้าสไลดใ์ หมท่ ี่ไมม่ ี

การจัดรูปแบบและใช้การต้ังค่าตา่ ง ๆ เป็นค่าเร่มิ ตน้ (Default) ของโปรแกรม ในการเปิดไฟลน์ าํ เสนอครัง้ แรกจะ
ได้ไฟลง์ านนําเสนอใหมช่ ือ่ วา่ Presentation ๑

วธิ ีสรา้ ง เม่ือเปดิ ใช้งานโปรแกรม PowerPoint ๒๐๑๖ ครั้งแรก> คลกิ เลือก Blank Presentation หรอื
สรา้ งงานนาํ เสนอใหม่ คลิกแทบ็ FILE > คําส่ัง New > Blank Presentation

๒) การสรา้ งงานนาํ เสนอ แบบใชช้ ดุ รูปแบบ (Themes) เปน็ แม่แบบของการสรา้ งงานนําเสนอ ท่มี ีพน้ื
สไลด์ รูปแบบตวั อักษรทช่ี ่วยให้การสรา้ งงานนาํ เสนอเป็นไป ไดอ้ ยา่ งรวดเร็วและสวยงามมากข้ึน สามารถปรบั เพมิ่
สไลด์และองคป์ ระกอบต่าง ๆ ได้ สามารถปรบั แกไ้ ข และ เปลี่ยนรปู แบบเพิม่ เตมิ ของ Theme เช่น Color,
Fonts, Effects, Background Styles สามารถเลือกรูปแบบ Themes ทตี่ อ้ งการโดยมใี ห้เลอื กใชง้ านกว่า ๒๐
รูปแบบ เชน่ Facet, Parallax, Circuit, Metropolitan, Integral, Ion Boardroom, Vapor, Organic,
Retrospect, Slice, Droplet, Wood Type เป็นต้น

สำนักงำนเขตพืน้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๑๘

วิธีสร้าง คลกิ แทบ็ FILE > คำสั่ง New > เลือกรูปแบบ Theme ที่ตอ้ งการเชน่ Facet > เลอื ก ลกั ษณะสี
ทต่ี ้องการ เชน่ สีฟ้า > คลกิ ปุ่ม Create

- สามารถปรับแก้ไขและเปล่ยี นรูปแบบเพิ่มเตมิ ของ Theme เช่น Color, Fonts, Effects, Background
Styles ได้ ท่ี Variants

- หรือหากต้องการเปลีย่ น Theme กส็ ามารถเปลี่ยนไดท้ ่แี ท็บ DESIGN กล่มุ คำส่ัง Theme
การเลอื กขนาดของแผน่ งานนําเสนอ คลกิ แทบ็ FILE ทีแ่ ท็บ DESIGN กลุ่มคำสั่ง Customize

คลิก Slide size ซง่ึ จะมขี นาดของสไลด์และการวางแนวให้เลือก หรอื กำหนดขนาดเอง

การสร้างและจัดการแผน่ งาน (Slide) การเพม่ิ สไลด์ ยา้ ยสไลด์ ลบสไลด์
การเพ่มิ สไลด์ สามารถทําได้ ๒ วธิ ี ทีแ่ ท็บ HOME และ INSERT จากนน้ั เลือกคาํ สั่ง New Slide

วิธีที่ ๑ วธิ ที ่ี ๒

สำนักงำนเขตพนื้ ทกี่ ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๑๙

นอกจากน้ี ยังสามารถเพมิ่ สไลด์ใหม่โดยเลอื กรูปแบบของ Slide Layout โดยคลกิ แทบ็ INSERT ท่คี ำส่ัง
New Slide (คลิกตรงข้อความ New Slide) จะปรากฏรูปแบบ Slide Layout ให้เลือกใชง้ านเพ่ิมเติมเพ่ือเพ่ิม
ความสะดวกในการจดั รปู แบบเนือ้ หาของสไลด์ ให้ตรงกบั การนําเสนองาน ตวั อยา่ ง เลือก Slide Layout แบบ
Two Content

การยา้ ยสไลด์ สามารถทำได้โดยคลิกสไลด์ทตี่ ้องการย้ายค้างไว้ จากนน้ั เลื่อนไปยังตำแหนง่ สไลดท์ ี่
ตอ้ งการ เชน่ ต้องการเปลย่ี นสไลด์ท่ี ๓ (Slide Layout แบบ Two Content) ไปเปน็ ตำแหน่งสไลดท์ ่ี ๒ และ
สไลด์ ที่ ๒ (Slide Layout แบบ Title and Content) เปลย่ี นตำแหนง่ เปน็ สไลด์ท่ี ๓

การลบสไลด์ สามารถทำได้โดยคลกิ เลือกสไลด์ท่ีต้องการลบ เช่น คลิกเลอื กสไลด์ ท่ี ๓ จากนน้ั คลกิ เมาส์
ขวา เลอื กคำสั่ง Delete Slide หรอื กดปุม่ Delete ทแ่ี ป้นคยี ์บอรด์

สำนักงำนเขตพืน้ ทกี่ ำรศึกษำประถมศึกษำนครพนม เขต ๑

๒๐

การสรา้ งสไลด์ซ้ำ เพือ่ ให้ได้สไลดใ์ หมท่ ่มี ีคุณลักษณะแบบสไลด์ต้นฉบบั ทกุ ประการ สามารถทำได้ โดย
คลิกเมาส์ขวาเลือกสไลดท์ ตี่ ้องการ เลือกคำส่ัง Duplicate Slide

การสรา้ งและจดั การข้อความ
ปรับแต่งให้ข้อความ และกล่องข้อความสวยงามเพิ่มขนึ้ ด้วยแท็บ Ribbon FORMAT (เม่ือคลกิ ทกี่ ล่อง

ข้อความจะเกิดเส้นกรอบที่ข้อความและจะปรากฏ Ribbon FORMAT ท่ี Contextual Tab) ตวั อย่างการปรบั แตง่
ขอ้ ความดว้ ย FORMAT > WordArt Style

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๒๑

ตัวอยา่ งการปรับแตง่ กล่องข้อความด้วย FORMAT > Shape Style

การสร้างและจัดการรูปภาพ
การ Insert Picture ปรบั แตง่ รปู ภาพให้สวยงามด้วย Adjust และ Picture Styles Insert Picture คลกิ

เลือกสไลด์ทต่ี อ้ งการนํารปู ภาพมาประกอบ ตัวอย่าง คลิกเลอื กสไลด์ที่ ๒ แลว้ คลกิ แท็บ INSERT เลอื ก Pictures
จากนั้นเลอื กรูปภาพท่ตี ้องการ เชน่ LOGO CPD.png เสร็จแลว้ คลกิ ปุ่ม Insert

สำนักงำนเขตพืน้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๒๒

เมื่อได้รูปภาพแลว้ ทำการปรับขนาดรูปและจัดวางตำแหน่งให้สวยงาม

การปรับแตง่ รูปภาพใหส้ วยงามดว้ ย Adjust และ Picture Styles คลิกเลอื กสไลดท์ ตี่ ้องการนํารปู ภาพมา
ประกอบ ตัวอยา่ ง คลิกเลอื กสไลด์ทต่ี ้องการใส่ภาพ แล้วคลิกแท็บ INSERT เลอื ก Pictures จากนน้ั เลอื กรูปภาพที่
ต้องการ เช่น FrontCPD.JPG เสรจ็ แล้วคลิกปุ่ม insert

สำนักงำนเขตพืน้ ทกี่ ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๒๓

คลิกทรี่ ูปภาพเลือก Ribbon Tabs > PICTURE TOOLS FORMATจะปรากฏ Ribbon ที่ใชใ้ นการแก้ไขและ
ตกแตง่ รูปภาพ

ที่ Ribbon Adjust สามารถแก้ไขรูปภาพได้ ดังน้ี

- Corrections การแก้ไขความสวา่ ง ความมืด ความคมชดั ใหก้ ับรูปภาพ
- Color การเปลี่ยนสีใหก้ บั รูปภาพ
- Artistic Effects การใสล่ ักษณะพเิ ศษในรปู แบบงานศลิ ปะใหก้ บั รูปภาพ
- Compress Pictures การแกไ้ ขความละเอียดของรปู ภาพ
- Change Picture การเปล่ียนรปู ภาพใหม่โดยรกั ษาการจดั รปู แบบและขนาดของภาพปัจจุบนั ท่ไี ด้
กำหนดไว้
- Reset Picture ยกเลกิ การเปล่ยี นแปลงทง้ั หมดของการจัดรูปแบบทที่ ำไวก้ บั รูปภาพ
Ribbon Picture Styles สามารถเลือกลักษณะการจดั รูปแบบของรปู ภาพในลักษณะต่าง ๆ เพมิ่ ได้ท่ีคำสงั่

สำนักงำนเขตพืน้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๒๔

และสามารถใส่รูปแบบเพ่ิมเติมใหก้ ับรปู ภาพได้ ดงั น้ี
- Picture Border การใสเ่ ส้นขอบให้กบั รูปภาพ
- Picture Effects การใสล่ กั ษณะพเิ ศษให้กับรปู ภาพ
- Picture Layout การเปลยี่ นรปู ภาพใหอ้ ยูใ่ นรูปแบบ SmartArt Graphic

จากนั้นให้เพิ่มความสวยงามใหก้ ับรปู ภาพ ดังนี้
- Ribbon Adjust > Color เลอื ก Saturation: ๒๐๐%

การ Crop Picture และ Remove Background

การ Crop Picture คือ การตัดกรอบรูปภาพเพ่ือเลอื กเฉพาะสว่ นของภาพที่ต้องการ เช่น INSERT ไฟล์
รปู ภาพ ในสไลด์ท่ี ๑ จะปรากฏแท็บ FORMAT คลิกคำส่งั Crop

สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๒๕

จากน้ันจะเกดิ เสน้ ขีดรอบรูปภาพ คลิกทเ่ี ส้นค้างไว้แล้วลากไปยงั ตำแหนง่ ภาพที่ต้องการ

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

การ Remove Background คือ การลบพนื้ หลงั ของรปู ออก เชน่ คลกิ รปู ภาพ ในสไลด์ ท่ี ๑ จะปรากฏแทบ็
FORMAT คลิกคาํ สงั่ Remove Background

สำนักงำนเขตพืน้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๒๖

การสร้างและการจดั การกราฟ และตาราง
การ Insert Table, Insert Rows & Columns, Draw Table และ Eraser Insert Table คือ การสรา้ ง

ตารางลงไปในสไลดท์ เ่ี ราต้องการสรา้ งสไลดใ์ หม่ (New Slide) โดย สามารถ สรา้ ง Table ได้ ๒ วิธี ดังน้ี
วธิ ที ี่ ๑ คลิกที่ Ribbon Tab INSERT เลือก Table จะแสดงตารางดังรปู สามารถใช้เมาส์ลากทีต่ ารางท้งั

ตาราง แนวต้ังและแนวนอนตามจำนวนที่ต้องการ ส่วนเลอื กไว้จะแสดงเป็นสีเ่ หลย่ี มสีสม้

วธิ ีที่ ๒ เมอื่ สร้างสไลดใ์ หมเ่ สร็จแล้วท่สี ไลดจ์ ะแสดง icon จํานวน ๖ Ribbon ท่ี Quick Ribbon เม่ือนํา
เมาส์ไปวางท่ีรปู ตารางจะแสดงข้อความ Insert Table คลกิ เลือกเพื่อสร้างตาราง

สำนักงำนเขตพืน้ ทกี่ ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๒๗

จะปรากฏหนา้ ตา่ ง Insert Table สําหรับใสจ่ ํานวน columns (ตารางแนวตัง้ ) และ rows (ตาราง แนวนอน) เพื่อ
กาํ หนดจํานวนตารางทเ่ี ราต้องการสร้าง

Columns คือ การแทรกตารางลงในตารางท่ีไดส้ ร้างไว้ สามารถแทรกตารางได้ท้ังตาราง แนวตัง้ และแนวนอน โดย
คลิกทต่ี ารางจนเกิดเส้นทึบท่ีรูปสีเ่ หลย่ี มรอบตาราง แล้วคลิกเมาสต์ รง Layout > เลอื กตรงแถบ
Rows&Columns เพื่อใชใ้ นการจัดการตาราง เลือก Insert จะแสดงรูปแบบการแทรกตารางรปู แบบ ๔ ให้เลือกใช้
งาน

- Insert Columns to the Left การแทรกตารางแนวตง้ั ด้านซ้าย
- Insert Columns to the Right การแทรกตารางแนวตัง้ ดา้ นขวา
- Insert Columns to the Above การแทรกตารางแนวนอนด้านบน
- Insert Columns to the Below การแทรกตารางแนวนอนดา้ นล่าง

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๒๘

Draw Table คือ การวาดตารางเพ่มิ ลงในตารางท่ีไดส้ ร้างไวแ้ ลว้ สามารถวาดได้ทัง้ ตารางแนวตง้ั และ
แนวนอน การวาดตารางคลิก Ribbon Table INSERT เลอื ก Ribbon Table เลือก Draw Table (การวาดตาราง
ดว้ ยตนเอง) โปรแกรมจะเปลี่ยนจาก Pointer เปน็ รปู ดินสอ จากนน้ั เล่ือนดนิ สอมาทต่ี ารางท่ีสรา้ งไว้ คลกิ เมาสแ์ ล้ว
ลากจะเกิดเส้นประแสดงให้เห็นตำแหน่งของตารางทวี่ าดเมื่อปลอ่ ยเมาส์ ตารางทว่ี าดจะเพม่ิ ลงในตารางทส่ี รา้ ง

Eraser คอื การลบเสน้ ตาราง สามารถลบตารางได้โดยคลิก Ribbon Tab DESIGN เลือก Ribbon Eraser
โปรแกรมจะเปลี่ยน Pointer เป็นรูปยางลบสขี าว เมอื่ คลกิ ยางลบไปทตี่ าํ แหนง่ เส้นตารางทีต่ อ้ งการลบ จะทําให้

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๒๙

การเปล่ยี น Table Style ปรับแต่งตารางด้วย Shading, Borders และ Effect
การเปลีย่ น Table Style คอื การเปลย่ี นสแี ละรปู แบบให้กับตาราง คลกิ Ribbon Tab Design ท่ี Group

Button Table Style มรี ูปแบบให้เลอื กใชง้ านหากต้องการรปู แบบเพม่ิ เติมคลิกท่ีป่มุ More

Shading การเปลีย่ นสีพน้ื ของตาราง สามารถเปลี่ยนสีพน้ื ของตารางเพ่ิมเติมได้ เชน่ การใส่สี Gradient
หรอื การไลเ่ ฉดสี สามารถทําไดโ้ ดยคลกิ ท่ีตารางที่ต้องการเปลย่ี นสีแลว้ คลิก Ribbon Tab DESIGN เลือก Ribbon
Shading จากนั้นเลือก Gradient และเลอื กสไตล์ทต่ี อ้ งการ

การ Insert Charts และแก้ไขข้อมูลใน Excel
การ Insert Charts คือ การแผนภมู ลิ งในสไลดง์ านนาํ เสนอ โดยโปรแกรมจะสรา้ งไฟลเ์ อกสาร Excel

และ บันทึกไฟล์ไวใ้ หอ้ ัตโนมัติ เมอ่ื มีการปรบั แก้ไขขอ้ มูลใน Excel ด้วย PowerPoint กราฟทส่ี รา้ งไวจ้ ะเปลีย่ น

สำนักงำนเขตพืน้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๓๐

ข้อมลู ตามแบบข้อมลู ใน Excel การแผนภูมิสามารถทาํ โดย สรา้ งสไลด์เพ่ิมจากนนั้ ที่ Quick Ribbon เลือกคลิก
icon รูป แผนภมู แิ ทง่ จะปรากฏข้อความ Insert Charts

หรอื สร้าง Chart จาก Ribbon Tab INSERT เลอื ก Ribbon Chart
จะแสดงรปู แบบ Chart ต่างๆ ให้เลอื กใชง้ าน แล้วเลือกรูปแบบ Chart ทีต่ อ้ งการ เช่น Column

สำนักงำนเขตพืน้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๓๑

จะปรากฏไฟล์ Excel เพอใส่ข้อมลู ต่างๆ ในตาราง (Chart) และจะแสดงตามลักษณะที่ไดเ้ ลอื กรปู แบบไว

การ Insert SmartArt Graphic
Smart Art Graphic คือ การสรา้ งข้อมูลแบบกราฟิก และความคดิ ของคุณแบบเปน็ ภาพ สามารถสรา้ ง

กราฟิก SmartArt โดยเลือกจากเค้าโครงต่าง ๆ เพ่ือให้การสอ่ื สารเปน็ ไปอย่างรวดเร็ว ง่ายดาย และมี
ประสิทธภิ าพ Smart Art Graphic จะอยู่ในเมนู Insert สงั เกต icon เม่ือเราจะกดเข้าไปแสดงรูปแบบ Smart Art
รปู แบบต่าง ๆ

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๓๒

การสร้าง SmartArt Graphic คลิกที่ Ribbon Tab INSERT เลือก Ribbon SmartArt จะปรากฏ
หน้าตา่ ง Choose a SmartArt Graphic จากน้นั เลือกประเภทและรูปแบบของ SmartArt ตามความ เหมาะสม
กบั งาน นาํ เสนอทเี่ ราต้องการ

ประเภทของ SmartArt
- List (รายการ) แสดงกลุ่มข้อมลู ทเ่ี ปน็ ลําดบั หรอื ไม่เป็นลําดับ โดยการจดั กลุม่ หลกั และกลมุ่ ย่อย จะได้

ขอ้ มูลและรูปภาพ
- Process (กระบวนการ) แสดงกระบวนการทํางานแบบเป็นทิศทาง เชน่ ตามเสน้ เวลา ตามลาํ ดบั ในงาน

กระบวนการไปยงั ผลลัพธ์ ความสมั พนั ธ์ระหว่างกลมุ่ ข้อมลู
- Cycle (วงกลม) แสดงข้อมูลตามลาํ ดับหรือข้นั ตอนงาน ในแนววงกลม เพ่ือแสดงความสมั พันธ์ต่อ

ความคดิ หลกั ในรปู แบบวงกลม
- Hierarchy (ลําดับชนั้ ) เป็นการแสดงความสัมพันธ์แบบลําดับชน้ั มแี บบจากบนลงล่าง หรือแบบลาํ ดับ

ชนั้ จะใชก้ ับกลุ่มหรือข้อมูลรายแบบ เชน่ การแสดงแผนผงั องค์กรเป็นต้น
- Relationship (ความสัมพนั ธ์) เป็นการแสดงความสัมพันธ์ที่มีแนวคดิ แบบตรงกนั ขา้ ม แนวคิดท่ี

เช่ือมโยงกนั หรือเปน็ วงจร
- Matrix แสดงความสมั พันธ์ของส่วนประกอบทแี่ ยกออกมากบั สว่ นประกอบทัง้ หมดในแนวทาง ทม่ี ีหวั ขอ้

ยอ่ ยเพียง ๔ หัวข้อ

สำนักงำนเขตพืน้ ทกี่ ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๓๓

- Pyramid ใชแ้ สดงตามสดั ส่วน ความสมั พนั ธ์ที่เช่อื มโยงกัน หรอื ความสพั พนั ธ์ตามลาํ ดับ โดยแบ่งเป็นช้นั
ต่าง ๆ จากบนลงล่าง จากลา่ งขนึ้ บน

- Picture เปน็ รปู แบบทใ่ี ช้รปู แบบรูปภาพและใช้ข้อความอธิบายภาพ หรอื ใชร้ ปู ภาพประกอบ
ความสัมพันธ์ เม่ือเลอื กรปู แบบทต่ี ้องการนํามาใช้งาน เชน่ ประเภท Relationship รปู แบบ Basic Radial เสร็จ
แล้วคลิก OK จากน้นั สามารถพิมพข์ ้อความ ปรบั แต่งสีและขนาดได้ทแ่ี ท็บ FORMAT
การบันทึกไฟล์

การบันทกึ ไฟลง์ านนาํ เสนอ .pptx, และ Export เป็นไฟล์ .pdf, PowerPoint Show และไฟลร์ ูปภาพ
การสร้างงานนาํ เสนอขึน้ มาแล้ว ถ้าตอ้ งการบันทึกงานนาํ เสนอน้ันเกบ็ ไว้ ก็สามารถทาํ ไดห้ ลายลกั ษณะ
ดงั นี้ วิธกี ารบันทึกงานนําเสนอใหม่ ไฟล์นามสกุล .pptx ๑ ) คลิกแท็บ File

๒ ) คลิกที่ Save หรอื Save As
- Save : บันทกึ งานนาํ เสนอเป็นชือ่ เดมิ
- Save As : บันทึกงานนาํ เสนอเปน็ ช่อื ใหม่

๓) กรณที ี่เลือก Save As ให้คลกิ ที่ Computer (กรณตี ้องการบันทึกงานไวใ้ นเคร่อื งคอมพวิ เตอร์ของเรา)
แลว้ ทําการเลือกโฟลเดอร์ ท่ตี ้องการจัดเก็บไฟล์

๔) คลิกที่ปุ่ม Browse จะปรากฏหนา้ ต่าง เลือกจัดเกบ็ ไฟลใ์ นตําแหนง่ ท่ตี ้องการเก็บ ในช่อง Save as
type สามารถเลอื กไฟล์ทเ่ี ราตอ้ งการ save เพ่ือนาํ ไปใชใ้ ห้เหมาะสมกับการใช้งาน จากน้ันกดปมุ่ Save

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๓๔

วธิ กี าร Export ไฟล์นามสกลุ .pdf
๑) คลิกแทบ็ File
๒) คลกิ คาํ สั่ง Export
๓) คลกิ คาํ สัง่ Create a PDF/XPS Document
๔) เลือกตาํ แหน่งจดั เก็บไฟล์ แลว้ กดปมุ่ Create PDF/XPS

วธิ กี าร Export เป็นไฟล์ PowerPoint Show
๑) คลิกแท็บ File
๒) คลิกคาํ สง่ั Export
๓) คลิกคาํ สง่ั Chang File Type
๔) เลอื กรูปแบบการบันทึกไฟล์ PowerPoint show (*.ppsx)
๕) คลิกเลือก Save as
๖) เลอื กตาํ แหน่งจัดเกบ็ ไฟล์แลว้ คลกิ save

สำนักงำนเขตพืน้ ทกี่ ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๓๕

การออกแบบ PowerPoint เบื้องต้นทน่ี า่ สนใจ
๑. ใช้ PowerPoint Templates ท่โี ปรแกรมมีมาให้อยู่แลว้ Templates ที่โปรแกรม PowerPoint มี ให้

อยูแ่ ลว้ จะชว่ ยทําให้ PowerPoint ดูมีอะไรมากขน้ึ ดเู หมือนวา่ ไดร้ ับการออกแบบมาเป็นอยา่ งดี เพราะทุก สไลด์
จะมที ิศทางดีไซน์ไปในทางเดียวกนั ทาํ ให้งานนําเสนอของคนอ่ืน ๆ ดดู ขี ้ึนมาได้โดยไมต่ ้องเสยี เวลามานัง่ คิด น่ัง
ออกแบบ Templates เอง หรือถ้าอยากได้ Templates ทม่ี ีความหลากหลายขน้ึ เด๋ยี วนเ้ี ขาก็มีใหโ้ หลด
Templates ฟรี เช่น เวบ็ ไซต์ https://www.freepik.com เปน็ ต้น

ตัวอยา่ ง Templates ฟรี เชน่ เว็บไซต์ https://www.freepik.com

๒. กําหนดธมี ของงานให้ชดั เจน เปน็ แนวมินิมอล คลาสสิค คลั เลอร์ฟูล หรอื เปน็ ลายไทย การกาํ หนด ธี
มของ PowerPoint ใหช้ ดั เจนต้งั แต่แรกก็เหมือนเปน็ การปกั ธงใหก้ บั ตวั เองวา่ งานของเราจะมีดีไซนแ์ บบไหนซ่งึ จะ
ทาํ ใหง้ ่ายต่อการออกแบบ PowerPoint มากยิ่งข้นึ ไม่วา่ จะแตง่ PowerPoint เองหรือจะเวลาหา Templates ก็
จะสามารถเลือกหา Templates ท่ตี รงกับความต้องการได้งา่ ยขึ้นเป็นระบบและไม่เสียเวลา

เครอื่ งมือช่วยให้การเลือกสเี ป็นเรอ่ื งงา่ ย แบบฟรี ๆ https://coolors.co/app

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศึกษำนครพนม เขต ๑

๓๖

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

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศึกษำนครพนม เขต ๑

๓๗

แนะนําเวบ็ ไซตท์ ีส่ ามารถโหลดภาพกราฟิกฟรี เพื่อนํามาใชใ้ นงานออกแบบ Infographic
www.freepik.com

www.vecteezy.com

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๓๘

www.flaticon.com/

สำนักงำนเขตพนื้ ทก่ี ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๓๙

ภาคผนวก

สำนักงำนเขตพนื้ ทก่ี ำรศึกษำประถมศกึ ษำนครพนม เขต ๑

๔๐

ตัวอย่าง Infographics

สำนักงำนเขตพืน้ ทก่ี ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๔๑
สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๔๒
สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๔๓
สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๔๔
สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑

๔๕
สำนักงำนเขตพนื้ ทกี่ ำรศกึ ษำประถมศกึ ษำนครพนม เขต ๑