多媒體互動設計課程介紹

多媒體互動設計課程大綱

早期的多媒體互動設計主要以 Director、Flash、網頁…等應用為主,但是近年來,有愈來愈多的互動科技技術應用逐漸成熟,網路頻寬與速度的成長以及各種物聯網設備普及,已經讓我們有更多互動的媒體與方式可以運用!

希望透過課程中豐富的範例與軟體操作說明、課程錄影,讓同學了解多媒體互動設計的相關概念與應用。

所有課程相關資料,包括「教材檔案」、「上課錄影影片」、「同學作業」、「參考資料」、「素材」…等,全部都會放上學校數位學習平台,方便同學除了課堂使用外,也能在非上課時間,甚至是課程結束後,都能隨時找回課程中的所有資料!

此外,課程中將搭配 1Know 翻轉學習平台,讓同學能清楚掌握每堂課程中所提及的教材、範例、參考資料…,體驗不一樣的學習新趨勢!

以下來介紹這門課程中,我們將會提到的一些互動設計所含蓋的領域!

一、互動網頁設計

視傳系同學一般最常接觸的領域,除了第一名的「印刷」外,第二名就是「網頁設計」!因此,學會如何設計網頁,對同學來說是非常實用的技能!

近兩年因為 HTML5 已成為網頁技術的主流,以往只要學會 DreamWeaver、Flash 就能掌握的網頁設計技術,早已不敷使用!不只要學會網頁版型視覺設計、還要學會 HTML 5、Javascript、CSS、jQuery…等網頁語法,再加上行動裝置的普及,網頁更必須提供符合行動裝置瀏覽的 RWD (響應式) 頁面設計!

在這門課程中,我們不談太過深入的技術性問題,而是以簡單易懂的應用程式:Mobirise 與線上服務 Wix.comWeebly.com 為主,讓同學了解目前網頁設計工具的主流,即使不懂網頁程式設計,也能輕鬆製作出專業水準的互動式網頁!

二、創意簡報設計與心智圖規劃應用

簡報也是很常見的互動設計運用方式,如何讓你的簡報第一眼就能抓住大家目光,是一件非常重要的事!除了微軟 Power Point 簡報外,其實還有更多不同類型的創意簡報可以應用!如 Prezi、Focusky、Sway …等都是很不錯的選擇!

※ 如果要在 Focusky 中加入影片,建議從 https://vimeo.com/​ 影音網站上取得網址(多數 Youtube 上的影片,在這裏都找得到喔!不要使用從 Youtube 取得的網址!)

Prezi 與 Focusky 都有一個共同點,就是以心智圖思維為核心設計,讓您的「完整簡報」不再被「一頁頁硬生生地拆開」,而是在完整的頁面中,如「脫韁野馬,自由發揮」! 不僅能讓視傳同學有更多的設計發揮空間,也能加入更多的多媒體元素!

※ 在 Focusky 中如要加入影片,建議從 https://vimeo.com/ 尋找適合的影片內容(多數 Youtube 上影片都能找到),不要直接從 Youtube 上

原來數位教材編製與錄影 一個人就能輕鬆完成(PDF講義)(2017).pdf

三、3D 室內與展場互動設計

3D 也是未來互動設計的主流,不論是室內設計、展場設計、公仔、Logo,甚至是虛擬實境,這些都需要有 3D 模型,課程中主要使用 Sweet Home 3D 免費開源的室內設計軟體,對於學習 3D 設計是一個很好的入門工具,除了有中文語系、操作簡單的特性,更有很優質的畫面輸出效果,甚至能製作攝影機動畫! 而如何運用網路上大量的免費 3D 模型資源,也是讓同學快速完成場景設計的利器!

配合視傳同學對於 3D 公仔設計的需求,我們將搭配 PhotoShop 3D、Sculptris 或 AutoDesk MudBox 等塑型軟體,讓同學有機會將自行設計的 3D 模型,透過系上最新的 3D 列印機輸出!

3D 設計完成的作品,透過 Sweet Home 3D 輸出成 HTML5 網頁,或是搭配目前已成熟的 WebGL 、WEBV 線上 3D 模型互動服務、Youtube 360度影片互動,也能成為互動設計的另一種展示場域!

四、創意程式互動設計

視覺傳達與程式設計有相關嗎?是的,現在的程式設計方式,已不再單純是冷冰冰的程式碼,而是以積木方式用拖曳就能完成許多的功能設定!在課程中我們將先帶領同學體驗「一小時學程式 One Hour of Code」,感受程式設計的「溫度」!

接著,透過 MIT 麻省理工學院開發的 Scratch,除了設計簡單的互動遊戲外,還要把麥克風、網路攝影機 WebCam 也加入,讓互動元素更加豐富!

紅外線感應、聲控、超音波、LED 燈,這些感應裝置也是很好的互動設計媒界,現在我們也可以很簡單透過像 Scratch 相同界面的 Webduino,來完成與感應裝置與網頁間的互動!讓它自動幫我們產生完整的網頁程式與基本的網頁視覺元素,就能再借助同學的設計能力,包裝成更完整的多媒體互動作品!

範例:人臉追蹤點亮 LED 燈

範例:語音聲控 LED 燈

五、AR 擴增實境、VR 虛擬實境介紹與應用

AR 擴增實境VR 虛擬實境這兩個未來互動趨勢,當然也是同學不能不知道的!在技術逐漸邁向成熟的浪潮下,我們將介紹幾款適合視傳同學體驗與製作的應用程式,讓同學從中體驗這兩種新的科技應用!

六、創客基地校外參訪

勞動部勞動力發展署中彰投分署設有台中地區第一個公辦的 Maker Space 創客基地,提供 3D 列印機、雷射雕刻機、3D 掃描器…等機器,只要通過相關機器操作訓練課程,就能攜帶相關耗材,在中心免費使用!也提供許多教育訓練課程、講座、共用辦公空間、以及 Maker 間的成果展示與相互交流機會!

電 話:04-37007777 傳 真:04-22297766 地址:臺中市北區錦平街40號2樓

預計在四月到五月份,利用星期三下午的時間前往創客基地,由中心為大家介紹相關的資源使用!

此外,去年視傳系也購入 3D 列印機,我們也將利用課程時間,讓大家有機會列印出自己的 3D 模型!