PORTFOLIO
20020110
About Me
方羿捷
Jason Fang
From Pingtung,Taiwan
我是方羿捷可以叫我Jason，我是來自屏東的 孩子，是一個對未來有憧憬的人，我的個性比較 內向但熟識之後很能聊天，我擁有 耐心、毅力、 負責任、學習力高、解決問題、獨立、積極，相信 這些特質在職場上都是助力，請多多指教。
Email :jason91823@gmail.com
Phone :0909866832
學歷 經歷
����-����
國立屏東高中
National Pingtung Senior High School
����-
元智大學 資訊傳播學系
Yuan Ze University Department of Information Communication
元智大學 資訊傳播學系 系學會 副會長
參賽 時報金犢獎 海報設計
元智大學 資訊傳播學系 畢業禮物設計
輔修 應外系 日文組
教育部因材網 表演藝術動畫製作人
4
興趣 Social 各項軟體能力 沖咖啡 Instagram Line 玩拉花 穿搭 聽音樂 AI W PS P PR X AE 5
Content
6
01 UI/UX 02 平面設計 03 動畫 7
01 8
UI/UX 9
昆蟲
10
UI/UX
11
OVERVIEW
因疫情關係需線上學習，我們推出此款APP，跳出以往的學習 模式。不單純是從課本學習知識，我們將 學習數位化，透過遊戲 讓學生快樂輕鬆學、利用飼養功能全方位觀察昆蟲！
PROBLEMS
a. 流程不夠直覺
b. icon太多
c. 會讓使用者混亂
TARGET AUDIENCE
國小�~�年級學生、老師、家長
12
1. PERSONA & 人物設定
PROCESS 何小傑
目標
· 蒐集全昆蟲圖鑑
· 成為昆蟲King
· 比陳小明厲害
BIO
· 年齡 國小四年級
· 角色 學生
· 家庭 雙薪家庭的獨生子
· 居住 台北市信義區陶朱隱園
· 性別 男
· 因住台北比較少遇到昆蟲，想養 昆蟲但父母不願意
· 老師教得太快且教的十分乏味， 無法引起興趣
· 父母上班過於忙碌沒有時間帶 小傑去昆蟲館看蟲
在疫情盛行的情況下，學校實行遠距教學。小四生何小 傑在家上課，原本生物老師要帶學生們一起去野外尋找 昆蟲，喜愛瓢蟲的小傑近乎崩潰，畢竟在家附近完全沒 有瓢蟲的身影，父母也因為工作的關係無法帶小傑去大 自然抓瓢蟲。小傑已經看完枯燥乏味的課本，也在網路 上汲取許多昆蟲的知識，其中他也有使用google
的AR
相機去觀看各種昆蟲的身體構造細節，但比起在虛擬的 世界看，他更想體驗以昆蟲的角度看世界。
挫折
外向 求知慾 好勝心 成熟 朋友數 孤獨感 13
�. 使用者旅程地圖
藉由注意、搜尋、感興趣、下載、使用、發布、推薦�個階段去設計使 用者旅程地圖，並在使用的部份設計了四種情境流程，讓整個UX的
設計更為完善
14
�. 資訊架構圖
規劃資訊架構圖，設計整個App的架構，分析是否流程為流暢、合理 ，確保之後設計UI時可以順利進行減少修改次數。
15
16
17
一蘭拉麵
UI/UX 18
19
OVERVIEW PROBLEM
改善原一蘭拉麵APP整體使用流程的不流暢，介面設計原本
複雜不夠直覺改善整體介面排版設計，讓整體使用體驗提升。
�.主畫面不直覺
· 使用者無法直接知道有多 少點數、票券
· 怎麼累積點數
�.不夠簡潔、明確
· 上方沒有統計總共票券數
· 有效期限不夠凸顯
�.未分類品項、標示點數期限
· 所有兌換菜單未分類，使用 者無法馬上找到想要兌換 的東西
· 點數期限未直接標示
20
PROCESS
1. PERSONA & 人物設定
· 年齡: ��歲
羅裕謙
目標
· 角色: 金融業上班族
· 家庭: 單身
· 居住: 台北市大安區
· 性別: 男
· 想成為一蘭VIP 挫折
· 想要成為拉麵達人
· 一蘭排隊都要排很久很長吃不到
· 上班好累不想排隊
BIO
羅裕謙是一位在信義區的金融業公司上班，工作非常的忙碌導致 他必須常常加班。下班後幾乎沒什麼東西可以吃，他非常喜歡吃 拉麵，剛好信義區有兩家��小時的一蘭，所以他很常到一蘭解決 他的晚餐加宵夜。
21
2. 情境設定
設定使用情境，了解特色功能的整體流程，藉由探討的過程去 修改慢慢完善整個App的架構
3. 資訊架構圖
22
4. USER FLOW
設計 USER FLOW ， 讓後續的設計階段可以更完善，介面的接續可以更合 理符合實際使用狀況，設計出一個良好的流程
DESIGN SYSTEM
1. ICON DESIGN
2. COLOR
3. TYPEGRAPHY
Microsoft YaHei UI Regular
PRIMARY
FONT
#AF1F24
#333333
Aa
#096D38
23
PROTOTYPE
24
25
02 26
平面設計 27
海報設計
動畫-越獄奇雲
OVERVIEW
大二所修習的動畫概論期末製作了一部越獄的動畫
短片，為了展覽所以製作了這張海報，想讓大家一眼
看到這張海報可以馬上了解我們的動畫內容，利用兩
隻手撥開監獄的欄杆作為設計，並在海報中呈現本動
平面設計
畫的分鏡圖和角色設計 28
29
平面設計
30
個人雜誌創作 LIFE & COFFEE
OVERVIEW
藉由咖啡沖煮的步驟發展出自己的個人特質和個性， 分為研磨、沖煮、品嚐，每個階段有不同的人生體悟， 配色使用比較亮眼的螢光色 。
AI PS 31
Balance&Line
Unity&Color
封面設計 元智大學 資訊傳播學系
Cover Design
平面設計
32
Rhythm&Line Emphasis&Color AI PS 33
叁門咖啡 LOGO設計 34
OVERVIEW
這是一家位於屏東潮州的咖啡廳，利用店家名 稱”叁門”來設計Logo，運用”�”和”門”來創 造出簡單明瞭的企業識別標誌
AI PS
35
名片設計
利用浮凸效果增加立體感 採用綠色和橘色的組合
利用燙金文字 增加資感，配色以藍色為主
並搭配圓點與線條增加活潑性 杯子 紙袋 36
豆袋 盒子 37
03 38
動畫 39
40
OVERVIEW
將�D的ODDTAXI動畫MV，利用MAYA仿製成 �D的動畫MV，製作過程涵蓋了 建模、上材質貼
圖、架骨架、製作動態、最終渲染合成
41
PROCESS
1. 角色建模 3. 貼圖、材質
2. 道具建模
42
4. 渲染合成
43
44
OVERVIEW
教育部與勤益科技大學合作計畫要製作有關國小 表演藝術的教學動畫投放在教育部因材網，委託我 們元智大學資訊傳播學系製作，課程內容由表演藝 術相關老師去設計，再由我們製作成教學動畫。
AE PR
45
1. 資料整理
PROCESS 彙整老師所設計的教案，並統整到我們所設計的共編表格中，
讓負責各項目的人可以知道自己要製作的素材內容
2. 配音
46
3. 狗狗動態製作
47
4. 最終合成
Email :jason91823@gmail.com Phone :0909866832