All or nothing, now or never.
戲
23 裝置
0
動 9互
遊 互動
動畫
像 5影
4
企劃
設計
覺 5視
3
設計
2
面 9介
8
互動裝置
互 動 裝 置
Bella 的音樂盒 · 共舞互動裝置 「貝菈，是一名熱愛芭蕾的年輕舞者，卻因為意外不幸的失去雙臂，在憂鬱惆悵的同時，遇到了以＜Freak Show(怪胎秀)＞揚名的馬戲團團長──菲力普，他將貝菈帶進怪胎秀的世界，並做成精緻的音樂盒讓她能在 其中盡情的舞動 ... ... 」 我們將實際呈現貝菈的音樂盒，觀眾們得以透過雙手操作音樂盒內的互動裝置，和盒內的貝菈「共舞 」、 攜手完成表演。轉動發條，展開這場神秘的表演體驗。
設計團隊 林佳燕
鄭琪馨
視覺設計 裝置結構設計 角色設計 程式設計 3D貼圖繪製 裝置外觀彩繪
古偉助
余宗逸
田雅銘
王靜儀
王明道
裝置結構設計 裝置組裝 程式設計
3D模型製作 3D動畫 裝置組裝
裝置結構設計 程式設計
動畫設計 UI設計 裝置組裝
指導老師
裝置結構圖
互 動 裝 置
角色設計過程
12
遊戲流程 / 裝置 / 搖擺假人模型 滑鼠滾輪滾動觸發遊戲運作 / 內容 / 開場動畫播放
/ 內容 / 開場動畫播放 前導故事 解說操作方式
/ 內容 / 開場動畫播放結束 遊戲開始
/ 裝置 / 搖擺假人模型 滑鼠滾輪滾動觸發遊戲運作 左擺 = 滾輪往前 = A 右擺 = 滾輪往後 = B / 內容 / A = 向左舞動動畫 B = 向右舞動動畫 / 程式 / 10秒內左右搖擺(AB各觸發5次)進 階下一階段，共五階段 60秒完成五階段->成功 60秒內未完成五階段->失敗 / 內容 / 成功 = 播放成功片段動畫 失敗 = 播放失敗片段動畫
/ 內容 / 播放完成功片段動畫後 播放結尾動畫
互 動 裝 置
Little Chu Bits 教學推廣作品實作企劃 - 粉專經營推廣互動裝置littlebits - 利用現成網路平台建立教學網 - 形象品牌經營 - 運用littlebits製作實體互動裝置
設計團隊 林佳燕 視覺設計、裝置研究、影片拍攝、網站經營
陳品瑄 網頁經營、裝置研究、演員、影片後製
楊凱堤 企劃、網頁經營、裝置研究、影片後製
全瑋姝 網頁經營、裝置研究、影片後製、演員
裝置設計理念 運用littlebits這個簡易積木互動元件製作一個情人節互動裝置。 按下按鈕的同時，littlechubits將會送你一封情書，帶給你單純的溫暖。
裝置流程
14
(上圖) 粉絲專業及教學網站經營 (左圖) 裝置設計圖、裝置成品照
互 動 裝 置
互動裝飾藝術Sunny Code 作品理念 將採光良好的牆角漆上彩虹般的色彩，藉由光線的引導讓人 發現角落的驚喜，並結合QRcode，掃描後連結到互動系官 網， 成為互動設計系地標。 使用技術 雷射切割、Processing(製作QRcode) 使用媒材 水泥漆、木板、包密度泡綿 負責工作 理念發想、作品施工
16
(左圖) 製作團隊及指導老師簡明哲 (上圖) 製作過程 (左下及下圖) 完成品
互 動 裝 置
體感結合擴增實境互動遊戲-赤嵌風雲 【新一代設計展. 高雄放視大賞】參展 作品理念
以赤嵌樓作為縮影，結合視角感測技術和圖像 辨識動畫的形式來傳達明清時期台灣的歷史變 遷，動畫視角隨著使用者在動畫播放時的位移 程度而改變，即用自己角度來看歷史演變，以 科技新藝發楊赤嵌樓的歷史價值。
使用技術 3Dmax. Unity. RFID 使用裝置 攝影鏡頭. 液晶螢幕
赤崁風雲創作小組
操作方式 辨識圖卡(觸發動畫) + 鏡頭(偵測人臉部位置) + 螢幕
展場布置
18
觀眾操作實況
3D模型場景製作過程
互 動 裝 置
分鏡手稿
20
22
互動遊戲
互 動 遊 戲
設計團隊 林佳燕 視覺設計、UI設計
《 Rumble 》是一款賦予玩家權力懲罰別人的網頁遊戲，玩家是一 位見習中的雷神，在時間的壓力下找出壞人並給予雷擊！
鄭琪馨 流程企劃
我們想呈現的議題是：身處於網路時代的人們，在快速的訊息流竄 之中，往往還來不及了解事情的來龍去脈，就憑著心中自以為是的 正義妄下評論，這也是人性的通病---「認為眼見就是為憑」，有 時則引發誤會。
田雅銘 動畫設計
遊戲流程
24
創作理念
我們運用「錯視」的手法來表達「誤解」，透過任意旋轉方型城市 產生錯視感，玩家要找出真正的壞人做壞事；給予雷擊，也就如同 網路上的輿論攻擊，這些具有強烈正義感的網民，透過手機、平 板、電腦在玩此款網頁遊戲的同時，就像是人們隔著螢幕針對時事 評論的模樣。
互 動 遊 戲
Kinect互動體感遊戲-鯊戮 作品理念 讓人化身成一隻鯊魚，歷經幼兒、成長、被人類捕 獲、割下魚鰭放回海中的過程，體會鯊魚的感受， 提醒人們不要為了利益殺害無辜。
負責項目 故事腳本、平面及主視覺設計 使用技術 Unity 使用裝置 Kinect . 液晶螢幕 . 筆記型電腦 操作方式 這是一個Unity體感遊戲，利用使用者的雙手擺動來 製作團隊及指導老師莊育鯉
操控遊戲。 三種動作與使用情境: 1. 平舉左手 - 角色或游標往左移動 2. 平舉右手 - 角色或游標往右移動 3. 高舉右手 - 確認或進行下一步
26
遊戲流程示意圖
28
介面設計
介 面 設 計
冰BOX APP
幫你方便管理家裡冰箱 完美善用任何食材不浪費! 設計團隊 林佳燕 / 使用流程規劃、wireframe繪製 張宇彤 / 展示展板設計、UI美化 田雅銘 / UI美化 吳東霖 / 競業分析、3D模擬 楊凱堤 / 問卷設計 陳品瑄 / 影片拍攝、影片後製 全瑋姝 / 影片拍攝、競業分析
流程規劃wireframe繪製
介 面 設 計
Music APP UI Design 結合創新功能，透過簡易的操作介 面表現發揮音樂app最大功能。
32
34
視覺設計
視 覺 設 計
線上教學平台E4E logo設計
36
專題團隊BJD logo設計
視 覺 設 計
日式韓國料理店HALLAI logo設計
38
畢業專題POES logo設計
視 覺 設 計
3Dmax 模型
作品主題 / 太空研究室 使用技術 / 3Dmax
作品主題 / 大砲 (草圖/2D設計圖/3D模型) 使用技術 / 3Dmax
視 覺 設 計
2014台灣國際學生創意設計大賽-入選 作品理念 樹木和路燈， 互相扶持和支撐的結合， 點亮了城市的道路。 樹木和公路， 錯綜複雜卻擠連彼此的結合， 象徵城市和自然和平共生。 樹木── 是在艱難的環境仍會尋處紮根的頑強生命， 是我們生存缺一不可的元素。 將環境維護的理念深植人心， 樹木將會和人類互利共生，生生不息。
使用技術 Illustrator . Photoshop . 代針筆手繪
44
影像動畫
影 像 動 畫
你是否常常邊走路邊看著手機? 生活中有半天都處於低頭狀態? 小心得了文明病──低頭族症候群! 設計團隊
林佳燕 角色場景設計、視覺設計 楊凱堤 角色場景製作、動畫製作 徐宗逸 角色場景製作、動畫製作
46
影 像 動 畫
每到學期末，最期待的就是倒數放假! 遠離滿山的作業、滿天的考卷 快樂迎接寒假! 設計團隊 林佳燕 楊凱堤 全瑋姝 陳品瑄
影片拍攝、後製- 美化 影片拍攝、後製- 剪接 影片拍攝、後製- 音效 影片拍攝、後製- 整合
AKMU 200% MV仿製 設計團隊 林佳燕 楊凱堤 全瑋姝 陳品瑄
影片拍攝、後製- 美化 影片拍攝、後製- 剪接 影片拍攝、後製- 音效 影片拍攝、後製- 整合
THANK YOU!