การสรา้ งสรรค์ สือ่ อบี ุ๊ค Creative Media e-Book โดย อาจารย์ ดร. พันทิพา อมรฤทธ์ิ
อาจารย์ ดร.พันทพิ า อมรฤทธิ์ อาจารย์ประจาศูนย์วชิ าการเทคโนโลยแี ละสื่อสารการศกึ ษา สานกั เทคโนโลยีการศกึ ษา มหาวทิ ยาลัยสโุ ขทัยธรรมาธริ าช [email protected] [email protected]
Creative Media e-Book 1. ความรูเ้ บอื้ งต้นและความสาคญั ของ e-Book 2. โปรแกรมสาหรับการสร้าง e-Book 3. กระบวนการออกแบบสื่อ e-Book 4. การสรา้ งสรรค์ e-Book ดว้ ย MS Word / Publisher Design 5. การตกแตง่ ความสวยงาม e-Book ด้วย Anyflip / Canva / Pubhtml5 การสร้างสรรคส์ อื่ อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธิ์
1 ความรู้เบ้ืองตน้ และความสาคัญของ e-Book หนงั สอื อเิ ลก็ ทรอนิกส์ (electronic book) หรอื e-Book สื่อส่งิ พิมพใ์ นรูปแบบดิจิทัลไฟล์ หรอื สอ่ื สง่ิ พมิ พ์ อิเล็กทรอนิกส์และมัลตมิ ีเดีย ทสี่ ามารถแสดงผลได้บน หนา้ จออุปกรณ์คอมพิวเตอร์ และอุปกรณ์อิเล็กทรอนิกส์ แบบพกพาต่างๆ ความสาคญั ของ e-Book ในปัจจบุ นั • พฤตกิ รรมการรบั และเข้าถึงข้อมูลในยคุ ดจิ ทิ ัล • ความสะดวกในการเข้าถึงและเผยแพร่ในวงกวา้ ง • ความรวดเร็วในการสร้างและประหยัดทรัพยากร การสร้างสรรคส์ อื่ อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธิ์
1 ความรูเ้ บ้ืองตน้ และความสาคญั ของ e-Book Pros & Cons of E-Book ข้อดี ข้อเสยี ใช้พลงั งานและไฟฟ้า ลดงบประมาณและทรัพยากร ปัญหาดา้ นลขิ สิทธิ์ เข้าถงึ และกระจายขอ้ มลู ไดใ้ น วงกวา้ ง ปัญหาดา้ นการจดั เกบ็ พื้นท่ี จบั เกบ็ ทรัพยากรเพม่ิ เตมิ รักษาองคค์ วามรู้ไดค้ งนานใน รูปแบบดจิ ทิ ัลไฟล์ ปัญหาดา้ นสขุ ภาพ สามารถเหน็ ภาพไดจ้ ากสอ่ื มัลตมิ เี ดยี ทหี่ ลากหลาย การสรา้ งสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธิ์
1 ความรูเ้ บ้อื งต้นและความสาคัญของ e-Book E-Book Type e-Book file : PDF File, EPUB File, Mobi File Textbook Interactive e-Book Hypermedia, Hyperlink Multimedia e-Book, Polymedia Book Picture, Sound, VDO, Animation Intelligent e-Book AI, Cyberspace-Hyperspace Media e-Book การสรา้ งสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
1 ความรูเ้ บ้อื งต้นและความสาคัญของ e-Book ตัวอยา่ ง หนงั สอื e-Book ในรูปแบบต่างๆ Pace Communications Publishing Solutions PDF: internal sales tool with interactive elements like videos and motion graphics. http://www.nxtbook.com/nxtbooks/pace/custompublishing/index.php#/8 โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ การสรา้ งสรรคส์ อื่ อบี คุ๊
1 ความรู้เบอ้ื งตน้ และความสาคัญของ e-Book ตวั อยา่ ง หนังสือ e-Book ในรูปแบบตา่ งๆ Argo Annual Report Interactive e-book: annual report with custom navigation and interactive video elements https://www.argolimited.com/reports/2017-annual-report/ ตวั อยา่ งอ่ืนๆ – e-Book การสร้างสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
2 โปรแกรมสาหรบั การสร้าง e-Book เคร่อื งมอื ในการสรา้ ง e-Book การสรา้ ง e-Book ด้วยเวบ็ ไซต์บริการตา่ งๆ pubhtml5: http://pubhtml5.com/ anyflip: www.anyflip.com การสร้าง e-Book ด้วยโปรแกรมสรา้ งสรรค์ตา่ งๆ Sigil / PdfBooklet / iBooks Author / Desktop Author MS Word / Publisher Design / Flip Album การสร้างสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธิ์
3 กระบวนการออกแบบสอ่ื e-Book หลักพิ จารณาในการออกแบบสือ่ e-Book • วตั ถปุ ระสงคข์ องการทา e-Book • ประเภท / รปู แบบของสือ่ e-Book • รปู ร่างของสอื่ สงิ่ พิมพ์ / ขนาดของสื่อ e-Book • ความนา่ สนใจของเนอ้ื หา – อา่ นง่าย ใชภ้ าษาดี • ตาแหนง่ จุดแห่งความสนใจในสอ่ื e-Book • หลกั การออกแบบ e-Book เพื่อเพิ่มความนา่ สนใจ การสร้างสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
3 กระบวนการออกแบบส่อื e-Book หลกั การออกแบบกราฟกิ ในสอื่ e-Book https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทิพา อมรฤทธ์ิ การสร้างสรรคส์ อื่ อบี คุ๊
3 กระบวนการออกแบบส่ือ e-Book หลกั การออกแบบกราฟกิ ในสอ่ื e-Book การสรา้ งสรรคส์ อื่ อบี คุ๊ https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
3 กระบวนการออกแบบส่ือ e-Book หลกั การออกแบบกราฟกิ ในสอ่ื e-Book การสรา้ งสรรคส์ อื่ อบี คุ๊ https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
3 กระบวนการออกแบบส่ือ e-Book หลกั การออกแบบกราฟกิ ในสอ่ื e-Book การสรา้ งสรรคส์ อื่ อบี คุ๊ https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
3 กระบวนการออกแบบส่ือ e-Book หลกั การออกแบบกราฟกิ ในสอ่ื e-Book การสรา้ งสรรคส์ อื่ อบี คุ๊ https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
3 กระบวนการออกแบบสอ่ื e-Book หลกั การออกแบบกราฟกิ ในสอ่ื สง่ิ พิ มพ์ การสรา้ งสรรคส์ อ่ื อบี คุ๊ https://www.youtube.com/watch?v=a5KYlHNKQB8 โดย อาจารย์ ดร. พันทิพา อมรฤทธิ์
Fonts Typeface http://www.f0nt.com https://www.indesignskills.com/tutorials/best-magazine-fonts/ https://fonts.google.com/
Color
Shape
Eye Movement & Direction ที่มา : https://www.strategy-plus.net/people-view-website/ ทม่ี า https://www.singlegrain.com/blog-posts/conversions/101-on-eye- tracking-how-your-eyes-move-on-a-website-infographic/
3 กระบวนการออกแบบสอ่ื e-Book องค์ประกอบของ โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์ Publication Design 1. Headline 2. Introductory Paragraph 3. Body / Body Text / Body Copy 4. Bylines 5. Sub-headline / Subhead 6. Pull Quotes 7. Captions for Images 8. Section Head / Running Head 9. Folio 10. Box Copy / Panel https://www.outsource2india.com/creative- services/articles/10-key-elements-magazine-layout-design.asp การสร้างสรรคส์ อื่ อบี คุ๊
3 ความร้เู บ้อื งต้นและความสาคัญของ e-Book ตวั อยา่ ง การออกแบบหนังสอื e-Book การสร้างสรรคส์ อ่ื อีบคุ๊ https://www.makeuseof.com/tag/the-best-6-sites-to-get-free-ebooks/ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
3 ความรู้เบอื้ งต้นและความสาคัญของ e-Book ตวั อยา่ ง การออกแบบหนงั สือ e-Book https://allfreedesigns.com/table-of-contents-design-examples/ http://www.magazinedesigning.com/huck/ การสร้างสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
3 ความรเู้ บอื้ งต้นและความสาคัญของ e-Book ตัวอยา่ ง การออกแบบหนงั สอื e-Book https://www.pinterest.com/pin/483222234989729557 http://www.magazinedesigning.com/huck/ / การสรา้ งสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธ์ิ
3 ความรเู้ บอื้ งตน้ และความสาคญั ของ e-Book การสรา้ งสรรคส์ อื่ อีบคุ๊ https://www.pinterest.com/pin/483222234989729557/ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
3 กระบวนการออกแบบสอ่ื e-Book การเตรยี มเนอื้ หา • เรื่อง – ประเดน็ ทจี่ ะทาหนังสอื • โครงสร้าง – สารบัญ • เนือ้ หา – รายละเอียดข้อมลู ท่ีจะนาเสนอ • อา้ งอิง - ภาคผนวกตา่ งๆ การเตรยี มดา้ นทรพั ยากรประกอบ • รูปภาพประกอบตา่ งๆ • ภาพสญั ลกั ษณต์ า่ งๆ การเตรยี มดา้ นการออกแบบ การสร้างสรรคส์ อื่ อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธ์ิ
การวางแผน และออกแบบ 3 โครงรา่ ง องค์ประกอบ สื่อ e-Book Workshop 1 โครงร่างและองคป์ ระกอบ e-Book http://bit.ly/2E7xjvA การสรา้ งสรรคส์ อื่ อบี คุ๊
3 กระบวนการออกแบบสื่อ e-Book สว่ นประกอบของ Publication Design ในรปู แบบ e-Book • หนา้ ปก (Front Cover) • คานา (Introduction) • สารบัญ (Contents) • สาระของหนังสอื แตล่ ะหนา้ (Pages Contents) • อ้างอิง (Reference) • ดชั นี (Index) • ปกหลัง (Back Cover) การสรา้ งสรรคส์ อ่ื อีบคุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
เทคนคิ การออกแบบและตกแต่งส่อื e-Book • การวางโครงสรา้ ง e-Book • องคป์ ระกอบหน้าหนังสอื ต่างๆ หน้าหนังสอื (Pages) ขอ้ ความ (Texts) มลั ติมีเดียต่างๆ อาทิ ภาพประกอบ (.jpg, .gif, .bmp, .png, .tiff) เสยี ง (.mp3, .wav, .midi) คลปิ วิดโี อ และภาพเคลื่อนไหว (.mpeg, .wav, .avi) แหลง่ เชือ่ มโยงภายนอก (Links) • การเตรยี มทรพั ยากรท่ใี ช้ เชน่ ภาพ เสียง คลิปวดิ โี อ เสยี ง : https://www.youtube.com/audiolibrary/ ภาพ : https://www.freepik.com/ คลิปวิดโี อ : https://www.videvo.net/, https://videos.pexels.com เรม่ ิ การคัดเลือกและวเิ คราะหเ์ น้อื หา
การสร้างสรรค์ 4 สื่อ e-Book ดว้ ย Publisher Design Workshop 2 1. Microsoft Word 2. Publisher Design การสร้างสรรคส์ อื่ อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธ์ิ
4 การสรา้ งสรรค์ e-Book ดว้ ย Microsoft Word Microsoft Word • โปรแกรมสร้างงานเอกสาร สามารถสรา้ งงานสิ่งพิมพ์ไดห้ ลายรปู แบบ • ผใู้ ชง้ านคนุ้ เคยกับการทางานเอกสารดว้ ย MS Word • สร้างและแก้ไขงานไดง้ า่ ย • ส่งออกงานเอกสารในรปู แบบอิเลก็ ทรอนกิ สไ์ ฟลไ์ ดห้ ลากหลาย การสร้างสรรคส์ อื่ อบี คุ๊ โดย อาจารย์ ดร. พันทพิ า อมรฤทธิ์
4 การสร้างสรรค์ e-Book ด้วย Publisher Design Publisher Design • โปรแกรมทช่ี ว่ ยสรา้ งสงิ่ พิมพ์ ใชง้ านง่าย และรวดเร็วในการสรา้ ง • มคี วามสามารถในการสร้าง การออกแบบ และจัดทาเอกสารการตลาด • สร้างผลงานส่อื สงิ่ พิมพ์ได้ ขนาดคุณภาพสูง • ออกแบบประเภทสอื่ สิง่ พิมพ์ได้หลากหลาย อาทิ หนงั สือ ใบปลิว แผน่ พับ Catalogs โปสเตอร์ แบบฟอร์มต่างๆ เป็นต้น • ผอู้ อกแบบไมจ่ าเป็นต้องมีความรพู้ ้ืนฐานดา้ นการออกแบบสอื่ สิ่งพิมพ์ ก็สามารถใช้งานและออกแบบงานส่ิงพิ มพ์ ได้ การสร้างสรรคส์ อ่ื อบี คุ๊ โดย อาจารย์ ดร. พันทิพา อมรฤทธ์ิ
การสร้างสรรค์ 5 ส่อื e-Book ด้วย Anyflip Workshop 3 Anyflip: www.anyflip.com การสรา้ งสรรคส์ อื่ อบี คุ๊
Anyflip: www.anyflip.com
การสมคั รบญั ชเี พื่ อใชง้ าน Anyflip
การสรา้ ง e-Book การสรา้ ง ช้นั หนังสือ
การสร้าง e-Book
การตกแต่งช้นั หนังสอื และการเผยแพร่
การสรา้ งสรรค์ 4 สือ่ e-Book ดว้ ย Canva Workshop 4 สร้างตกแต่ง e-Book ด้วย Canva https://www.canva.com/ การสร้างสรรคส์ อ่ื อบี คุ๊
การใช้ Canva ออกแบบหน้าปก e-Book https://www.canva.com/
การใช้ Canva ออกแบบหน้าปก e-Book เลือก Templates ที่ถกู ใจ
การใช้ Canva ออกแบบหน้าปก e-Book ปรับแต่งหนา้ ปกตามความตอ้ งการ ดาวนโ์ หลดในรูปแบบภาพ .png มาใช้ทาปก
การสร้างสรรค์ 5 ส่ือ e-Book ด้วย pubhtml5 Workshop 5 pubhtml5: http://pubhtml5.com/ การสรา้ งสรรคส์ อื่ อบี คุ๊
การสมคั รบญั ชเี พื่ อใชง้ าน Pubhtml5
เครอื ข่ายสงั คม e-Book โดย Pubhtml5
การสร้าง e-Book การสรา้ ง ชัน้ หนงั สือ
การสร้าง e-Book
สถติ ิการเข้าชม e-Book
การตกแต่งช้นั หนังสอื และการเผยแพร่
การตกแต่งช้นั หนังสอื และการเผยแพร่
Search
