林佳燕
JIA-YAN LIN P ORTFOLIO
I DO WHAT I AM POND OF.
目錄 互動設計
03 01 個人簡介
13 互動設計專題
平面設計
25
33 繪圖創作
得獎作品
43
個人 簡介
19950717 helen840717@gmail.com 0912262855 台北科技大學 互動設計系 興趣 / 運動健身. 插畫. 視覺設計. 發想
林佳燕 Jia-Yan Lin
技術能力 / Adobe Illustrator Adobe Photoshop Adobe InDesign Adobe After Effects Adobe Premiere Adobe Dreamweaver Autodesk 3D Max Unity Processing Sikuli Axure RP
01
互動 設計
DoliDoly心情app設計企劃發想 目標理念 / 現代人壓力大，情緒無法發洩，透過心情APP， 讓大眾能夠輕鬆化解煩惱、壓力。 為您的心情尋找抒發的小窗口， 為忙碌的生活帶來小確幸。 APP背景設定 / APP場景設定為實驗室，透過各種代表不同心情 表態的元素混合，製作出一隻屬於那一天的心情 小怪獸。 預期效益 / 改變心情、情緒得到紓壓。
流程 / -> 實驗室 -> 心情顏色+抽取隨機元素 -> 搖一搖(APP安裝的行動裝置) -> 小怪獸出生(出現於APP主畫面) -> 記錄於心情日曆 -> 附加遊戲、餵食、裝飾、AR拍照、 分享功能 -> 每天24:00離開(離開主畫面) -> 回到實驗室畫面開始新的一天， 創造新的心情小怪獸 * 過去的小怪獸將會記錄於日曆供查看
-介面設計及流程草圖
-實驗室
-抽取隨機元素
-左圖 / 各種心情對應的符號及顏色 -下圖 / 透過配對產生的心情怪獸
-獲得元素
-產生心情怪獸(主畫面)
-填寫怪獸資料記錄於心情日曆
05
APP發想設計-帶著圖去旅行 作品理念 / 出國旅行時語言不通，讓人沒辦法順 利溝通嗎? 利用簡單的APP設計，結合 旅行常用圖示，幫助你在溝通時更具 體更明確! 使用技術 / Adobe Dreamweaver Adobe Illustrator
-左圖 / APP主畫面 -下圖 / 使用示意圖-點擊小圖示將會放大
- 變化效果圖
趣味網頁設計-變臉外星人 作品理念 / 不停變換的五官讓整張臉浮現各種表情，滑鼠停留可以讓五 官跑馬燈停住，是以趣味而非實用的網頁設計。 使用技術 / Adobe Dreamweaver Adobe Illustrator Adobe Photoshop
07
3Dmax 模型
作品主題 / 太空研究室 使用技術 / 3Dmax
作品主題 / 大砲 (草圖/2D設計圖/3D模型) 使用技術 / 3Dmax
09
Unity尋寶遊戲 作品理念 / 藉由滾球獲得遺失的寶石、發現隱藏的道路。 使用技術 / Unity
- 遊戲關卡設計
-上圖1 / 遊戲平面圖 -上圖2 / 遊戲結果畫面win -上圖3 / 遊戲結果畫面loss
11
互動設計 專題
Kinect互動體感遊戲-鯊戮 作品理念 / 讓人化身成一隻鯊魚，歷經幼兒、成長、被人 類捕獲、割下魚鰭放回海中的過程，體會鯊魚 的感受，提醒人們不要為了利益殺害無辜。 使用技術 / Unity 使用裝置 / Kinect . 液晶螢幕 . 筆記型電腦 負責項目 / 故事腳本、平面及主視覺設計
-遊戲介面設計
-製作團隊及指導老師莊育鯉
-展覽裝置擺設
-遊戲操作實況
展版設計->
04
-鯊戮形象海報設計
延伸發展-時報金讀獎參賽作品 創作主題 / 公益廣告設計 作品名稱 / 剪食 / 剪救 創作理念 / 一刀決定牠的命運，可能是救贖、可能是殺害，把持命運剪 刀的我們該選擇怎麼剪法?主標諧音諷刺人們的貪婪，"向上吊 起"的鯊魚顯得無助絕望，是該剪斷捕獲鯊魚的兇器，"放下" 牠們重回自由。希望藉由簡單的畫面對比帶來強烈的震撼， 強調鯊魚保育的重要。 使用技術 / Adobe Illustrator
17
互動裝飾藝術Sunny Code 作品理念 / 將採光良好的牆角漆上彩虹般的色彩，藉由光線 的引導讓人發現角落的驚喜，並結合QRcode，掃描後連結到 互動系官網， 成為互動設計系地標。 使用技術 / 雷射切割、Processing(製作QRcode) 使用媒材 / 水泥漆、木板、包密度泡綿 分配分作 / 理念發想、作品施工
- 左圖 / 製作團隊及指導老師簡明哲 - 上圖 / 製作過程 - 左下及下圖 / 完成品
19
體感結合擴增實境互動遊戲-赤嵌風雲 【新一代設計展. 高雄放視大賞】參展
作品理念 / 以赤嵌樓作為縮影，結合視角感測技術 和圖像辨識動畫的形式來傳達明清時期 台灣的歷史變遷，動畫視角隨著使用者 在動畫播放時的位移程度而改變，即用 自己角度來看歷史演變，以科技新藝發 楊赤嵌樓的歷史價值。 使用技術 / 3Dmax. Unity. RFID - 赤崁風雲創作小組 使用裝置 / 攝影鏡頭. 液晶螢幕
- 操作方式 / 辨識圖卡(觸發動畫) + 鏡頭(偵測人臉部位置) + 螢幕
- 展場布置
- 觀眾操作實況
-上圖 / 3D環境及物件製作 -下圖 / 故事內容分鏡
四面柱影片創作 -線在進行式 【臺北秋葉原內部互動藝術】 作品理念 / 一線到底的構成方式畫出 從古至今人們溝通的方 式，帶給人循序漸進、日 益進步、傳達訊息的意 境。 使用技術 / Adobe After Effects. Adobe Illustrator 影片流程 / -> 開場 -> 面對面講話 -> 瓶中信 -> 飛鴿傳書 -> 郵筒 -> 打字機 -> 電子郵件 -> 收音機 -> 電話 -> 手機 -> 視訊 -> 結尾
- 作品影片立即看
- 動畫效果
互動裝置LittleBits應用發想 -LittleChuBits啾比特 作品理念 / 利用LittleBits結合網路，製作出一個能表達愛、 有趣的小空間，當兩人在空間裡觸發裝置，就能 製造出浪漫氣氛的壁咚、深情滿滿的熱吻。 發想概念 / -> 壁咚(親吻)時按到牆上的按鈕 -> LED燈線亮起 -> 響起背景音樂 -> 發布愛的動態至facebook 應用目標 / 作出實體互動並展示、 經營粉絲專業分享技術資訊 使用技術 / IFTTT(設定裝置與網路連結) 使用裝置 / LittleCloudBits
-上圖 / 互動裝置LittleBits - 下圖 / 粉絲專業經營
23
平面 設計
教育不可或缺──樹篇 / 指南針篇 作品大小 / 240 x 350mm 使用技術 / Illustrator. Photoshop. 代針筆
27
交通安全海報設計-酒悲 作品理念 / 汽車頭燈投射出的光線，黑暗處形成了酒杯的形狀，駕駛 看不見行徑的路人騎士，下一步受害者發生悲劇，是駕駛 的責任，也是難以承擔的悲劇。喝酒不開車，開車不喝 酒，不然就會造成無法挽回的「酒悲」! 作品大小 / 297x 420mm 使用技術 / Illustrator
原住民海報設計-邵族白鹿傳說 作品理念 / 在與白鹿的一陣追逐中找到了山中的桃 花源，族人們抬頭仰望，感念祖先，相 信未來充滿了希望。把族人、山湖景色 及白鹿交融成圖地反轉的圖像，述說著 台灣原住民邵族的白鹿傳說。 作品大小 / 297x 420mm 使用技術 / Illustrator
資訊月海報設計 作品大小 / 61x 86mm 使用技術 / Illustrator
29
吉祥物設計 使用技術 / Illustrator -左頁 / 回收寶寶吉祥物設計 -右頁 / 個人形象吉祥物設計
3 31
繪圖 創作
電腦繪圖-眼前的希望 作品大小 / 210 x 297mm 使用技術 / Photoshop
35
太陽神傳說動畫分鏡繪製 作品大小 / A5 使用技術 / 代針筆手繪
37
活動海報繪製 作品大小 / 297 x 420mm 使用技術 / 酒精性麥克筆. 代針筆. 壓克力
39
現在 ‧ 過去 ‧ 未來 作品大小 / 297 x 420mm 使用技術 / 酒精性麥克筆. 代針筆. 壓克力
41
得獎 作品
2013 台北101商品設計比賽-佳作
作品理念 / 以101建築本身設計，可以將便利貼上下顛倒形成有去的組合方式。當我們 把101形狀的便利貼貼在書本上做註記時，在上頭書寫文字，就好比101大 樓本身利用燈光打出字一樣。就像現實中大樓的縮小版，值得收藏也別有樂 趣。利用便利貼，打造書中繽紛的小城市。 設計特點 / 1. 以彩虹七色作為商品顏色，給人多元、繽紛的選擇。 2. 便利貼的組合設計式發現101本身型體的互補關係，有效利用空間，也形 成拼貼上的趣味。 3. 以101大樓樓身顯字為概念，可在便利貼上自由書寫。 使用方法或情境 / 使用於註記重點、記事、溝通傳達。 材質運用 / 響應環保，使用再生紙。 示意圖使用技術 / Illustrator
2014書信傳愛卡片設計徵選-佳作
作品理念 / 大家聚在一起，喀擦! 照張相，將全家福全部塞近小小的框， 書信傳愛，將滿滿的愛傳給遠方的親人吧! 使用技術 / 手繪-麥克筆 . 代針筆
45
2014台灣國際學生創意設計大賽-入選 作品理念 / 樹木和路燈， 互相扶持和支撐的結合， 點亮了城市的道路。 樹木和公路， 錯綜複雜卻擠連彼此的結合， 象徵城市和自然和平共生。 樹木── 是在艱難的環境仍會尋處紮根的頑強生命， 是我們生存缺一不可的元素。 將環境維護的理念深植人心， 樹木將會和人類互利共生，生生不息。 使用技術 / Illustrator . Photoshop . 代針筆手繪
47
Thank You
49