Project Design
專案設計
Graphic Design 平面設計
We b Design
網站設計
Film Te l e v i s o n
影視動畫
Hsieh-Tzu Hsuan Portfolio
3
虎寶童衣舖
迪揚興業有限公司
寶 怪獸尼
心栽/花茶
擅長項目 /
照片 個人資訊
Expertise
設計˙影像 Adobe Illustrator Adobe Lightroom Adobe Photoshop
特殊歷程
/ Introduction
/ Special Course
謝子萱 Sharon
2014
1995年08月07日出生於台灣彰化
擔任行動商務與多媒體應用學系 -副系會長
現就讀亞洲大學 行動商務與多媒體應用學系
擔任行動商務與多媒體應用學系
畢業於彰化市私立精誠高級中學
多媒體管理組-公關活動長 Adobe Flash 證照核定
平面設計、視覺設計、動畫短片
Autodesk 3D MAX 證照核定
攝影修圖、影片後製、設計企劃
2015
網頁前端、3D特效
Microsoft Excel 證照核定
聯絡方式
Adobe Photoshop 證照核定
/ Contact Method
2016 +886-937-843-977
學生校外實習-聖堂數位有限公司
sharon8487@gmail.com
6
影視˙建模
證照
網頁˙文書
Adobe Flash Adobe After Effects Sony Vegas Pro13 Autodesk 3D MAX
Adobe Flash Adobe Photoshop Microsoft Excel 3D MAX
Adobe Dreamweaver Sublime Text3 Microsoft Word Microsoft Excel Microsoft Power Point
設計經歷
/ Design Experience
2014
2016
Wavering Logo設計專案
米神爺 視覺系統設計VIS 心栽˙花茶 視覺系統設計VIS
2015
迪揚興業有限公司 網站設計專案
第一幫 APP介面設計
怪獸尼寶Line貼圖 數位化設計專案
美感教育 3D視覺執行
保富鈴生技有限公司 3D動畫影片製作
虎寶童衣 Logo設計專案
弗斯蒂教育中心 網站與視覺系統設計VIS
龍德家商招生 微電影製作 玖倉設計 平面視覺設計專案 冬季異想世界抵嘉 3D視覺執行 香萃生物科技 視覺系統設計VIS KSP上海將旭耳機 品牌視覺設計VIS 台北育達高職電子競技社 視覺系統設計VIS 苗栗育達科技大學電子競技社 海報製作專案
7
目錄 /
Catalog
8
網頁設計 / Web Design
作者簡介 / About
模型設計 / 3D Modeling
專案設計 / Project Design
影視動畫 / Film & Television
平面設計 / Graphic Design
後記 / Epilogue
9
專案設計 /
Project Design
10
0 1 . First-Study弗斯蒂國際教育中心 0 2 . KSP上海將旭-聲學事業部
11
Project Design 01
Project Design First-Study弗斯蒂國際教育中心 網站架構、視覺平面設計類
第一次‧從頭到尾 第一個從前台視覺設計到後台網 站架構，橫跨三個語系包含電腦 以及手機版介面設計，並且擔任 專案經理角色。
12
Project Design 01
本專案歷程:
0 1 . 網站地圖 Site Map
0 2 . 流程圖 Flow Chart
0 3 . 網站畫面區塊腳本圖 Website Wireframe
0 4 . Usability Test : 原型、測試、分析 Prototype、Test、Analysis
0 5 . 視覺設計細節發展 Mockup
0 6 . Usability Test 0 7 . 網站前後端開發 0 8 . 上架測試 0 9 . 完整上線
14
2016.07 /Web Design /Illustrator 〠Photoshop
15
Project Design 01
這是我在實習時最重要的一個專案，感謝老師願意放手信任我，讓我負責 這麼大型的專案，甚至還擔任此專案的專案經理。一開始只知道是一個遊 學網站，上網搜尋了世界各地相關遊學網後，整理了初步的前後台網站架 構，以一個使用者的角度思考，希望自己在瀏覽網站時會得到的資訊是什 麼，同時以業主的角度設想，經營一個遊學網在後台會希望掌握的訊息有 哪些，老師說過:「要把自己放在不同的位置和角度，從不同的切入點才 能 整 合 出 一 個 更 有 效 的 解 決 方 案 ， 創造價值。」 還記得第一次和業主Lavinia開會之前特別緊張，不知道她是個什麼樣的 人，不清楚她想要的網站長什麼樣子。在經過多次會議中我們也新增了許 多功能、更加明確方向，了解業主想像中的網站是什麼樣子。這個從無到 有的專案經驗和以往特別不同，過程中業主向我說了一句話:「就照妳的 意思做，我相信妳會做得很好!我想我可以放心地交給妳負責了!」聽到這 句 話 ， 要 謝 謝 業 主 願 意 放 手 ， 將 網 站交付給我，這對我是最大的肯定。
16
我加入本 案 件 時 已 是 第 二 次 投 標 了 ，
Project Design 01
因為業主很常出差，我們溝通討論的方式，都是透過信件和通訊軟體。經 多次來回漸漸取得共識，一步一步完成架構與流程圖，接著開始著手繪製 網站Wireframe，將先前的文字架構初步視覺化，轉換成區塊圖，使網站 以更具體的方式呈現最初樣貌，進一步討論出業主對於網站的想法。同時 也 可 以 透 過 網 站 腳 本 ， 更 詳 細 的 驗 證網站使用流程，並檢討是否有錯誤。 而當這個網站雛型越來越具體的時候，業主開始有了更多的想法，從原本 的9大項服務進一步擴增到了16項，此外光是第一批資料就有3000多筆， 這對我來說是一個從未有過的挑戰。 經過了無數次會議與修改，只求達到更符合UX的設計，讓使用者更方便 且有效率的操作，從中也學習到該如何分享自己的設計想法，透過溝通的 過程擦出更多更不一樣的火花。
18
2016.07 /Web Design /Illustrator 〠Photoshop
19
Project Design 01
01
02
˙ 首頁 B a n n e r 可 供 後 台新增、替換照片或廣告輪播。 ˙ 瀏覽 頁 面 下 方 時 ， 選單效果會固定於上方。
˙為了讓網站更有互動，因此設置了一個頁面，提供給 服務過的會員，讓他們有一個專屬平台分享心情。
˙ 滑鼠 移 至 連 結 上 方 的變色效果，作為引導暗示。
03
04
˙ 下方 的 心 得 分 享 內 嵌一個完整的文字編輯區， 使 會員 可 以 有 一 個 簡 單容易操作的介面。
05
˙利用國家區分榮譽榜內”成功留學、國外求職、助教 申請”的榜單，並以國旗跑馬燈的方式表現。
06
˙一次展示16個課程服務，使用業主特別要求的顏色， 滑 鼠 移 至 上 方 有 該 服 務的照片轉換效果。
20
˙透過圖示引導上傳文件，上傳數量會立即顯示於畫面。
07
08
˙設 置 了 照 片 與 影 片 區 ，讓觀眾能更清楚獲得訊息。 ˙課程介紹的下方設置了臉書留言的功能，讓會員更快
˙以地圖、國旗的方式表達業主公司的全球據點，讓觀 眾能一目瞭然。
速的提交問題。
09
˙ 條 件 篩 選 機 制 ， 使 會 員能快速搜尋所需的資訊。
10
˙ 清楚的標示可修改的資料欄位。
12
˙服務團隊，透過C ard方式來呈現。
˙ 價 格 以 拉 桿 的 方 式 呈 現，增添不同的篩選樣式。
11
˙預約系統，會員可直接指定專屬聯絡日期，當會員指 定 完 成 後 ， 業 主 能 即 時 掌握業務訊息。
2016.07 /Web Design /Illustrator 、Photoshop
21
Project Design 01 完成網站Wireframe，經過 Usa bi l it y Tes t ， 接 著 進 入 前 台的視覺化初稿設計，共設計 了三個款式讓業主挑選，從中 挑選一款進行細修，也因為網 站資料量相當龐大，在設計時 必須很嚴謹的先將資料做分類 ，清楚的知道如何將資料有條 不紊的呈現，同時也才能與程 式人員討論、仔細核對，使網 站更優化，過程中不斷的透過 溝通、修改來回嘗試後，逐步 完成視 覺 初 稿 。
Project Design 01 這是一個額外的機會，正巧碰 上業主要 在 台 中 Hot el ON E 舉 辦業務活動，主講人是加拿大 ICEF的營銷總裁，參加對象 則是各校的主任、長官，這樣 的一個國際盛事，需要完整的 視覺包裝 。 「子萱這 部 分 妳 可 以 嗎 ? 」 「沒問題 ， 包 在 我 身 上 !」 面對如此盛大的會議，我心中 既緊張又興奮，背負責任的同 時，我也對著自己說，我可以 的。 在執行的過程中，因為必須配 合印刷時程，每天都不停的連 夜趕工到凌晨，一有進度就立 刻回報，與業主線上溝通討論 ，期間也跑到印刷廠蒐集各類 紙材，學習印前製成，雖然來 回被退稿了十多次，也因此讓 我徹底了解印刷的世界，直至 最後終於成功的印製完畢。並 且很榮幸的能夠受邀一同參與 此次研討會，看見聽眾欣賞著 自己的作品，甚至被業主特別 介紹給大家，讓我感到無比的 驕傲!
24
左邊貼齊
Project Design 01
26
很感謝有這麼一次能從頭到尾完整的參與專案，透過學校的學期實習，能 夠在沒有課業壓力的狀況下，全心投入於案件中，也謝謝老師和業主兩位 前輩如此的信任，讓我盡情發揮，還有程式部門的包容，在過程中自己和 程 式 人 員 不 停 的 溝 通 和 協 調 ， 為 了 能將彼此的作品做到最好最棒! 在這段和程式人密集交流的過程中，對於網站前端執行產生了極大的興趣 ，特別到補習班進修，從一開始的Dreamweaver工具使用，進而了解 HTM L 和 C S S ， 目 前 已 可 透 過 S u b l i me
Text，獨自完成一些R W D 的網頁
前端執行了。 現在和程式人員進行RWD版面開發時，已經可以不僅僅從視覺設計的角 度 ， 更 能 加 上 程 式 執 行 的 邏 輯 ， 做 更準確的溝通和討論了!
2016.07 /Web Design /Illustrator 、Photoshop
Graphic Design 02
Project Design 上海將旭聲學事業部 網站架構、視覺平面設計類
整理各大品牌宣傳資訊，打造 KSP專屬形象，從文案說帖、產 品拍攝、形象攝影、3D模擬及網 站 介 面 ， 一 系 列產品設計服務。
www.kspaudio.com
28
2015.11 /Graphic Design /3D MAX、Illustrator 、Photoshop
Graphic Design 02
30
2015.11 /Graphic Design /3D MAX、Illustrator 、Photoshop
31
Graphic Design 02
Project Design 上海將旭聲學事業部 視覺平面、3D與攝影設計類
此專案除了形象照為實體 拍攝，其他產品皆由3D模 擬示意。 網站選擇當代簡約搭配大 膽時尚的華麗風格，呼應 KSP主打一刀成形、精緻 非凡的產 品 設 計 理 念 。
32
2015.11 /Graphic Design /3D MAX、Illustrator 、Photoshop
33
Graphic Design 02
34
KSP one 入耳式藍牙耳機
立即購買：
￥ 299.00
太空金屬鍍鈦振膜 重現音質不失真 採用太空金屬鍍鈦振膜結構，其材質輕柔富有彈性、極致提升 聲導速度，體驗渾厚的中低音質，享受音樂的原聲滋味。
隱藏式麥克風 干擾小、低失真格外清晰無雜音的通話品質。
工藝精緻非凡 鑽石切面高炫光
高彈力TPE 材質纖維
高精度鑽石切割、拉絲、CD紋雕刻、陽極氧化等工藝，長時 間使用也不易磨損、變色，經過反覆雕琢，成就舒適感與時 尚感兼具的極致耳機。
耐拉｜環保｜不纏繞
人體工學 舒適貼服耳道 一刀成型 鋁合金鑄造音腔
一刀成型的鋁合金音腔,鑄造無漏音的金屬腔體， 減少共振頻率，用低音撼動你的聽覺。
隱 藏 式充 電 設 計 M i cro USB
充電時間1小時高達80%，最大輸出使用4.5小時， 200小時待機時間隨時享受音樂。
操作簡單 無須拿出配對裝置即可輕鬆進行操作，如調整音 量大小、播放、暫停等，按鍵淺顯易懂，操作簡單， 時尚又新潮。
2015.11 /Graphic Design /3D MAX、Illustrator 、Photoshop
35
Graphic Design 02 第一次參與外拍實務，過 程雖然緊湊卻感到相當充 實。在時間壓力的追趕下 ，我們要在兩天內，完成 九個地點的形象攝影，幾 乎跑遍了 整 個 台 中 。 透過這次的專案除了學習 到如何打燈、架設攝影棚 、引導模特兒，以及如何 有效的分配時程，並且在 有限的時間內做到該有的 品質，以利後續專案進度 能夠順利 完 成 。
36
2015.11 /Graphic Design /3D MAX、Illustrator 、Photoshop
37
平面設計 /
Graphic Design
40
0 1 . Wavering 0 2 . 玖倉設計 0 3 . 苗栗育達科大電子競技社 0 4 . 虎寶童衣 0 5 . 台北育達高職電子競技社 0 6 . 香萃生技有限公司 0 7 . 心栽˙花茶 0 8 . 米神爺 0 9 . 怪獸尼寶
41
Graphic Design 01
Graphic Design Wavering 視覺平面設計類
深入了解本專案的品牌故 事後，蒐集和「波」相關 的資料，運用了音樂搖擺 、律動的線條和排列，象 徵不同頻 率 的 波 動 。
42
2014.12 /Graphic Design /Illustrator
43
Graphic Design 02
Graphic Design 玖倉設計有限公司 視覺平面設計類
實習公司老師的合作夥伴 ，需要名片設計。經過多 次的修改，很開心能夠設 計出業主滿 意 的 質 感 。
2015.02 /Graphic Design /Illustrator
45
Graphic Design 03
Graphic Design 苗栗育達科技大學 視覺平面設計類
在老師的介紹下，接觸育 達科大電競社，協助設計 活動海報。這次的經驗， 使我更了解電競產業的設 計風格。
46
2015.03 /Graphic Design /Illustrator
Graphic Design 04
Graphic Design 虎寶童衣舖 視覺平面設計類
這是一位年輕媽媽帶著女 兒開的衣舖，因為女兒喜 歡卡通巧虎，所以特別希 望將老虎 做 為 Log o。
虎寶童衣舖
48
2015.04 /Graphic Design /Illustrator
49
Graphic Design 05
Graphic Design 平面設計 視覺平面設計類
經過育達科大的海報設計 後，在社長的推薦下，為 育達高職電競社設計Logo ，在顏色上選擇充滿熱情 的紅，盾牌中的獅子象徵 王者，帶領整個團隊突破 關卡贏得 勝 利 。
C0
M100 Y100 K0
C15 M100 Y100 K0
2015.06 /Graphic Design /Illustrator
51
Graphic Design 06
Graphic Design 香萃生物科技有限公司 視覺平面設計類
香萃生技強調無毒環境的 理念，並以永續經營的設 計概念，選擇使用綠葉和 水滴的結合，帶出崇尚自 然的意境 。
52
2015.07 /Graphic Design /Illustrator 〠Photoshop
53
Graphic Design 07
Graphic Design 心栽˙花茶 視覺平面設計類
南投縣魚池鄉的一座茶坊 ，主打紅玉紅茶，搭配玫 瑰、菊花以及阿薩姆，產 品種類或許不多，但這一 心二葉全都是農場主人-康 是欣，用「心栽」培出的 好茶。
主打茶種獨特的花紋與顏 色呈現 : 紅玉以六邊形組成，象徵 紅色寶石，茶色猶如紅玉 般閃爍 。 玫瑰以花瓣循環，象徵在 口中圍 繞 不 散 的 花 香 味 。 菊花以綻放活潑的姿態為 形，象 徵 輕 鬆 且 愉 悅 。 桂花以四個小花朵為形， 象徵高 雅 不 俗 的 形 象 。 阿薩姆則以茶葉為形，象 徵新鮮 甘 甜 、 自 然 清 新 。
心栽/花茶
5
C35 M100 Y80 K0 C10 M80 Y55 K0 C5 M30 Y90 K0
6
C25 M5 Y80 K0
6
C10 M5 Y40 K0
桂花以四個小花朵為形，象徵著高雅典雅的形象。
阿薩姆以茶葉為形，象徵著新鮮甘甜，自然清新。
菊花已綻放的的活潑姿態為形，象徵著茶可以使人輕鬆愉悅。
玫瑰以花瓣循環而成，象徵在口中圍繞不散的茶香。
紅玉以六邊形組成，象徵著寶石，茶色就猶如紅玉般閃爍。
2016.03 /Graphic Design /Illustrator
57
Graphic Design 07
心栽花茶系列
心栽花茶系列
心栽花茶系列
心栽花茶系列
心栽花茶系列
桂花
菊花 可 飲 用。可 重 複 2 - 3 回。
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3 - 8 分 鐘 後，即 南投縣/魚池鄉魚池村瓊文巷35之1號
可 飲 用。可 重 複 2 - 3 回。
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3 - 8 分 鐘 後，即 南投縣/魚池鄉魚池村瓊文巷35之1號
T E L /0932-131728 康世欣
品名/心栽花茶-菊花
後將茶包投入杯中約85度的熱水，浸泡3 -8 分鐘後，即 TEL/0932-131728 康世欣 產地/日月潭
成分/茶葉
品名/心栽花茶-玫瑰
可飲用。可重複2 -3 回。
南投縣/魚池鄉魚池村瓊文巷35之1號
產地/日月潭
成分/茶葉
品名/心栽花茶-紅玉
後 將 茶 包 投 入 杯 中 約 85度 的 熱 水，浸 泡 3- 8分 鐘 後，即 TE L /0932-131728 康世欣
產地/日月潭
成分/茶葉
可 飲 用。可 重 複 2- 3回。
南投縣/魚池鄉魚池村瓊文巷35之1號
T E L /0932-131728 康世欣
產地/日月潭
成分/茶葉
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3- 8分 鐘 後，即 南投縣/魚池鄉魚池村瓊文巷35之1號
T E L /0932-131728 康世欣
產地/日月潭
可 飲 用。可 重 複 2 - 3 回。
成分/茶葉
品名/心栽花茶-阿薩姆
品名/心栽花茶-桂花 品名/心栽花茶-菊花
品名/心栽花茶-紅玉
品名/心栽花茶-玫瑰
品名/心栽花茶-阿薩姆
品名/心栽花茶-桂花
產地/日月潭
產地/日月潭
產地/日月潭
產地/日月潭
產地/日月潭
成分/茶葉
成分/茶葉
成分/茶葉
TEL/0932-131728 康世欣
南投縣/魚池鄉魚池村瓊文巷35之1號
後將茶包投入杯中約85度的熱水，浸泡3 -8 分鐘後，即 可飲用。可重複2 -3 回。
TE L /0932-131728 康世欣
南投縣/魚池鄉魚池村瓊文巷35之1號
後 將 茶 包 投 入 杯 中 約 85度 的 熱 水，浸 泡 3- 8分 鐘 後，即 可 飲 用。可 重 複 2- 3回。
成分/茶葉
TE L /0932-131728 康世欣
南投縣/魚池鄉魚池村瓊文巷35之1號
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3 - 8 分 鐘 後，即 可 飲 用。可 重 複 2- 3回。
成分/茶葉
T E L /0932-131728 康世欣
南投縣/魚池鄉魚池村瓊文巷35之1號
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3 - 8 分 鐘 後，即 可 飲 用。可 重 複 2 - 3 回。
T E L /0932-131728 康世欣
南投縣/魚池鄉魚池村瓊文巷35之1號
後 將 茶 包 投 入 杯 中 約 8 5 度 的 熱 水，浸 泡 3 - 8 分 鐘 後，即 可 飲 用。可 重 複 2 - 3 回。
菊花
桂花 心栽花茶系列
心栽花茶系列
心栽花茶系列
心栽花茶系列
心栽花茶系列
茶
茶
茶
茶
茶
菊花
2016.03 /Graphic Design /Illustrator
Graphic Design 08
Graphic Design 平面設計 視覺平面設計類
藉由這個專案對於酒做了 好多功課，結合了業主對 於日本文化的熱愛，來回 多次的與業主討論和修改 ，米神爺 因 此 而 誕 生 。
C35 M55 Y90 K0
C15 M22 Y33 K0
C31 M45 Y71 K0
C49 M71 Y100 K13
C61 M76 Y100 K42
C34 M54 Y85 K0
C12 M11 Y36 K0
C23 M17 Y45 K0
C38 M59 Y100 K0
C47 M93 Y100 K19
C58 M50 Y84 K4
2016.08 /Graphic Design /Illustrator 〠Photoshop
61
Graphic Design 08
黑稿
62
2016.08 /Graphic Design /Illustrator 〠Photoshop
Graphic Design 09
Graphic Design 怪獸尼寶 視覺平面設計類
怪獸尼寶來自一位六歲男 孩的異想世界，父親希望 將孩子的作品製成貼圖， 完成他的 夢 想 。 每隻怪獸尼寶長的都不一 樣，但這才是最珍貴且難 得的，過程中盡力完整保 留孩子的筆觸，顏色也選 擇明度和彩度較高的黃， 使角色保 有 原 本 的 活 力 。 順利完成上架後的的心情 特別激動，並在通訊軟體 裡看到時，心中也不禁充 滿驕傲，對我來說是個非 常不一樣 的 體 驗 。
66
你一言九頂
好可愛
LOVE
2016.09 /Graphic Design /Illustrator
67
網頁設計 /
Web Design
68
0 1 . 第一幫 0 2 . 迪揚興業有限公司
69
Web Design 01
Web Design 第一幫 手機架構、網站設計類
因實習的關係，參與了第 一幫APP及網頁介面設計 ，過程中業主對於形象的 要求，提供了許多照片， 也讓我對於影像的挑選有 了更進一 步 的 體 會 。
70
2015.11 /Web Design /Illustrator 〠Photoshop
71
Project Design 01
72
正式進行設計之前，花了 很多時間把所有的資料整 理清楚，透過手稿從頭到 尾畫出使用流程，檢查使 用過程是否符合使用者經 驗，不停的在設計和使用 的角色之間切換，完成符 合使用者體驗的設計。 當自己是乘客，會希望” 第一幫”不只有其它品牌 已有的基本服務，還能夠 具備有比別人更貼心的功 能。 接著，把自己轉換成司機 ，在服務乘客的過程中會 希望得到什麼樣的資訊。 客戶與司機兩個角色扮演 完成後，才把自己轉換成 為”第一幫”業主本身， 思考在身為車行的部分要 如何掌握客戶和司機的雙 方資訊，成為兩方的重要 橋梁。
2015.11 /Web Design /Illustrator 、Photoshop
73
Project Design 01
74
APP的部分完成後，接著進行官網設計，透過官網將APP的操作流程，清楚的呈現給 消 費 者 ， 方 便 讓 乘 客 以 及 司 機 ， 都 能 夠 藉 由官網認識”第一幫”。 雖然”第一幫”並沒有成功上線，但也透過這次的案件，讓自己在APP介面的設計上 有 了 更 深 入 的 認 識 ， 從 邏 輯 架 構 到 設 計 ， 都能夠思考的更加透徹且完整。
2015.11 /Web Design /Illustrator 、Photoshop
Web Design 02
Web Design 迪揚興業有限公司 網站架構設計類
協助開發迪揚興業設計淨 水器形象網站，擺脫過往 淨水器較傳統的介面，選 擇純淨的風格，讓消費者 感到如清 水 般 的 舒 適 。 以水的元素與藍、綠、橘 三色作為主色系，向迪揚 興業L og o顏 色 相 互 輝 映 !
76
2016.06 /Web Design /Illustrator 〠Photoshop
77
模型設計 /
3D Modeling
78
0 1 . 故宮開嘉門˙嘉藝賞燈趣-冬季異想世界 0 2 . 美感教育
79
3D Modeling 01
3D Modeling 冬季異想世界 展場設計類
瞭解場地狀況至現場勘查 地形，以利後續製作上能 更加順利 。 過程中多次手稿繪製與修 改，運用3D模擬，完整呈 現展場樣 貌 。 結束後也親自到現場，當 下看到參與其中的專案， 變成真實的在眼前，激動 的熱淚盈眶，這一切辛苦 都值得了 !
80
人們定居後，開闢土地，種植農作物
化觀光局進行會議，為了
一步一腳印踏上了這個美麗的寶島
長和廠商四人，到嘉義文
先人坐船渡過台灣海峽
這次的專案，與老師、學
孩子們圍繞著終點問號中的榕樹，聽著爺爺訴說過去的故事
81
山的另一頭太陽高掛，樹林迷宮象徵著未知的明日
從小型社會變成大型部落
2015.09 / 3D Modeling / 3D MAX、Illustrator 、Photoshop
3D Modeling 01
82
2015.09 / 3D Modeling / 3D MAX、Illustrator 、Photoshop
83
3D Modeling 01
84
2015.09 / 3D Modeling / 3D MAX、Illustrator 、Photoshop
85
Graphic Design 02
3D Modeling 美感教育 展場設計類
因實習的關係，很開心能參與美感 教 育 成 果 展 的 視覺部分。 透過製圖的方式計算螺旋角度，使 用3D模擬結構，最大的挑戰是我 對於美學的理解，前期製作就花費 了一周的時間，為的是能將旋轉角 度 計 算 的 更 精 確。 了解「美」並非要華麗、高貴才能 展現它的價值，一張樸實有溫度的 紙 張 和 線 條 ， 就可以襯托出美。
2015.10 / 3D Modeling / 3D MAX、Illustrator 、Photoshop
Graphic Design 02
88
2015.10 / 3D Modeling / 3D MAX、Illustrator 、Photoshop
89
影視動畫 /
Film & Television
90
0 1 . 龍德家商-招生微電影 0 2 . 龍德家商-跆拳道紀錄片 0 3 . 保富鈴生技科技研發有限公司
91
Graphic Design 01
Film & Television 龍德家商-招生微電影 影片製作類
參與苗栗龍德家商-招生微電影拍攝，拍攝季節是冬天，為了配合高中生 的 作 息 時 間 ， 太 陽 還 未 升 起 ， 就 得 離開溫暖的被窩，前往拍攝。 還記得第一次踏進校園時突然聽到鐘聲響起，心情特別激動，那是多麼熟 悉的聲音，過程中也和弟弟妹妹們變成了朋友，那時才真正體會原來高中 生是多麼的美好，每天都和同學再一起，一天聽了幾十次的鐘聲，下了課 一 定 要 約 一 大 群 女 孩 上 廁 所 ， 那 都 是高中生才有的回憶呀! 從劇本編寫、選角到正式開拍，前後持續了四個月，過程中總是會遇到突 如其來的意外，造成拍攝延期，但也很開心能夠和一群棄而不捨的夥伴們 一起努力，順利的完成整部作品。
92
2016.03 /Film & Television / 3D MAX 、Photoshop、Vegas Pro13
Graphic Design 01
94
2016.03 /Film & Television / 3D MAX 、Photoshop、Vegas Pro13
95
Film Television 02
Film & Television 龍德家商-跆拳道紀錄片 影片製作類
因拍攝龍德家商招生微電影，而 踏進這個校園。在拍攝微電影的 同時，因故事劇情需求，而認識 了跆拳道 的 教 練 。 看著跆拳道社小朋友們辛苦的練 習過程，逐漸被他們的熱情感染 ，不顧一切的精神，深深的令我 感動。 他們說:無論多辛苦，我們「拳」 力以赴，決不放棄，目標就是成 為「國手 」 。
2015.12 /Film & Television / Lightroom、Photoshop、Vegas Pro13
97
Film Television 02 紀錄的過程中遇到兩場比 賽，一是新北市議長盃全 國跆拳道錦標賽，二是台 中市台中港區體育館2016 年亞錦賽國家代表隊選拔 賽，看著他們為彼此加油 打氣，既使被擊倒，仍繼 續爬起來 迎 戰 。
98
那陣陣的叫喊聲 是追夢的聲音 為了夢想 願意揮灑多少汗水 為了離夢想更近 願意付出多少時間 為了完成目標 有多少的路要走
2015.12 /Film & Television / Lightroom、Photoshop、Vegas Pro13
99
Film & Television 03
Film & Television 保富鈴生技科技研發有限公司 影片製作類
這是一部非常特別的動畫 製作，從劇情編寫、角色 設計，甚至親自當模特兒 切菜、模擬受傷、自製血 漿、服用藥物，以及擔任 旁白。 過程中業主與我們分享人 體戰勝細菌的奧妙，協助 我們更貼近影片要傳達的 觀念。
100
2016.07 /Film & Television / 3D MAX 、Photoshop、Vegas Pro13
101
角 色 製 作 發 展 過 程 : 利 用 D N A 的 構 想 創 造 出 的 角色，讓印象中較平淡的衛教影片多一些趣味。
102
104
後記 /
Epilogue
105
Epilogue 01
很高興能夠看到自己的作品集順利產出，從蒐集作品的過程中，才發 現這一路以來自己成長的有多少，慶幸的是遇到了這麼棒的老師和前 輩，在設計上，他們總是給我最自由的空間盡情發揮，放心的將案件 交給我，讓我接觸了更專業的知識與更多實作機會，也很感謝自己不 曾有過放棄的念頭，對於陌生不懂的總是樂於學習，和客戶的溝通與 協商也能從容應對，種種的挑戰不僅沒讓我對於設計感到畏懼，反而 使我對於設計的興趣更加濃厚。不管是順利完成的喜悅，又或是不小 心失敗碰撞的挫折，那都是我最寶貴的經驗，就像年輪一圈一圈的鐫 刻著我的奮鬥歷程，不停的紀錄著，在我的未來道路上，使我更加茁 壯，繼續向前邁進!
106
Thank You For Reading
Project Design Graphic Design We b D e s i g n 3D Modeling
Hsieh-Tzu Hsuan
F i l m Te l e v i s o n
Portfolio