RUO TUNG’S PORTFOLIO ·2015-2019·
CON T E N T 目錄
A BO UT ME 關於我
GRAPHIC DESIGN 平面設計
P RO JECT 專案製作
MOTION DESIGN 動畫製作
ABOUT M E 關於 我
Hello I’m Kate！ 王若 彤 R u o - T u n g, Wan g 畢 業 於 大同大學媒體設計學系互動媒體組。從小就喜歡從事 關 於 藝 術方面的事情，高中時期選修課選擇了應用美術，從 此 開 啟 了我的設計這條路。其中，我最喜歡動畫製作，喜歡 將 平 面 的事物賦予新的生命，對於設計充滿熱誠，也樂於分 享 自 己 的作品，希望能在與別人交流時，從中學習到更多。
SKILLS I llu st rat or ｜ A f te r E f fe c t｜P h o to s h o p ｜iMovie
EDUCATION SEP 2016 - JUN 2019 大同大學媒體設計學系互動媒體組
WO R K E X P E R I E N C E JUL 2018 - NOW JUN 2017
景澤創意有限公司 | 設計部工讀生
聯樂數位行銷 | 業務部實習生
SEP 2013 - AUG 2014
崇光女中熱舞社 | 美宣長
HONOR OCT 2018
作品名稱：TAIPEI POST CARD
教育部智慧生活三創競賽 | 創新組-優勝 OCT 2018
作品名稱：DONG DONG BANK
教育部智慧生活三創競賽 | 創意組-佳作
HOBBY 跳舞｜打羽球｜動畫製作｜平面設計
CONTACT ME P h on e : 0 9 2 3 8 6 0 8 0 7
|
E m a i l : k a te860807@ gmail.com |
A dd ress : 新 北 市 新 店 區 明 德 路 6 9巷 1 1號4 樓
關於我
ABOU T ME
G RAP HI C D E SI GN 平面設計
G R AP HI C D E S I GN 紅酒 選 擇 法
F I V E WAYS TO C HOOSE YOUR WINE 紅酒選擇法 siz e ： 420* 29 7 m m | m a d e b y : Ill u st ra tor
將紅酒選擇法分成五個步驟，以輸送帶的方式將五個代表物放在上面，到了第五個步驟 之後掉下去就會變成一個屬於你完美的紅酒，旁邊的插圖能讓觀看者清楚了解我是在做 紅酒的分析。
GRAP HI C D E S I GN 紅酒選擇法
G RA PH I C D E S I GN 穀物 啤 酒 製 造 過 程
H AV E S O ME BEER ! 穀 物 啤 酒 製造過程 s iz e ： 420* 29 7 m m | m a d e b y : Ill u st ra tor
透過由下往上的動線讓觀看者清楚知道正確的步驟，嘗試加上陰影呈現3D的樣子，圖 中以簡單的圖像加上小人在上面工作，替整張圖增添活潑感，配色上以粉紅色為背景， 其他地方則以較對比的顏色來呈現。
GRAP HI C D E S I GN 穀物啤酒製造過程
GRA PH I C D ES I GN 綠色 和 平 城 市 _保 護 海 洋
G R E E N P EAC E PROT ECT THE OCEAN 綠 色 和 平 城市_ 保護海洋 siz e ： 420* 29 7 m m | m a d e b y : Ill u st ra tor
以綠色和平中的守護海洋為核心主題又再分成四個事件，透過背景的城市來表達此事件 發生的地點，再以簡單的圖是簡單地表示這個國家是發生什麼事情，也希望藉由這個海 報來傳達海洋的重要性。
GRAP HI C D E S I GN 綠色和平城市_ 保護海洋
GRA PH I C D ES I GN 各國 強 震 比 較
E A R T H QUA KES I N VARIOUS COUNTRIES 各 國 強 震 比較 siz e ： 420* 29 7 m m | m a d e b y : Ill u st ra tor
以較特別的方式來呈現各國歷史上的強震，房子就像是蛋糕依樣一層一層的堆疊，從6 級到9級分別以義大利、紐西蘭、印尼及智利作為主題，圖中在放上各國特色建築及地 標性建築，讓觀看者清楚知道是哪個國家的事件。
GRAP HI C D E S I GN 各國強震比較
G R AP HI C D E S I GN 各國 打 招 呼 方 式
GRAP HI C D E S I GN 紅酒選擇法
GR AP H I C D ES I GN 各 國 打 招 呼 方式
G R E E T INGS F ROM A ROUND THE WOR L D 各 國 打 招 呼方式 s iz e ： 420* 29 7 m m | m a d e b y : Ill u st ra tor
每個國家的打招呼方式皆不同，以亞洲、美洲、歐洲及大洋洲作為主要地域分析，再從 中選擇了韓國、美國、西班牙及毛利人，中間的Logo使用地球的方式讓觀看者清楚明 瞭我的出發點，背景的顏色以和諧為主，讓人看了輕鬆自在。
紅酒選擇法
GRAP HI C D E S I GN
GRA PH IC DE SIGN 龍門 營 區 規 畫 案服 務 建 議 書
龍 門 營 區 規畫案服務建議書 siz e ： 29 7* 210 m m | m a d e b y : Il lu st rator
此服務案地點為龍門營區，視覺上則是採用一塊簡易得地圖，第一層為入口處的小木 屋、第二層為露營車及帳篷處、第三層為小木屋、第四層則為獨木舟訓練地點及龍門吊 橋，將龍門營區的特色展現出來。
GRAPHIC DE SIGN 龍門營區規畫案服務建議書
GRA PH IC DE SIGN 生態 系 統 服 務 海 報
生 態 服 務 系統海報 siz e ： 210 * 29 7 m m | m a d e b y : Il lu st rator
將原有的生態服務系統海報做re-design，將原本較嚴肅之風格改成較活潑的line-art illustrator的風格，並加上插圖來讓整體更活潑，色彩上則以淡黃色作為基底，再去配 上舒服的色彩。
GRAPHIC DE SIGN 生態系統服務海報
GRAPH IC DE SIGN 景澤 創 意 徵 才 E D M
景 澤 創 意 徵才E DM siz e ： 1080 * 54 0 px | m a d e b y : Il lu st ra tor
以吉祥物的方式帶出行政人員及環境教育專員的工作內容。環境教育專員呈現出在觀看 濕地場域以及測量樹高。行政專員則是呈現出使用影印機列印文件及接洽個事務的樣 子。色彩上採用公司所規範的色彩設計下去做配色。
GRAPHIC DE SIGN 景澤創意徵才EDM
GRA PH IC DE SIGN 湳仔 溝 鐵 馬 驛 站 E D M
湳 仔 溝 鐵 馬驛站E DM siz e ： 1080 * 54 0 px | m a d e b y : Pho t oshop
透過地圖去了解湳仔溝鐵馬驛站及周邊環境的相關位置，上圖透過色塊的方式呈現湳仔 溝鐵馬驛站及周邊的建築環境，下圖則是改為較有流動性的構圖，即將附近的新海三期 人工濕地也放入圖中。色彩則是採用比較活潑的配色，跳脫原有的色彩。
GRAPHIC DE SIGN 湳仔溝鐵馬驛站EDM
GRAPH IC DE SIGN 公民 科 學 講 座 宣 傳 E D M
公 民 科 學 講 座宣傳E DM s iz e ： 10 80 * 5 40 px | m a d e b y : Pho t o sh op
公民科學講座主要分為三個主軸，分別為「國土水資源」、「生態環境」及「科學調 查」，以這三點下去發展出左上角的水質檢測，左下角的友善農業，右上角的生態科學 調查，色彩採用大自然的顏色下去做搭配，並加上陰影增加層次感。
公民科學講座宣傳EDM
GRAPHIC DE SIGN
GRAPH IC DE SIGN 新北 濕 地 藝 術 季 - 割 稻 趣
新 北 濕 地 藝術 季- 割稻趣 s iz e ： 10 80 * 5 40 px | m a d e b y : Il lu st r a t or
2019年新北濕地藝術季中的割稻活動，將原有的主視覺改為親子的割稻的活動，割稻 活動主要對象為國小生，人物活動方面主要呈現出親子的互動，在後方也加上濕地生態 中會出現的動物，讓畫面更加豐富也將當地特色展現出來。
新北濕地藝術季-割稻趣
GRAPHIC DE SIGN
GRA PH IC DE SIGN 新北 市 人 工 濕 地環 境 教 育 推 廣 計 畫-小小濕樂園
新 北 市 人 工 濕地環境教育推廣計畫-小小濕樂園 s iz e ： 10 80 * 5 40 px | m a d e b y : Il lu st r a t or
新北市人工溼地的環境教育推廣計畫宣傳EDM，每月安排一主題，認識人工濕地的淨 化過成，並認識濕地內的生物。視覺上則採用小人物正在活動中的樣子來呈現，並以人 小物大的風格，讓畫面看起來比較可愛。
GRAPHIC DE SIGN 新北市人工濕地環境教育推廣計畫-小小濕樂園
GRA PH IC DE SIGN 貳拾 號 公 民 會 所- 社 區 專 長 交 換 教 室
貳 拾 號 公 民 會所- 社區專長交換教室 s iz e ： 10 80 * 5 40 px | m a d e b y : Il lu st r a t or
貳拾號公民會所位於台北市大同區，這裡每週都會舉辦社區專長交換教室，提供附近的 居民參加。社區專長交換教室分為「繪畫手作」、「烘焙料理」、「3C及遊戲」、 「身心靈建康」。由於社區專長交換通常用得到的地方是手部，以模型的構圖下去做發 想，配上上則採用黑、白、黃、橘下去做搭配。
GRAPHIC DE SIGN 貳拾號公民會所-社區專長交換教室
GRA PH IC DE SIGN 貳拾 號 公 民 會 所 - 社 區 專 長 交 換 教 室
貳 拾 號 公 民 會所- 社區專長交換教室 s iz e ： 10 80 * 5 40 px | m a d e b y : Il lu st r a t or
貳拾號公民會所位於台北市大同區，這裡每週都會舉辦社區專長交換教室，提供附近的 居民參加。社區專長交換教室分為「繪畫手作」、「烘焙料理」、「3C及遊戲」、 「身心靈建康」。這個版本則是以模型中的某一個組合下去做發想並放大。
GRAPHIC DE SIGN 貳拾號公民會所-社區專長交換教室
P ROJ E CT 專案製作
D RIN K M O R E WAT E R 多喝水 流 行 語 典 INTRODUCTION 主軸 | 年輕人流行用語 核心概念 | 使用現代年輕人流行用語展現無理頭的特色 客群 | 年輕族群、學生 視覺形象定位 | 活潑的、無釐頭
INTERACTIVE WAYS 點選流行語
點選觀看影片
點擊螢幕
點擊物件做互動
RECORD 2017放式大賞 | 跨領域類 設計理念
|
我 們 將 流行 語 典 變 成 螢 幕 鑲 嵌 在 販 賣 機上，並用影片中的角色來呼籲到大家要喝水的
重要性，故 事 主 題 偏 向 大家 在 學 生 時 代 會 發 生 的 事 情 ，讓大家也能夠回憶起學生時期的趣事。
CONTENT 負責項目 | 在專案中是負責將2D平面的圖片變成動畫，以及影片剪輯及配樂。
STORTBOARD
母女對話及眼睛變化
臉部表情變化及說話
母女對話、眼睛變化及手指搖擺
文字漸入及表情變化
臉部表情變化
表情變化
螢幕文字漸入
表情變化及文字漸入
作品連結 | https://www.youtube.com/watch?v=7Lm0A2Nip2k
多喝水流行語典
DRIN K M O R E WAT E R
TAI P EI P O S T CA R D 台北 明 信 片 INTRODUCTION 主軸 | 台北互動式AR明信片 核心概念 | 科技越來越發達，越來越多人不在寫明信片。透過AR互動式 明信片，不僅能讓觀光客更加認識台北地標性建築也能從中體驗台北。 客群 | 來到台北的觀光客 視覺形象定位 | 數位化的、仿真的
INTERACTIVE WAYS 點選地區
觀看介紹後點擊掃描
點擊螢幕上發光的地方
以360度的方式觀看該樓層看出去的風景
RECORD 2018教育部智慧生活三創競賽 | 創新組-優勝 設計理念 | 透 過 互 動 式AR 明 信 片 ， 選 擇 了 台 北 三 個地標性建築，包括信義區的10 1、萬華區的龍 山寺及平溪區的平溪老街，不同的地區以不同的互動方式，讓觀光客將明信片寄回後，還能夠與別 人分享。
CONTENT 負責項目 | 在專案中是負責介面設計、明信片設計及平溪老街建模。
POST CARD DESIGN 美術風格 | 以黑白線條簡單的風格，讓它能與3D建模的仿真感產生不一樣的感受。
UI DESIGN 美術風格 | 以深藍色的背景展現科技化的感覺，並附上該地區的特色物件。
3D MODEL 美術風格 | 模仿當地老街的建築及小火車，讓使用者也能體驗到平溪老街的現狀。
台北明信片
TA IP E I P O S T CAR D
A N NOYI NG G I R LFR I E N D 偶動畫 INTRODUCTION 主軸 | 情侶日常偶動畫 核心概念 | 以搞笑的方式呈現情侶生活中會產生的趣事，配上無理頭的外 星文讓整部片更加風趣可愛。 視覺形象定位 | 風趣的、搞笑的
CONTENT 設計理念 | 以家中客廳為主要場景，用道具來帶到故事內容，讓動畫變得更加有趣。 負責項目 | 在專案中是協助拍攝、擺設偶的動作及串連影片和配樂。
情侶互相搶抱枕
情侶在家中拖地
情侶在家中吃飯喝茶
情侶在家中看書女生擾亂男生
作品連結 | https://www.youtube.com/watch?v=HEzc60tsccE
偶動畫
A NN OYI N G GI R LFR I E N D
SI T, AN D F LY 坐下， 樹 寶 帶 你飛 INTRODUCTION 主軸 | 與國泰世華銀行合作的產學成品 核心概念 | 以旅遊為核心，用比較可愛的方式呈現國泰世華銀行裡的資訊，讓使用者不會 感到厭惡。 客群 | 45 - 65歲的上班族 視覺形象定位 | 可愛的、討喜的
CONTENT 負責項目 | 在專案中是負責將2D平面的圖片變成動畫，以及影片剪輯及配樂。
主角帶著樹寶走在路上
關於日本的即時匯率
選擇想看的國家
關於旅遊的保險優惠
SIT, AN D FI Y
關於旅行的信用卡資訊
坐下，樹寶帶你飛
前導：樹寶乘坐飛機進
WH AT HAPPE N ED IN T HE BOX ? 能有 何 事 INTRODUCTION 主軸 | 互動式AR立體書 核心概念 | 隨著都是發展及便利性需求的轉變，許多傳統的商店都逐漸消逝，讓現代人漸 漸遺忘過去那些風有人情味的商店特色。我們希望藉由所創造的盒子讓使用者能夠回憶及 體驗過去50-60年代商店的氛圍。 創作理念 | 打破以往立體書的形式，改以故事盒為主體結構，盒子裡面以POP-UP的方式 呈現店家的擺設，搭配手繪的插畫襯托出時代的溫度，並增加擴增實境的互動方式來提升 更多感性及趣味方面的體驗，讓商品更能完整地讓使用者體驗到當時的氛圍。 客群 | 學校教育使用、老人及年輕人的共同體驗亦或是文創產業 視覺形象定位 | 手繪感的、溫暖的
INTERACTIVE WAYS
掃描盒外前導動畫
透過對話找尋盒內的動畫及互動點
盒內動畫呈現
盒內互動呈現
ROLE CONCEPTION 作品的美術風格以手繪的方式來呈現，手繪線稿及淡彩的上色技巧能襯托出時代的溫度及人情味。 角色設計的部分是以純樸的台灣人下去做描繪，給人憨厚老實的感覺。
DEVICE DESIGN 裝置外殼的材質為銅版紙上霧，內部結構則採用萊妮紙，將內部及外部的感覺產生差別。整體的尺寸 為（長19 cm* 寬18 cm * 高16 cm），蓋子的大小為（長19.2 cm* 寬18.2 cm * 高4cm）， 所有的物件可以收納於盒子中。
能有何事
W H AT HAPPE N E D IN THE BOX ?
M OTI ON D E S I G N 動畫製作
MOTIO N D E S I G N G OOGLE 20 歲介 紹 影 片
GO O G L E 20TH BI RTHDAY G O O G LE 2 0 歲介紹影片 s ize：19 20 * 10 80 px | m a d e b y : Aft er E f fect
今年是google的第20週年，所以我們想用motion graphic的方式製作一個生日影片， 此外，google搜尋引擎是大家都知道的，所以用搜尋的方式把創辨人介紹出來，也用 同樣的方式將作者融入google，讓別人看到就會知道是誰所做的。
MOT I O N D E S I GN GOOGLE 2 0歲介紹影片
M OTIO N D E S I GN 多喝 水 流 行 語 典 _ 藍 瘦 香 菇
DR I N K M ORE WAT ER 流 行 語 _藍 瘦 香 菇 s ize： 19 20* 10 80 px | m a d e b y : Aft er E f fect
藍瘦香菇是來自「難受」和「想哭」的諧音。影片中以聖誕節為背景，說著一個女孩在 聖誕節時和男友分手，在路上遇到拔香菇的活動。以搞笑的手法，來表示藍瘦香菇的意 思。
MOT I O N D E S I GN 多喝水流行語典_ 藍瘦香菇
M OTIO N D E S I GN 多 喝 水 流 行 語典 _ 閃 光
GO O G L E 20TH BI RTHDAY 流 行 語點 _閃 光 s ize： 19 20* 10 80 p x | m a d e b y : Aft er E f f ect
閃光在情侶中是另一半的意思。在影片中一個比較胖的女孩遇到自己喜歡的男孩，但在 這之中，另一位女孩以為男孩喜歡他，而男孩卻先跟胖女孩告白了。以比較不一樣的面 相告訴大家多喝水會變漂亮，一定會找到另一半。
MOT I O N D E S I GN 多喝水流行語典_ 閃光
MOT ION D E S I GN 多 喝 水 流 行 語 典 _魯 蛇
G O O G L E 20TH BI RTHDAY 流 行 語 典 _魯蛇 s iz e ： 19 20 * 1 0 8 0 px | m a d e b y : Aft er E ffect
魯蛇有單身的人之意。故事主角是一位帥哥，但是卻遲遲沒有找到女朋友，之後有一個 小精靈出現，給他一瓶多喝水，讓他不在難過。以搞笑的手法說喝了多喝水以後，就會 找到另一半。
MOT I O N D E S I GN 多喝水流行語點_ 魯蛇
MOTION DE SIGN 景澤 創 意 紀 錄 片片 頭 設 計
景澤創意紀錄片片頭設計 s ize： 19 20* 10 80 px | m a d e b y : Aft er E f fect
景澤創意主要是做跨領域之專案，來自生態監測、環境教育、社區營造、藝術創作及視 覺設計。影片的設計風格為手繪，並在人物上加上色彩作為重點點綴，場景分別為大自 然環境及社區城市。
MOT ION DE SIGN 景澤創意紀錄片片頭設計
MOTION DE SIGN 景澤 創 意 紀 錄 片 片 頭 設 計
景澤創意紀錄片片頭設計 s ize：19 20 * 10 80 px | m a d e b y : Aft er E f fect
景澤創意主要是做跨領域之專案，來自生態監測、環境教育、社區營造、藝術創作及視 覺設計。以景澤原有的素材下去做變化，一開始的小圓球會從景澤的英文跳出來，談到 地上之後分別變成環計及社區的樣子，而地球的型態就是由環境及社區所組成，在圓球 變成地球後再分別從兩個陸塊發散變回原本景澤的圖示，中間則是標題。
MOT ION DE SIGN 景澤創意紀錄片片頭設計
標題
MOTION DE SIGN 社會 設 計 實 驗 室
社會設計實驗室 s ize： 1080 * 5 40 p x | m a d e b y : Af t er E f f ect
社會設計實驗室為貳十號公民會所的活動。因主題為實驗室，透過人與實驗室會出現之 物品作結合，由一顆小藍球作為管線中所傳導的東西，球每經過一個實驗室的物品就會 產生顏色的變化，最後傳到左下角的男生面前，他才會說出整個活動的標題。
MOT ION DE SIGN 社會設計實驗室
MOTION DE SIGN 20 19豬 年 賀 卡
2019豬年賀卡 s ize：10 80 * 720p x | m a d e b y : Aft er E f f ect
透過一條線的的設計將豬的特色及2019的字樣融合，並在2019的顏色做出一些變化， 更凸現出來，影片最後增加豬叫聲，讓整影片讓整更可愛風趣。
2019豬年賀卡
MOT ION DE SIGN
MOTION DE SIGN 新北濕地藝術季
新北濕地藝術季 s ize： 19 20* 10 80 px | m a d e b y : Aft er E f fect
2018新北濕地藝術季的主題為「共生」，視覺上呈現出人與自然一起和合力將人工濕 地變成我們環境的一部分，動畫上面的作法為拔河的樣子，最後再出現活動標題。
新北濕地藝術季
MOT ION DE SIGN