สื่jอ e book

การสรา้ งสรรค์

สือ่ อบี ุ๊ค

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

การตกแต่งช้นั หนังสอื และการเผยแพร่

การตกแต่งช้นั หนังสอื และการเผยแพร่