VIDEO
HERE

This course is offered in Fall semester
URL of this course: http://ceiba.cc.ntu.edu.tw/th6_500
Other Web Courses offered by Dr. Hsien-Hui Lee

注意：請先將作業二書面報告於一月二十五日前交到各校遠距交教學小組，
再統一寄到台大遠距交教學小組轉交給教師。
所有網頁作業必須於一月二十七日前上網。

﹝選課學生名單﹞
﹝如何在台灣大學的 WWW Server 建立個人網頁﹞


本課程內容為 DynaDoc 文件格式，需用 DynaDoc 瀏覽器閱讀。建議您下載 DynaDoc 瀏覽器，並用 Internet Explorer 瀏覽 。
 

課程綱要：
 

　　本課程的目的在使對多媒體藝術有興趣的學生具備對多媒體藝術的鑑賞能力，透過遠距教學的教學方式，了解多媒體藝術與創作之間的實務關係。

　　本課程分理論介紹和實務說明兩部份，理論介紹部份透過對國內外傑出多媒體作品的介紹和分析﹝包括多媒體光碟軟體及全球資訊網的網頁﹞，從視辨能力、戲劇理論、認知心理學當中探討多媒體藝術的理論基礎及價值觀。實務說明部份是運用國內兒童光碟軟體的製作理念與過程的實際資料，為學生說明多媒體企劃與製作的過程。實務練習部份是從資訊設計﹝information design﹞、互動設計﹝interaction design﹞、視覺表現設計的介紹﹝presentation design﹞，逐步引導學生依照多媒體企劃與製作流程完成個人之網頁。

參考書目：
  1. 《天馬行空─話說多媒體概論與實務》
    ←← 本書為教科書。
    李賢輝著，台北：財團法人資訊工業策進會，1999。
    請參考本書內容介紹
  2. 《多媒體設計入門》
    Gary Olson 著，許明潔譯，台北：龍溪圖書，1998。

  3. 《CD-TITLE 企劃與製作》
    黃永達編著，台北：亞邁多媒體，1999。

  4. "Computers as Theatre"
    Brenda Laurel. New York: Addison-Wesley, 1993。
  5. " Multimedia Demystified"
    Apple-New Media Series. New York: Random House, 1994。
  6. "Seeing is Believing: An Introduction to Visual Communication"
    Arthur Asa Berger. MountainView, California: Mayfield, 1989。
  7. 《台灣大學戲劇研究所虛擬圖書館 》
    李賢輝編，台北：台灣大學，1999.

授課內容：

﹝第 1 講﹞多媒體與溝通的藝術

﹝第 2 講﹞多媒體範例介紹 ﹝第 3 講﹞多媒體網頁設計注意事項 ﹝第 4 講﹞多媒體製作程序
  • 建構多媒體製作小組﹝85 KB﹞
  • 專案計劃書與合約﹝61 KB﹞
    • 專案計劃書
      • 溝通目標的陳述
      • 專案的處理方法
      • 專案的內容
      • 費用總結或預算
      • 製作進度管制表
    • 合約
  • 設計階段﹝141 KB﹞
    • 創意腦力激盪會議
    • 紙上設計
      • 內容導覽流程圖
      • 分鏡腳本
      • 互動功能操作規範
    • 產品雛形製作
  • 發展階段﹝39 KB﹞
    • 使用者測試
    • 產品生產
      • 阿法測試
      • 貝塔測試
      • 母片製作
    • 找尋產品缺點
﹝第 5 講﹞網頁設計與版面編排原則 ﹝第 6 講﹞如何迅速建立有效的網際網路資訊
﹝第 7 講﹞多媒體設計所根據的理論 ﹝第 8 講﹞多媒體設計的藝術面 ﹝第 9 講﹞多媒體設計的戲劇面

﹝第 10 講﹞從認知心理學談圖像的設計

  • 認知心理學
    • 感官信號的貯存
    • 注意力
    • 記憶結構
  • 圖像設計
    • 影像、符號與圖像之間的關係
    • 圖像如何幫助人溝通
    • 圖像設計的四個要件
﹝第 11 講﹞設計階段的要領與程序 ﹝第 12 講﹞資訊設計 ﹝第 13 講﹞互動設計
  • 互動設計的意義
    • 互動設計為使用者提供閱覽方向
  • 人體工學﹝ergonomics﹞
    • 可見度 ﹝visibility﹞
    • 概念模式 ﹝conceptual model ﹞
    • 回饋 ﹝feedback﹞
    • 隱喻和提示﹝metaphors and affordances﹞
  • 互動設計的基本工作
    • 瀏覽方向 ﹝orientation﹞
    • 影像圖集和隱喻﹝image maps and metaphors﹞
    • 導航 ﹝navigation﹞
    • 可使用度﹝usability﹞
    • 功能性﹝functionability﹞
    • 分鏡腳本﹝storyboard﹞
﹝第 14 講﹞視覺表現設計
  • 風格與主題﹝style and theme﹞
  • 呈現速度與時刻﹝pace and timing﹞
  • 呈現時間長度﹝running length﹞
  • 導航﹝navigation﹞
  • 結論﹝summary﹞

評分方式：
  • 作業一：﹝25%﹞以 WordPad 或 MSWord，一週編寫一篇有關遠距教學的文章。初期可以只用文字表達，然後學習逐漸加入數位影像，並逐週登載於個人網頁上。﹝一學期最少要完成九篇文章。﹞

    •  
  • 作業二：﹝25%﹞以書面的方式，依照課堂內所陳述的要點，說明設計過程所需考慮的事項與觀點，再依資訊設計、互動設計、視覺表現設計的過程，設計個人之 HOMEPAGE 腳本。
    請注意：作業三必須是你個人的 HOMEPAGE ，而不是介紹某一個專題或介紹某一個你喜歡的人。

    •  
  • 作業三：﹝25%﹞根據作業二的腳本製作成個人之 HOMEPAGE。

    •  
  • 作業四：﹝25%﹞依照講義所陳述的要點，並參考國外網頁設計，任選國內一個政府機關的網頁，改善其設計，甚至重新設計之。

Lecture: Dr. Hsien-Hui Lee
E-MAIL: hsienlee@ms4.hinet.net
Address: 1 Roosevelt Road, Section 4, Taipei, TAIWAN, Republic of China
Telephone: 886-2-2363-0231 ext 3644; 　
FAX: 886-2-2369-1350
(Last Update: Dec 15, 1999)