Fu-Yu Fay Sie Portfolio 2013 - 2016
“ Great works are performed, not by strength, but by perseverance. �
謝馥羽 Fu-Yu Fay Sie
sel12342001@yahoo.com.tw 0963 873 930
『人生有三好：美食、藝術、玩電腦；
馥仔有三直：固執、耿直、說話直。』
Personality
個人特質
1pixel強迫症 | 具企圖心 | 認真積極 | 配合度高 | 學習力強
Education
學歷
1995
2010 2015 ~
2015
國立臺北商業大學
出生
Competition
~
國立臺中科技大學
資訊管理科
商業設計系
競賽經歷
2016 國立臺中科技大學「2016商業設計系系展·片面」媒體廣告類 入圍
2014 「感動99 屋簷下，我的家」全國短片徵選活動 校園組非動畫類 初審入圍 2013 北商96周年校慶文學獎 散文創作獎 優選
2012 北商100學年度第二學期春暉專案教育四格漫畫暨短片競賽 團體影片組 第一名
Skills
能力
Sai 插畫
Office
Interests
吃海鮮
Photoshop
ＳＡＩ
Illustrator
</>
Dw
90
HTML CSS3
DW
中打 90字/分
興趣
吃雞料理
玩MAC
繪畫
看雜誌
教書
ACG
Job Experience
工作經歷
2015 微電影創作班 兒童講師&輔導員
漢字文化與數位開發課程 教學助理 2013 教務處學術服務組 美編助理 2012 資管科學會 副美宣長 2011 資管系辦公室 助理人員
資訊研究社 美宣長&課程教學
Speical Experience
特殊經歷
2015 「UnlightX蘿莉塔風格服飾企劃」繪師 大學博覽會 北商系簡介文宣設計 中文圖象網 網頁前端設計
2014 「Unlight X 懶熊企劃」副主辦人
「2014 JEAD BIRTHDAY PROJECT」繪師 教務處學術服務組 校刊連結設計 資研所 國際研討會簡介設計 北商新任校長 專訪影片剪輯
2013 畢業專題 文子漢字森林遊樂園 專題組長 教務處學術服務組 校刊連結設計
Reason
應徵動機
關注Fourdesire已久，一開始注意到 貴公司是在朋友推薦我下載Walkr跟他一起運動賺
能量，原本只是被Walkr精美的繪圖風格吸引，就開始一頭栽進了運動健走的小世界了，但在陸
續接觸了其他類似性質的APP後，才發現Walkr不僅是在視覺風格上十分吸引人，透過遊玩讓使 用者邊玩邊運動的理念更是讓人十分敬佩！在UX設計上也考量了許多使用者在點擊UI時所會 遇到的狀況，讓我第一次使用就快速上手，這種兼顧了視覺以及功能動線的理念，讓我打從心 底愛上這家公司，也與我一直在追求的目標相同！
Autobiography
自傳
我是謝馥羽，目前就讀國立臺中科技大學商業設計系，從小母親就經常帶
著我們到處畫圖、摺紙及創作，背面空白的廣告單、不要的月曆紙及習字簿都是 我們的畫布，在上面塗鴉、創作故事成了我的興趣。
進入五專後，在資訊相關課程的薰陶下，讓我對網頁設計、簡報這些數位內 容充滿了興趣，也因此開始尋找更多自學資源及修習文創學程來充實自己，並
利用課餘時間積極參與了社團及科學會的活動，希望能透過這樣的實務操作來 訓練自己完稿及作品的成熟度！
在五年的生涯中，無論是擔任資訊研究社及科學會的美宣，或是在校內身 兼美編助理及課程教學助理，除了對自我美術能力的琢磨外，更是在訓練自己
靈機應變、解決事情及公開表達的能力。但隨著時間的累積，越瞭解到資訊的思 維使自己變得太過理性及死板，也意識到在這個跨領域的時代，若想從事網頁 前端或是介面設計的工作，除了基本的前端撰寫能力，也須具備一定程度的美
感才能勝任，這樣的想法深刻地鞏固在腦海中，使我在五專畢業後轉換跑道，帶 著從小喜歡繪畫發現及藝術的夢想，進入了商業設計系就讀，希望能藉此進行 美感的培養。
在商業設計系的這幾個月來，接觸了很多以往沒有嘗試過的設計領域及風 格，也發現所謂的設計跟藝術是不一樣的兩件事，若設計只有感性的思考，卻沒 有理性的思維不僅無法打動人心，更無法達到資訊傳達及解決問題的目的，也
讓我重新意識到跨領域的重要性，再次堅定了自己想做網頁前端及介面設計的 工作，期望能夠在資訊背景的基礎下，透過設計的所學相輔相成，有朝一日成為 跨領域的設計人才！
在此，希望 貴公司能給予我一個一展長才的機會，讓我能夠透過實習的 機會磨練自己資訊設計的能力，也透過簡訊設計為現在繁忙的社會盡一份心 力！
國立臺中科技大學 商業設計系 謝馥羽 敬上
02
3D 遊 戲 設 計
A／五專畢業專題 文子漢字森林遊樂園
畢業專題 : 3D遊戲
文子漢字森林遊樂園 現今社會的電腦及行動裝置普及，人們多半使用鍵盤打字 或是手寫輸入，導致很多人都忘了中國古典文字之美，為了讓
大家了解中國文字的優美與有趣，我們參考了廖文豪老師所編 纂的『漢字樹』 ，將甲骨文和金文整合的『圖像字』變成時下新穎
，有趣的小遊戲，讓人們在體驗遊戲的過程中，同時了解文字的 演進以及其背後代表的意義，達到寓教於樂的目的。
我們的作品主要是配合廖文豪老師未來舉辦展覽時，增加 觀展者參與感的教育互動遊戲。以往的展覽多是靜態展示缺乏 互動性，較容易使人感到無聊，但我們將紙本上的內容以多媒
體方式呈現，加上3D設計畫面，使得畫面層次豐富，使用者將不 再感到枯燥乏味，可以更容易感受到學習漢字的樂趣，與過去 生硬的學習方式做出區隔。
GUI Design
Color
Ty p o g r a p h y
介面設計／謝馥羽 程式撰寫／陳雅意 元件繪製／宋以平
＃２０１５
使用軟體／Ｉｌｌｕｓｔｒａｔｏｒ Ｕｎｉｔｙ３Ｄ
GUI Design
Character Design - Mosquito
Color
＃6 E 5 5 1 F
＃5 0 4 3 1 E
＃E F 8 2 0 0
文子 文子，是這座『漢字森林』的主人，身上隱隱發光的圖
案代表著古代中國的文字。這些文字我們稱作為圖像字， 是依據甲骨文及金文所開發出來的，可以讓人望字生意， 看到圖像就可以知道字的意思。
我們改造了廖文豪老師的設計，加入了較有親切感的 圓眼睛、鼻子、微笑嘴巴，在頭頂上加裝了精靈象徵的觸
鬚，也調整了心臟的位置，以及增加厚度，讓文子呈現像薑 餅人一樣的感覺。 ＃２０１４
角色繪製／謝馥羽、宋以平（協助繪製） 使用軟體／Ｉｌｌｕｓｔｒａｔｏｒ
廖文豪老師 原始設計
C h a r a c t e r D e s i g n - Tr a v e l e r
旅人 在 各 國 間 徒 步 旅 行 的 旅 人，為 本 遊 戲 的 玩 家 角 色。在 一 次 旅 行 當 中，不 小 心 誤 闖
了 漢 字 樹 的 林 域，並 撞 倒 了 原 本 在 森 林 中 散 步 的 石 像 文 子。在 替 文 子 解 圍 後，決 定 進 入 漢 字 森 林 中 冒 險。
旅 人 角 色 由 黃 鼎 驊 畫 好 設 計 初 稿 後，由 我 負 責 繪 製 成 不 同 表 情 的 立 繪，原 本 繪 製 是 棕 色 系 的 角 色，後 因 應 遊 戲 的 需 求，由 宋 以 平 改 成 了 藍 色 系 的。 ＃２０１４
角色繪製／謝馥羽
合 作 ／ 黃 鼎 驊（角 色 原 型 設 計） 宋 以 平（藍 色 版 本） 使用軟體／Ｉｌｌｕｓｔｒａｔｏｒ
Promote video
推廣影片 為參加專題成果發表會而做 的 影 片，片 頭 將 文 子 加 上 了 聳 眉 的 動 畫，搭 配 輕 快 的 背 景 音 樂，讓 文 子 感 覺 更 加 親 和。 片頭動畫／謝馥羽
影 片 剪 輯 ／ 謝 馥 羽、黃 鼎 驊、宋 以 平 背景音樂／宋以平 旁白／周師賢 ＃２０１5
使用軟體／Flash、PowerDirector
03
UI/UX 設 計
A／網頁設計：L’atelier du Bon Pain B／網頁設計：中文圖像網 C／APP設計：LegCat
網頁設計
L’atelier du Bon Pain 為一家名為L’atelier du Bon Pain的法國麵包店所做的網 頁視覺規劃，由於店址位於國美館對面，消費客群多半擁有較 高的經濟水準且藝術涵養，因此與店家討論後，希望能呈現較 簡約且高貴的調性。
網頁目前仍在做視覺規劃中，僅摘要了其中兩頁做展示，
未來也將在完成後與店家做進一步的討論以達到對方的需求。
home menu about us about chef gallery contact
有時候 打動人心的不是一件藝術品 而是麵包入口的一瞬間
L’ a telier du B on P a in © All rig hts res e r ve d . D e s ign e d by F a y W e bs it e D e s ign
home menu about us about chef gallery contact
MENU 好的材料只是基本。 「感動」才是所有藝術家都希望大家能從中體會到的。
傳奇甘味法國
迷迭香埃及
巧克力可頌
Baguette légendaire
Rosemary pain au lait
Pain au chocolat
傳奇甘味法國
迷迭香埃及
巧克力可頌
Baguette légendaire
Rosemary pain au lait
Pain au chocolat
傳奇甘味法國
迷迭香埃及
巧克力可頌
Baguette légendaire
Rosemary pain au lait
Pain au chocolat
黃金亞麻子蔓越莓 Luseed cranberry bread
黃金亞麻子蔓越莓 Luseed cranberry bread
黃金亞麻子蔓越莓 Luseed cranberry bread
中文圖像網 擔任「漢字文化與數位開發」的教學助理（ＴＡ）時，所做的 圖象字推廣網站前端，由廖文豪老師提供的設計圖，並參考了 許多網站設計，加入一些以前參加過ＵＩ／ＵＸ研討會所學到 的經驗，完成了這個介面。
草圖使用Ｉｌｌｕｓｔｒａｔｏｒ繪製後，再拿給老師審閱，確定 沒問題後再使用Ｄｒｅａｍｗｅａｖｅｒ以ｈｔｍｌ５及CSS撰寫。 ＃２０１5
使用軟體／Illustrator、Dreamweaver
UserInter face
Color
Ty p e f a c e
＃F 4 F 3 C 1
華康金文體
＃7 5 A 9 6 D ＃2 7 4 6 2 4
微軟正黑體 100%
80%
60%
40%
20%
LegCat APP 玩了朋友手機的battle cats後，深深被裡面擁有修長美腿的貓 咪角色吸引，所以期中報告就以那隻「美腿貓」為雛形，發展出了這 個換裝遊戲APP。
一開始先使用Illutrator、Ｐｈｏｔｏｓｈｏｐ及ＳＡＩ繪製按鈕及物
件圖示，再使用Ｄｒｅａｍｗｅａｖｅｒ以ｈｔｍｌ５、ｊａｖａｓｃｒｉｐｔ、Ｃ
ＳＳ撰寫而成。原本打算使用老師上課所教的ＪＱｕｅｒｙ Ｍｏｂｉｌｅ 及資料挖掘來完成這個作業，但發現自己的能力無法完成這麼困難 的程式碼，所以輾轉來寫個遊戲，沒想到意外的很受老師喜愛！在給 老師打分數的時候一直很緊張，怕老師會說我拿這種違反天理只有 腿的貓來給他看，沒想到意外的他一句話都沒有說呢，老師的心胸 真是寬大。 #2013
使用軟體／Illustrator、Photoshop、SAI、Dreamweaver
android window phone 適用
GUI Design 表情
紋路
眉毛
上衣
頭飾 配件 褲襪 鞋子 道具
遊戲畫面 全 套 7 1 個 元 件，使 用 S A I 先 繪 製 出 來 後
，再 使 用 P h o t o s h o p 加 工 成 按 鈕 圖 示。大 部
分 的 衣 服 都 是 由 我 原 創，少 部 分 則 是 結 合 了 當 時 非 常 喜 歡 的 U n l i g h t 遊 戲，以 他 們 的 角
色 服 裝 為 雛 形，改 成 美 腿 貓 能 夠 穿 的 樣 子。
battle cats 遊戲畫面
04
視 覺 設 計
A／包裝設計：匿茗茶葉包裝禮盒 B／VI設計：個人工作室視覺規劃 C／文宣品設計：系簡介三折頁
D／平面設計：網頁首頁新聞與宣傳海報
產學合作
匿茗茶葉包裝禮盒 每片茶葉都是一頁經典，細細閱讀與品嚐每片茶葉，以日
式和風帶點古樸的感覺，在自然的梯田中找尋茶葉(含兩種意象 的梯田)。透過為襲園茶品進行新包裝設計的方式，藉此吸引消 費者，並讓人注意到襲園茶品與自然共生的理念。
#2016
使用軟體／Illustrator
Promote video
以小篆作為基礎，描繪出茶葉耿直的形象。
將艸字頭轉變成小草，穩直的立於土地之上， 並結合在中國的五行學說，
將小草轉變為象徵「木」意義的青色， 在中國文化中有「生命」的含義， 也是「春季」的象徵。
C100 M75 Y31 K15 C86 M24 Y69 K07
Color
Flavor
#cc5439
#bec13c
#bb9e76
#00896c
#86c065
緋
鶸
白茶
青竹
苗
AKE
HIWA
Pa p e r Ta p e
SHIRACHA
AOTAKE
紅 茶
NAE
Ta g
緑
茶
白 茶
Card
漫 步 在 竹 山 ，在 天 然 的 梯 田 中 尋 覓 般 地 探 索 著 ， 只為了找尋一味絕品好茶 。
每片茶葉都是大地豐壤的回饋 ，
每片茶葉都有屬於自己的故事 ，
好 茶 深 藏 不 露 ，好 茶 自 在 山 中 ， 汝 問 我 何 矣 得 知 ？ 親 嚐 匿 茗 得 知 曉 。
VI設計練習 以個人工作室為發想，練習製作一系列的VI視覺設計。從個人性
格剖析開始，先找出個人的形象符號，再著手繪製LOGO草圖、篩選草 圖，最後繪製到完稿。
全套包含LOGO、LOGO衍生造型、二方連續及四方連續的應用、 名片、信封等，目的透過個人的VI視覺設計，了解CIS操作的基本過
程，也訓練自己在繪製向量圖形的完稿度及熟練度，期望未來能夠將 其延伸至UI及網頁設計的領域。 ＃2016
使用軟體／Illustrator
VI Design
結合了自己的專長，
用電腦象徵資訊能力，畫筆代表繪圖能力。 將電腦以及畫筆結合，
表達出自己既是資訊背景出生， 又在設計領域磨練的概念，
希望能表達出自己跨領域的專長，
也透過WEBSITExPAINTER、筆電鍵盤
以及筆電螢幕三者堆疊成樓梯的方式， 傳達出自己上進且一直往上爬的感覺。
Color
</> WEBSITE
INFOGRAPHIC
PAINTER
INFOGRAPHIC
PAINTER
INFOGRAPHIC
PAINTER
</> WEBSITE
</> WEBSITE
Business Card
>
</>
</>
</
>
</
</>
</
</>
>
>
</
WEBDESIGN/INFOGRAPHIC/PAINTER
>
</
謝馥羽 FU-YU FAY SIE
</
0963 873 930 sel12342001@yahoo.com.tw fb.com/overriding515
</>
>
</>
</
</> >
</
>
正面
反面
Pa p e r Ta p e
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
</>
>
</
</>
>
>
</
</
>
>
>
>
</
</
>
>
</
</
</
>
</
</
</>
Envelope
WEBDESIGN / INFOGRAPHIC / PAINTER fb.com/overriding515
30 Drafts
<!--FAY-->
INTERDISCIPLINARY
WEBSITExPAINTER
<!--�� --> I AM “RIGHT”
</>
>
</>
</>
</>
</>
</>
</>
RE : DDD
>
</
>
</>
</>
</>
</>
</>
<
</>
>
</>
</
</
>
</
</
>
>
>
>
</
>>Oノ
</
</
>
</
/>
</
</> />
</>
文宣品設計
系簡介三折頁 在教務處學術服務組（原出版組）擔任美編助理時，為了 學校要參加大學博覽會而被委託製作的文宣品。第一次嘗試 走清爽簡約、帶有現代感的設計風格，因為不熟悉這樣的風 格表現，讓我在修修改改中花了不下３天。
在諸多的嘗試當中，使用Ｉｌｌｕｓｔｒａｔｏｒ繪製的地球 受到老師的青睞，於是在定稿之後，配合北商的臺北校區及 桃園校區，分別製作了兩種色系的簡介。
#2015
使用軟體／Illustrator 使用媒材／紙
作品尺寸／21*29.7cm
Color
臺 北 校 區（粉 紫 色 系） ＃E 6 B F D 6 ＃A A 6 5 9 6 ＃E E E E A B ＃2 2 1 8 1 4 100%
80%
60%
40%
20%
桃 園 校 區（知 更 鳥 蛋 藍 色 系） ＃9 1 C 1 C 2 ＃3 B A 1 9 E ＃E E E E A B ＃2 2 1 8 1 4 100%
80%
60%
40%
20%
Ty p e f a c e
微軟正黑體
思源黑體
王漢宗特明體
Arial
國立臺北商業大學
網站首頁新聞與宣傳海報 在教務處學術服務組（原出版組）擔任美編助理的期間
，經常承接到各種平面設計工作，包含歡迎貴賓、狂賀、開會 通知、校刊更新、獎學金資訊等等。
#2014
使用軟體／Illustrator
作品尺寸／450*270 px（校刊連結） 59.4*84 cm（A1海報）
05
插 畫 設 計
A／原住民海報：航形
B／包裝概念圖：太極泉 谷關溫泉粉 C／個人名片設計 D／五十音字卡
E／插畫創作系列
原住民海報設計
航形 族人們手臂高舉,齊聲歡呼,那是達悟族人對於豐收的盼望,也是
對於祖靈的尊敬與感謝。將畫面捕捉在眾人雙手舉起大船的瞬間,透 過手臂的排列以及刺青紋樣,勾勒出無形的大船樣貌,並將船身的傳
統圖騰轉換成可以拿在手上的道具, 增添生動以及趣味性,最後藉由
各種正向的手語,描繪出族人將盼望豐收的心情 ,寄託給即將下海捕 捉飛魚的『牧羊人』,展現達悟族人萬眾齊心的精神。
#2015
使用軟體／SAI 作品尺寸／A3
概念稿
草稿
精稿
#2015
使用軟體／SAI
個人名片設計 『Who's there?』
每個人心中都有不為人知的一面，他們像小精靈一樣， 有時候會打開心扉來窺視這個世界，
有的小精靈很害羞，只敢躲在角落裡偷看；
有的小精靈很熱情，隨時歡迎你來認識特別的他！ 你的小精靈長什麼樣子？又叫什麼名字呢？
以插畫的方式呈現自己的名片風格，並運用簡易的紙雕結構 讓收到名片的人可以折合成立體卡片的樣式，增加印象及趣 味性。
#2015
使用軟體／Illustrator、SAI 作品尺寸／56x92mm
五十音字卡設計 為協助在日文課中怎麼樣都無法把五十音背起來的同
學，所以繪製了這套字卡。全套９２張字卡，從剪裁到修圓邊、 繪製卡面全由我一手包辦，原本只打算把平假名的部分畫完 就好了，結果一不小心太入迷就連片假名的部分也一口氣完 成了。
＃２０１４
使用媒材／奇異筆、彩色筆、西卡紙
＃2015
使用軟體／SAI
插畫創作 集結了LINE貼圖、明信片插畫、ACG插畫及賀年卡等等， 繪製插畫一直都是我的興趣，未來也將會繼續延續下去。
＃2015
使用軟體／FireAlpaca
＃2015 夏
使用軟體／SAI
＃2015 秋
使用軟體／SAI
＃2016 我們的飛空庭！ 使用軟體／SAI
For my best game.
＃2015 謹賀新年
使用軟體／SAI、Photoshop
＃2015 櫻
使用軟體／SAI、Photoshop
Thank You
Thank You
Thank You
Thank You
Thank You
Thank You
Fu -Yu Fay Si e
sel12342001@yahoo.com.tw 0963 873 930
Thank You