PORT FOLIO 2015 - 2017 JIA YAN, JHANG
封面
歷程 Experience
張嘉晏
2012 - 2016 曾就讀中國科技大學數位多媒體設計系 畢業
JIA JIA YAN, YAN, JHANG JHANG
2013 - 2016 曾參加中國科技大學舞蹈社
Ai
2015. 7 - 2015. 9 曾任職熱點影像科技公司 U I 介面美術師 實習生 2016. 8 - 2017. 3 曾任職艾普特媒體公司 視覺設計師
Ps Pr Ae 3Ds
MAX
1994/07/28
Unity
A
2014 台電節電多媒體製作競賽 - 動畫類學生組 - 佳作 2014 宜蘭綠卡 Logo 設計競賽作品 - 入選獎 2016 全國技專校院學生實務競賽 動漫多媒體群 - 第三名 (團隊) 2016 第十一屆 K.T.科技與人文藝術創意競賽 - 技術創新獎 (團隊) 證照 廣告設計丙級、ITE遊戲企劃/美術、第二外語日語A1
區
新北市 土城
3 0916-623-55 gmail.com mimy1180@
紀錄 Awards
軟體 Skills Photoshop
Premiere Pro
Illustrator
After Effects
興趣 Interest 創作、影像、攝影、插畫、手工藝、運動、唱歌跳舞、聽音樂、 遊戲、閱讀
關於 About 各種風格的總合，就是我的人生。 想要在創作中更加靈活，興趣也跟著越來越廣泛， 常嘗試做不同風格的創作，除了創作， 累積不同的生活經驗，培養廣泛的興趣， 種下創意的種子，對未來充滿期待！
CONTENTS
6 22
大學畢業專題
行動互動廣告設計
About The Fachion
文章
文章 yuko ９９３４
36
U I / U X 介面設計
46
繪圖 & 其它創作
大學畢業專題 《WhiteSpace白色空間》 一款在手機平台上的VR虛擬實境的密室逃脫遊戲。 2016第十一屆K.T.科技與人文藝術創意競賽 - 技術創新獎 2016全國技專校院 學生實務專題製作競賽 - 動漫互動多媒體群 - 第三名 在畢業製作團隊中擔任組長。 職掌內容：LOGO設計、企劃整合與撰寫、動畫及影片製作、比賽報名、 U I 介面設計、宣傳圖片製作、粉絲專頁經營、遊戲音效構思
Ae
Pr
3Ds
MAX
6
虛擬實境×解謎遊戲 Virtual Reality Game On CardBoard
白色空間 2016 全國技專校院 學生實務專題製作競賽 O.動漫互動多媒體群
第三名
2016 第11屆 K.T.科技與人文藝術創意競賽
技術創新獎
宣傳片 腳本及文案構思、素材匯集與調整、影片後製與剪輯。
Ae
Pr
3Ds
MAX
操作介紹片 腳本及文案構思、素材匯集與調整、影片後製與剪輯。
Ae
Pr
劇情動畫 共四集 全片約：3分16秒 個人負責內容：3D模製作、貼圖、算圖、動態調整、影片特效後製 手繪風格搭配瓦楞質感呈現，因為是述說遊戲女主角的回憶片段， 已這風格達到類似故事箱的效果。
Ae
Pr
3Ds
MAX
Background
Models
Shadow & Ambient Occlusion
Color Burn & Mask
Curve
Camera Lens Blur
Glow
U I / UX 設計
關卡選單畫面
依照遊戲風格發想適合 U I 風格與介面呈現。
上鎖的關卡 U I
投影出該關卡的場景畫面 投影出該關卡的場景畫面
左右選擇關卡的按鈕 左右選擇關卡的按鈕
上鎖的關卡 上鎖的關卡 U I UI
美術員繪製符合劇情的關卡圖， 美術員繪製符合劇情的關卡圖， 加上光暈、關卡數、關卡名稱。 加上光暈、關卡數、關卡名稱。
U I / UX 設計
模式選擇介面
有無VR模式，分為全視窗與雙視窗兩個模式。
全視窗模式
雙視窗模式
展場及CD光碟設計 有無VR模式，分為全視窗與雙視窗兩個模式。
展場設計 CD光碟設計
展場有錯視的設計
行動互動廣告設計 2016 在艾普特媒體公司期間製作的作品， 依照客戶需求，製作能符合傳達訊息的宣傳視覺。 製作內容：互動廣告、各尺寸Banner、行動版網站。
22
活動網址
SONY影業 地獄 行動互動廣告 為電影地獄製作的廣告，主要透過類似 遊戲的方式吸引使用者進行互動，達到 活動及電影宣傳效果。 製作包含：畫面美術製作、Banner製作
首頁初始設計，依客戶修改成後續的成品
台灣啤酒 - 聶永真發聲記念瓶 行動互動廣告 已類似心理測驗的方式吸引使用者進行互動，達到活動及電影宣傳效果。 製作包含：畫面美術製作、Banner製作
活動網址
健達 - 健達巧克樂脆球 行動互動廣告 已仿製通訊軟體來跟使用者溝通理念，搭配互動達到宣傳及傳達效果。 製作包含：畫面美術製作
示意影片
華航 - 宣傳提案 行動互動廣告 依季節性推廣行程，主頁的地球背景依照主題變換，加強環遊世界的感覺。 行程中的國家來做一些小互動，提高使用者興趣。 製作包含：畫面美術製作
搖晃手機，花瓣會灑落 滑動手機畫面，風景變換
把物品放入行李箱
eneloop - 活動頁面 行動頁面 購買商品後發票登入抽獎活動頁面設計。 製作包含：頁面美術設計、Banner製作
活動頁面
Panasonic - 樂高／波力 發票抽獎活動頁面 行動頁面 登入發票後，可立即在手機上進行刮刮樂抽獎。 製作包含：頁面美術設計、Banner製作
活動頁面
紐約家具中心 - 活動頁面 行動頁面 製作包含：頁面美術設計、Banner製作
fitbit - 運動錶提案 行動互動廣告 營造秒速運動競賽的感覺，吸引使用者進行互動，搭配分享成果， 達到宣傳效果。 製作包含：畫面美術製作
MIKMOTO - 珍珠項鍊提案 行動互動廣告 主頁提問標語吸引使用者主動滑動螢幕，簡單的互動設計並傳達品牌行像。 製作包含：畫面美術製作
36
U I / U X 介面設計
包涵APP、網頁、遊戲、互動介面。 希望未來能設計出兼具美感及人性化的介面。
36
ATF美妝 APP介面設計 2016在艾普特媒體設計的APP介面。 特色為產品搜尋比價等等，提供女性使用者 的貼心功能。 介面設計以簡約風格為主，讓產品及使用者 的文章更為突出。
文章
美妝APP介面發想
ORBIS 5分鐘完美出門！女孩們快速化妝術！
ATF美妝APP介面發想設計作品。
想要嘴唇迷人，超實用水潤嘴唇 保養步驟，新手也能輕鬆學會！ ９９３４
yuko
彩妝流。躺在粉嫩雲朵上!!夢遊 少女的軟萌妝容 1469
KUSA
彩妝流。躺在粉嫩雲朵上!!夢遊 少女的軟萌妝容 1469
個人
文章 yuko
選項
妝前
Daily
９９３４
眼妝
台灣 台北市
唇妝
讓 自 然 妝 容 更 加 分，超人氣 保 養 品 推 薦 ！ 夏 季防曬保濕調理保養 1 . CA R E ZO NE 皮膚 醫 生 的 去 斑 去 痘 調 理 精 華 韓 國 保 養品 牌 主 打 的 就 是 醫 學 配 方 ， 不 含 礦 物 油 、 不 含 酒 精 、
782
44
140
收藏
關注
粉絲
讓自然妝容更加分，超人氣保養
底妝 保養
品推薦！夏季防曬保濕調理保養 ９９３４
yuko
不含 合 成 色 素 及 動 物 等 不 穩 定 及 致 敏 成 份 ， 都 是 他 們 的 堅持 及 保 證 ， 讓 敏 感 肌 的 水 水 們 也 能 超 放 心 的 使 用 ， 而
花系少女妝容，清新粉嫩春天花
且價 錢 也 不 會 因 為 高 品 質 而 讓 人 難 以 接 受 ， 聽 說 對 抗 痘
季風格，春展展出！
痘的 效 果 顯 著 ， 韓 怪 許 多 用 過 女 孩 們 都 極 力 推 薦 阿 ！
1576
KUSA
彩妝流。躺在粉嫩雲朵上!!夢遊 少女的軟萌妝容 1469
KUSA
KUSA
入門 使用教學 客服服務 登出
流行趨勢報，2016春夏妝感
遊戲活動頁面設計練習
塔防遊戲 U I 設計 使用電繪繪製 U I 的練習。 嘗試以美式畫風繪圖，有點色塊組成 卡通感較強。
遊戲畫面僅示意
展覽大型互動牆介面設計 暑期在熱點影像科技實習時，他們出的練習題目。 雖然不是真的案子，但透過設計過程了解到 U I 設計上除了要符合展覽及客戶口味，也要考慮到觀展人的年齡層， 他們的身高及習慣，按鈕就必須特別明顯他是個按鈕，讓觀展人馬上能順手的操控介面。 也因為是展覽關係，在無人操控的情況下，畫面依然需要動態來吸引人來進行互動（最下方長條圖為動態設計）。
繪圖 & 其它創作
在學期間課堂作品與平時自由創作。 平時創作比較多手繪作品，喜歡畫很多小細節在作品中。
3Ds
MAX
Unity
Hand drawn
46
桌遊設計 - 教師節大作戰 我們是五人團隊設計的一款小桌遊，美式大色塊的美術風格、 濃厚的校園故事背景，為遊戲主要特色。 人數：2 - 6人 年齡：8 +
類型：派對遊戲 時間：15 分鐘
故事：教師節快到了，除了送禮物，想考試高分想來讓老師高興， 平常本來就不合的好學生及壞學生，誰也不想讓誰，一觸即發。
突然一股屎意，飛快的速度奔入廁所，沒想到一開門 居然是老師的屁股！我不是故意看到的啊！老師！
咦？剛剛不是正在上課嗎？ 啊？…這位…？ 不會吧!?!? 是孔子啊！賜給我一個寶箱裡面是？…
留校察看發現一本書，反正也沒事就帶去廁所看吧！ 居然是十分有用的書！馬上開始研究！等著看吧！
有點麻煩又不能拒絕老師，只好乖乖幫老師倒垃圾了 ，突然發現垃圾中有好東西！好棒！我就帶走了！
Unity 2D 捲軸遊戲 小恐龍實驗室逃脫
走動
遊戲中角色及背景為自行繪製，程式碼以Java為主。 故事敘述人類挖掘到新的恐龍化石送進實驗室研究， 利用化石中的DNA試著孕育出小恐龍，準備給人類當 寵物賺取金錢，小恐龍必須逃出實驗室在實驗室中找 到藥劑，回到屬於自己的時代。 跳躍
待機
主要武器超級大剪刀
角色設計 - 瘋狂美髮師 和組員試想一款遊戲，每個人設計一個遊戲角色。 遊戲世界觀：受感染的基因實驗品跑出實驗室， 城市到處都是殭屍！人們的命運會如何呢！？
假人頭炸彈
個性古怪 孤僻的美髮師
其它繪圖創作
平時興致來的時候畫的一些作品，幾乎都是手繪。
3D 建模 - Low Poly 使用 3Ds MAX 製作的低面數 模型作品。（海賊王中的喬巴）
3Ds
MAX
3D 建模 - Low Poly 使用 3Ds MAX 製作的低面數 模型作品。（ 自創角色）
生活是一趟會越來越豐富的旅程， 除了廣泛的興趣以外，經過每一個時期，過程得到的一切豐富著我的生活。 在讀高職時，半工半讀的生活讓我了解到學習是非常幸福的事情， 開始珍惜每一個能學習的機會。 期望自己是個能靜能動的人，因此在大學時期加入了熱舞社， 開始白天增加腦容量，晚上增加肌肉量的日子， 在社團不只是運動，也學習到團隊與堅持的精神， 而在畢業製作中擔任組長的關係，也學到許多關於管理方面的事情， 畢業以後，在廣告媒體公司學習到不同風格畫面設計及如何加快製作速度。 相信生活的每個經驗都會幫助我創作上更加靈活，對未來也充滿期待！
Contact 聯繫
張嘉晏
JIA YAN, JHANG
新北市 土城區
0916-623-553 mimy1180@gmail.com