การออกแบบและพัฒนาสื่อประสม

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

เนื้อหา การวางแผนและการออกแบบสื่อประสม วิธีการออกแบบ การออกแบบส่วนติดต่อกับผู้ใช้ การออกแบบสื่อต่าง ๆ การทดสอบสื่อประสม การส่งมอบสื่อประสม ลิขสิทธิ์

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

เอกสารที่ได้จากการออกแบบ กระบวนการวางแผนและการจัดทำเอกสารต่าง ๆ เป็นส่วนสำคัญ ของขั้นตอนการออกแบบสื่อประสม เอกสารที่ได้จากการออกแบบ Storyboard Flowchart Scripts

Storyboard Storyboard คือ การสร้างภาพให้เห็นลำดับขั้นตอนตามเนื้อเรื่องที่ ต้องการ โดยเฉพาะการสร้างภาพเคลื่อนไหว รายละเอียดที่ควรมีใน Storyboard ภาพร่าง คำอธิบายแต่ละสื่อที่ใช้ (ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง วีดิโอ) เวลาที่ใช้ หลายเลขหน้าจอ การเปลี่ยนภาพ (Transition) เครื่องมือหรือโปรแกรมที่ใช้ งบประมาณ ระบบนำทาง (Navigation) คำอธิบายเพิ่มเติม (Comments)

Multimedia Storyboard Project Name :............................................ Page Number............... of .......... Prepared by :............................................... Scene Number............................ Desc.of Text :.............................................. Transition :................................... Desc.of Graphic :......................................... Transition :................................... Desc.of Animation :...................................... Transition :................................... Desc.of Audio :............................................. Transition :................................... Desc.of Video :............................................. Transition :................................... Time Required :............................................ Notes :............................................................................................................... ...................................................................................................... Multimedia Storyboard

ตัวอย่าง Storyboard ภาพ คำอธิบายภาพ เนื้อหา ข้อความ เสียงประกอบ

Flowcharts ใช้ในการอธิบายกระบวนการที่ต้องมีการตัดสินใจ หรือมีทางเลือก Main Menu Training module 3 Training module 2 Training module 1 Flash movie 3 Flash movie 2 Flash movie 1

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

วิธีการออกแบบ การกำหนดวัตถุประสงค์ How : ผู้ใช้ใช้สื่อประสมอย่างไร Why : ทำไมผู้ใช้ถึงต้องใช้สื่อประสมนี้ What : ผู้ใช้ใช้อะไรจากสื่อประสม What medium and platform : อะไรที่ผู้ใช้ใช้ในการ เข้าถึงสื่อประสม What types of features : คุณลักษณะประเภทใดที่ให้ ประโยชน์แก่ผู้ใช้สูงสุด

กลุ่มผู้ใช้ (Audience) Who : ใครคือกลุ่มผู้ฟัง Age : ช่วงอายุของกลุ่มผู้ฟัง What gender : เพศของกลุ่มผู้ฟัง How computer literate : ความชำนาญในการใช้ คอมพิวเตอร์ interests : อะไรที่กลุ่มผู้ใช้โดยทั่วไปให้ความสนใจเป็นพิเศษ beliefs : อะไรที่กลุ่มผู้ใช้โดยทั่วไปให้ความเชื่อถือ values : อะไรที่คุณค่าที่กลุ่มผู้ใช้โดยทั่วไปจะได้รับ

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

การออกแบบส่วนติดต่อกับผู้ใช้ Consistency Color Scheme : Monochromatic color scheme Layout Navigation Transitions Unity Timing

การออกแบบสื่อต่าง ๆ Text Graphics Animation Sound Video

ตัวอย่างการใช้ Text Serif Fonts Times New Roman Bookman Old Style Garamond Tahoma Georgia Verdana Sans Serif Fonts Monotype Corsiva Arial Narrow Arial Black Impact Comic Sans MS Haettenschweiler

ตัวอย่างการใช้สีข้อความกับพื้นหลัง ฺBlack text on a White background offers the greatest contrast. It is easy to read dark text on a light background If there is enough contrast, light text on a dark background will work. There is not enough contrast between the text color and the background color. This text is difficult to read.

การทดสอบสื่อประสม Design Content Multimedia elements Programming code User interface Method of navigation Interactivity

การส่งมอบสื่อประสม Storage and distribution media : magnetic tape, magnetic disks, magneto-optical disks, CD-ROM, DVD, laser disk, Web server Packaging and delivery

ลิขสิทธิ์ Copyright laws : Art forms and electronic art forms To be sure to read the agreement carefully Can use some elements royalty-free