Ben portfolio

張

哲

豪

Chang Che Hao

2

Profile 張哲豪 CHE-HAO CHANG 國立成功大學工業設計系 新北市淡水區北新路 48 號五樓 5F., No.48, Beixin Rd. Tamsui Dist., New Taipei City 25141 Taiwan (R.O.C.) f34001032@hotmail.com.tw 0988079366

4 Profile

Experience

Skill

2014.04

北京清華大學工作營

Photoshop

2014.04

成大服務學習中心片尾動畫製作

Illustrator

2014.03

Jam 服務設計工作營

Indesign

2014.01

工設系期末聯展動畫製作

Solidworks

2013.06

成功大學工業設計營 - 器材長

After Effects Sony Vegas

Competition 2014.01 成大工設期末聯展 最佳設計 2007.12 全國智慧鐵人創意競賽 第四名

Keyshot

Languege 中文 / 台語 /ENGLISH

6 Contents

Contents Product Design

Color Bike

08-20

Care About Face

21-29

INFINITI

32-39

Special Project

I Wheel

40-53

Design Skills

Animation Design

54-59

Graphic Design

60-61

3D modeling

62-63

Presentation Technique

64

8 Product Design

Color Bike

「為枯燥的生活染上顏色。」 我們將腳踏車結合藝術，重組腳踏 車的元件，騎乘腳踏車將帶動前方 裝置轉動，藉由離心力 將顏料潑 灑到前方的厚紙板上，而手把上的 煞車可以施放顏料，使用者可自行 控制顏料的施放。 任何人都可以輕易操作，並且看到 整個工作臺運作的過程，而每次的 成果圖都不一樣，繪出一幅屬於自 己的畫，為自己配色。Color Bike 另大家期待，期待著自己即將完成 的成品，輕鬆並且有趣，亦可以裁 切最後的成品，作成小卡片，包裝 盒，或者在其他物品上上色，衣 服，窗簾，床單，牆壁等。 腳下一樣的步調，「彩」出不一樣 的生活。

Co-workers

Concept

參 考國外工作台 ( 如上 ) 的型式，發現他們以一些大型機器為 基礎，進行一些具有有趣，好玩與藝術感的創作，我們試圖從 他們的理念中找到一點線索，進而從中發想出自己想像中的工 作台的模樣，以下我們提出各種構想 : 彩繪 紀錄聲音 腳踏車動力 時間軌跡 ( 鐘，時針分針秒針， 不同的速度 ) 類似心電圖的人體狀態紀錄 ( 變 圖像 ) 水波折射 ( 感光材質 ) 染布，舊布料 ( 水沖顏料 ) 廢棄、回收物

10 Product Design

保 麗 龍 ( 加 溶 劑， 像 黏 土， 可重新塑形，試試看 ) 玻璃，碎化 紙膠帶捲 鐵絲 塑膠 ( 融化好塑形 ) 紙漿 鑿木頭 幫紙打動 拉花 電鍍

最後構想形成：海報紙回收變成彩繪的 包裝紙，這個想法是由於海報時間一過 就變成大型垃圾，而如果我們能藉有此 一機器賦予其新生命，讓他能再利用， 即可做到環保於娛樂兼顧的設計，再來 是我們想結合腳踏車，提倡運動習慣， 強調流汗也可以很美的一種生活品味。

Planning 構想完成之後開始設計機構，從腳踏車 的動力鏈結到顏料的噴出，我們發想著 一套可行的動力裝置，從旋轉想到離心 力，再想到運用離心的原理將顏料噴出 ，我們用簡單的草圖溝通著構想，在意 見彼此撞擊之下，最後討論出大概的機 構型式。

12 Product Design

側視圖

正視圖

而如何從腳踏車連上顏料噴頭，並由腳踏板的旋轉帶動噴料器 的選轉，我們歷經複雜的構思，決定暫定用齒輪 ( 此包含原本 腳踏車之齒輪與一般齒輪 )，前後輪，橡皮帶 ( 腳踏車內襯 ) 等 方式做為傳動界質，並設計出傳動大致概圖 ( 如上 )。 顏料的填入方式原本是由手動加料，但考慮到速度、方便與整 體性，我們打算在這個裝置中再加入填料系統，結合腳踏車中 原本的煞車系統，發想出煞車加料的構想，由於以機構的可行 性上是可以辦到的，再加上整個系統目前處於發展階段，所以 打算在噴料機構處理好後在安裝上填料系統，在這個階段並未 安裝於概圖之中。

Testing

14 Product Design

第一次的草模試驗 : 主要是測試 離心力的物理性質，是否真有辦 法如期的把顏料旋轉出去，初步 做了一台與我們構想差不多的離 心噴頭，在過程中，我們發現噴 頭的管子若是有彎曲，便能較直 覺的向前發射顏料，此與我們構 想較為符合，於是我們便採用此 方案，實驗部分，我們模擬人採 腳踏板並透過鏈輪傳動出去的轉 速，並運用電風扇做極限的轉速 測試，顏料部分我們試了廣告顏 料，噴漆顏料，壓克力顏料。 我們用這次的實驗基礎來初估適 合的管徑，管長與顏料種類，最 後我們決定使用半徑五毫米，長 度 不 依 約 15~25 公 分 之 八 隻 管 子，顏料為水溶性漆做為接下來 成品的彩繪界質與材料。

Model

模型製作大約分為 5 個部分 : 底 板、腳踏車體、木架、噴料系統 與填料系統 底板的部分由一塊實心木板與一 塊中空的木製方體所組成，木製 方體主要是填補後輪拆掉所少掉 的高度，腳踏車體是跟二手腳踏 車店買的，由於我們的理想的腳 踏車為白色，我們將二手車上的 汙 泥 與 漆 一 併 磨 掉， 並 重 新 上 漆，車體部份我們做了改造，將 後輪拆卸下來並改為前輪驅動， 後輪則供驅動噴頭使用，木架是 用來支撐噴料與填料系統，為了 能有效支撐，我們每個關節處都 鎖了至少兩根螺絲並用白膠補 強。 噴料系統遇上最大的麻煩是齒輪 的咬合問題，後來我們透過軸承 的固定與結構上的補強來穩定， 填料系統用的是煞車裝置，我們 在對位上花了很多時間，煞車如 何能精準的按壓在按鈕上以釋放 顏料，最後我們調整了一個較靈 敏的煞車間距以改善。

16 Product Design

18 Product Design

Working test & Logo 大略做完後，我們做了試運轉的動作，顏料大致符合我們預想 的方式噴出，顏料部份先拿藍色來試驗，我們發現到海報紙不 易附著顏料，所以我們決定改以彩色明信片為出發點，期間我 們試了四種硬紙板做上色，其中以灰紙板效果最佳，LOGO 部 分，我們仿油漆噴濺的感覺，結合腳踏車與 COLOR BIKE 文字 的元素，想營造出一種新生活的概念，LOGO 會運用在之後的 小卡上，以表示此為 COLOR BIKE 生產的明信片，

STEP 4 觀看成果，停止剎車

Usage

20 Product Design

STEP 3 手按剎車，釋放顏料 STEP 1

STEP 2 腳踩踏板，持續踩動

坐上椅墊，手握把手

22 Product Design

Final Works 最終的成品我們很滿意，試了各式的顏 料，我們創作出很多美妙的畫面，顏料 噴灑過程的美更勝紙面，我們也裁出各 式明信片發送給大家，讓大家在看到明 信片時也能感受一下彩色生活與新運動 觀念，讓大家能從中找出一點不一樣的 感動。

24 Product Design

Care About Face

此產品設計理念為”包紮是需要設 計的”，而特別是臉部的傷口，人 們總是注重外表的，所以在包紮的 過程中，需要一個精準的刻度以及 測量方式，來測量傷口的大小，以 方便做包紮上的規畫，而其中人工 皮的使用上特有其難處，因人工皮 價格昂貴，須以最小面積覆蓋最大 傷口，此產品能解決此臉部上的問 題，藉以發揮其最大效用。

Concept

生活中常常發生大大小小的意外，臉部是大家最維護的地方， 但不免俗的偶爾也會不小心弄傷了臉，而臉部的包紮相對一般 傷口而言相對較為困難，第一是因為你沒辦法直接看到傷口， 必須透過鏡子才能看到，第二是臉部包紮需要進行的比較仔細， 這是由於臉可以算是一個人的門面，包紮事總是希望能貼的好 看一些，於是我針對此問題點做了進一部的設計。

26 Product Design

Observation 如果以輕型傷口來講，我發現到大致的 包紮大概分為三種 : 第一種為以 OK 蹦直接黏貼於傷口，這 種包紮方式的傷口必須小於 OK 蹦紗布 的面積，包紮上較為受限 第二種為以藥水擦拭過後，減取適當紗 布，並用透氣膠帶黏貼於臉部，這種包 紮適用於一般大或較大的傷口，如傷口 太小則很難使用 第三種為使用人工皮，這個部分主要 是 傷 患 較 在 意 臉 部 外 觀， 想 使 整 體 包紮美觀好看時使用，但由於人工皮 10cm*10cm 的大小約是 100 元，價格 上較為昂貴，所以使用時會盡量精簡使 用

Sketch & Think 在我發現的三種包紮方式之中，我針對其中的第二三種包紮方 式下手，而發現的問題點是當一個人時，自己是很難精準的給 臉部做包紮的，於是我思考著鏡子、尺規與量具的結合，希望 能找到一個幫助單人使用的精準包紮的器具。 起初朝結合發想，尺與鏡子的結合問體較少，我提供的解決方 案是直接在鏡子上加上刻度，即可發揮尺的功能，接著我思考 如何丈量傷口與丈量紗布或是人工皮的長度，一開始直覺反應 是，量鏡子裡人的傷口不就解決了，但是我用物理方法推敲一 次，發現其實鏡子的成像大約是實際長度的一半，並無法準確 呈現傷口切卻長度。 後來的死考著向著使用輔助器具測量，依據方便用性以及可收 納性，我認為繩子是最適合的媒介，但是我希望它的操作室更 便利的，所以決定使用自動捲線的功能，為了美觀與方便性， 決定將它放置在鏡面後方。

28 Product Design

Model & Function

尺標 將尺標直接設計於鏡面上方，方便於量 測比對用之棉繩以及量測所需人工皮的 長寬

旋轉軸 可旋轉 90 度的轉軸，在使用上面更具 選擇性，可以依個人使用狀況或是桌面 的角度做鏡面傾斜度的調整，此旋轉軸 設計也方便於收納於醫藥箱中

線捲座 此邊使用磁性設計，只需輕放線捲即可 吸附在上，孔狀特徵有利於提示線捲的 放置位置

自動線捲 線捲表面以紅色十字架以表示此物與醫 療的結合性，自動收線的方式有利於操 作上的便利性，並能於外界保持一定程 度的間隔，用能保持棉線的清潔

Usage 1. 使用伸縮線來比對傷口的長寬或欲 量測之傷口相關長度 2. 以鏡上之尺標來量測所對應之線段 3. 再以人工皮對準尺標得之所欲之人 工皮長寬 4. 剪下相對應之大小貼於傷口即可

30 Product Design

Experiment & Using Video

32 Product Design

INFINTI 這個案子是在北京清華大學工作營 的交流中完成的，依照 INFINITI 車 體元素與品牌理念，我們為他們設 計了一款車載水杯與一只行李箱， 藉由這個工作營，更加了解了廠商 的需求與如何溝通討論，在這期間 與清華大學的兩名、北京大學兩名 與我們成大三名同學一同進行設 計、交流，收獲繁多。

Survey

一開始我們進入調查階段，對於 INFINITI，不管是車型或是品牌 理念我們都不太熟悉，所以我們先從車型開始研究，我們大略 研究了一下它的外型，發現他以前的車款與現在的車款的特徵 上是有差異的，為了能精簡與統一我們的依據，我們決定以較 近期的車款為主，而特徵的蒐集上，我大致發現 : 1. 車頭燈上方銳利且凸出的眼眉構造 2. 車尾玻璃窗的凸出形狀 3. 車體相當流線，具肌肉 感 4. 整體造型年輕，顏色選 擇也較多

34 Product Design

品牌解讀 通過多方面資料調查，我們得出以 下幾點 1. 目標消費主體： 一定消費能力、小資情 調、白領、明星 2. 設計風格： 自由率性、低調奢華

提取關鍵詞 1. 已有：豪華、運動、隨心而動， 率性而為 2. 設計理念：勢、響、精、豔、凜 接著我們開始從網路上與他們的官網上 蒐集資訊，我們查到了它們對自己品牌 的獨特看法與理念，而我們再將其理念 做消化解讀，其中一個理念較為特別， 即是他們的車體的流動造型其實是緣於 書法，這也讓我們發覺它的很多部分的 確有蠶頭燕尾的感覺。

3. 設計理念解讀：弧線、材質、精 工細做、魅惑、豪華 4. 得出關鍵字：書法、肌肉、運動、 豪華、生動、 優雅

命名規則 INFINITI: 4"I" 意義：從命名上體現本品牌以人為 本，強調自我，率性、隨心

Sketch & Discuss

36 Product Design

草圖我們從車載水杯開始發想，我們起初著眼在造型的部分， 從上述的調查，我們想體現的部分為低調奢華、書法的動態感、 肌肉感與 LOGO 意象，我們的共識為不對稱流線瓶身，結合汽 車皮革材質，在瓶身的動態感與握的舒適感部分我門揣摩了很 多線條，而 LOGO 意象也想以特別的方式結合，杯蓋部分還同 時思考如何易於單手使用，行李箱部分想與車載水杯有一致性， 所以也結合皮革材質，造型部份我們想體現前後不對稱的動態， 功能上想與後車箱開起的方式類似。

Final - Infiniti Cup

特徵 : 1. LOGO 元素結合於杯蓋 2. 按壓、不對稱設計 - 方便駕駛人飲用 3. 皮質握感，形體流暢

1 2 3

38 Product Design

Final - Infiniti Trunk

特徵 : 1. 開啟方式 : 仿汽車後車蓋 2. LOGO 元素融於把手 3. 箱體流線，前後不對稱而生成之自然 稜線

1 2 3

40 Special Project

I Wheel 這是我們在行銷課時所創的品牌，I Wheel 即是 I Willl，代表著將會完 成一件事的意志，為了將這種意志 傳達出來，我們使用了廢棄的輪胎 皮做為我們產品的主軸，輪胎皮有 著永生、堅忍，韌性的意象，而它 的特性也是這些，不易損壞，具有 韌性，這使我們產品別具意義而更 有其價值。

Co-workers

Concept 1. 童趣 / 飲茶 ( 推廣到年輕人 )/ 2. 運動褲 ( 就算不運動的人也會很好看 )( 代表成大的庫子 )( 路跑結合 )( 有扣子的庫子 )( 有拉鍊 ) ( 美國大學 )( 運動護具 )( 設計腰包 -- 防遭竊 ) ( 光操置物櫃 )( 校友 )( 讓大家喜歡成大 )( 營隊 ) 3. 獨立樂團 ( 推廣 )( 晚上藝文空間 )/ 堅持自己理念貫徹自己 4. 社團 / 服務平台 / 社團間的交流 5. 紙膠帶 6. 可折疊餐具 -- 和素食業者 ------ 環保概念 7. 均衡飲食概念 8. 仙人掌的故事 9.die 系列 10. 反核 11. 旅行 -- 背帶 / 紙膠帶 / 鞋帶 12. 微單的皮套 13. 仙人掌 -- 仙人掌公仔 14. 暗黑系列 / 失戀博物館 15. 包包 16. 夾角脫 -- 可更換 17. 口罩 18. 圖文鞋帶

1. 自由意志 不同產業的人有著相同的自由意志。 布章 ( 說故事 )/ 布貼 / 包包 筆電的貼紙 /pick/ 相機背帶 / 潮帽 / 帽 T/ 書籤 / 畫冊 / 畢業帽 / 眼竟不 / 2. 運動 ( 讓部會運動的人也想要運動 ) 運動 S 勾 / 運動不需要理由 / 綁在身上的喇叭 / 3. 環保 不倒翁植物 / 腳踏車上的藤蔓 / 輪胎皮做輪胎 / 環保筷 / 可替換的筆 / 廢輪胎做相機背帶 ( 跟其他 材質結合 )// 燈具和盆栽和輪胎 ( 不倒翁 )/ 廢輪胎手機殼

廢輪胎結合 1. 相機背帶 ( 攝影 ) 2. 書衣 ( 讀書 ) 3. 掛勾 ( 運動 ) 4. 帽子 ( 跳舞 )

42 Special Project

廢輪胎結合 1. 吊飾 2. 手環 3. 掛勾 ( 運動 ) 4. 小包包

定了題目為輪胎皮之後，我們開始做前 置作業

Experiment

第一步為向各大車場蒐集內胎 ( 我們一 開始就排除使用外胎，因為外胎加工不 易 )，一開始沒有限制輪胎皮的種類， 不論是腳踏車、機車、汽車或是大卡車 我們都想做測試 第二步就是開始做實驗了，我們想做的 方向屬於工藝類，所以我們做了縫紉、 編麻花，穿洞，耐重，抗刮性，彈性等 測試，記錄下這些性質，思考著輪胎皮 可以設計些捨麼

Sketch & Discuss 運用測試的結果，我們針對三項產品分 別為 : 吊飾、手環與掛勾畫了簡單的草 圖，並進行審查與討論。 在掛鉤上我們花了較久的時間，因為需 結合功能與外觀，構想一開始考量市面 上的鐵環與輪胎皮的鏈結方式，起初 想到的都是三段式的扣法，即”鐵環 輪胎皮鍊 - 鐵環”，但後來希望造型 上能更為精簡於是繼續發想，得到了” 鐵環 - 輪胎皮環”的構造。 在吊飾上，我們以輪胎皮為主體再加上 鐵鉤的方式，用以呈現輪胎皮的質感， 手環則使用編織手環，由線狀輪胎皮復 合線材。

44 Special Project

Make Sample 草圖過後就進入打樣階段，由於草圖無法呈現真實的使用狀況 與物理性質的問題，所以我們一邊打樣一邊又做了一些測試， 每樣商品從初階樣品到最終樣品都做了約四次的修改，其中遇 到最大的麻煩就是關於鉚釘的使用，一開始考慮用自己衝打的 方式，但發現品質較差，而且每種大小的鉚釘就需要一組專用 衝具，成本較高，後來改為請廠商幫我們衝打，除了小包包為 純輪胎皮，其他的商品都欲走向複合材質的方向，掛勾結合皮 料，吊飾結合布料，而手鍊部分則結合線材。

Process 再送工廠打鉚釘與縫紉之前，我們必須 做好前製作業，也就是將輪胎皮處理成 他們可以加工的狀態，我們在輪胎皮的 清洗上磨墨了很久，由於廢棄輪胎有很 多陳年的髒汙，在加上會有一股很重的 橡膠味，我們必須使用化學的方法才能 清洗乾淨，再來的困難是，輪胎皮並不 是一塊可以鋪平的布，它是一個粗圓管 狀的形體，所以為了將它能切成平整的 長條狀，我們也試驗了許久，而後我們 發展出一套流程，大致分為六個步驟 : 1. 切割區塊 : 將整個輪胎外胎進行立 體剪裁，將它裁成數個部分的大區塊， 這裡需要的精細程度較少，主要的技巧 就是沿著輪胎原有的紋路切割。 2. 規格切割 : 將大塊的輪胎皮裁成我 們需要的大小，由於輪胎皮厚且韌，一 刀割下會嚴重變形，無法符合規格，所 以須分為好幾刀，細膩割下。 3. 修整大小 : 切割下的規個通常還會 有些許的偏差，通常會發生在頭尾兩 側，需要用尺重新校正。 4. 聚集 : 將相同規格聚集起來以便之 後的步驟。 5. 清潔改質 : 是最為困難的步驟，需 要再揮發藥劑下清洗輪胎皮，揮發性會 造成手部失溫。 6. 晾乾 : 統一集合後晾乾。

46 Special Project

1

2

3

4

5

6

Products

48 Special Project

1

2

3

4

5

1

2

3

4

5

1. 掛勾 : 主要為三種顏色，分別為橘、深藍、棕色，另有出一 款特別花紋版，結合的材質為皮料，為可掛起包包之背包吊飾。 2. 吊飾 : 主要為兩種顏色，分別為橘、墨綠色，另有出一款特 別聖誕紅版，結合的財質為麻布。 3. 手鍊 ( 粗 ): 主要有四種顏色，分別為紫、紅、深綠、墨綠色， 另有出一特別聖誕節款，結合的材質為麻繩。 4. 手鍊 ( 細 ): 主要有三種顏色，分別為膚、淡綠，紅色，結合 的材質為細繩線。 5. 小包包；主要的功能為放置小物如糖果、零錢，亦可當吊飾 使用，整體為全輪胎皮。

Propaganda 宣傳部份我們用 FB 建立了粉絲專業， 起初我們放上我們加工輪胎皮的過程， 而後我們定期放上產品的使用情境照， 讓梗多的消費者知道我們的產品，為了 增加宣傳性及趣味性，我們以掛鉤的使 用方式設計了一款漫畫，讓大家能更深 刻體悟到我們產品的便利性，而我們也 將我們產品放上網拍，以增加銷售管道 與知名度。

50 Special Project

Sale

銷售當天我們做了一個展示用的平台與 一張廣告看板，我們還擺上我們的宣傳 照當作說明小卡，另一方面我們我們將 包裝用的印章 LOGO 提供給大家免費 蓋在本子上做紀念，展示平台的部份我 們用木頭釘釘子的傳統方式，如此更能 展現我們產品的本質，廣告看板上則標 明了我們的製作過程，讓消費者更能安 心購買。

52 Special Project

銷量

Report

品項 價錢 12/22 賣出數量 12/28 賣出數量 掛勾 230 9 9 掛勾特 399 1 X

剩餘數量 11 0

吊飾 180 5

10

10

吊飾特 199

2

1

1

手環粗 170

9

27

0

手環細 150

4

7

12

手環組 290 2 瑕疵品 220 X

7 1

1 0

折扣 因素 工設價、買兩個折扣……等

價錢 10

營業額 ４５３９ ＋３２９７ ＋２５４０＋ ６１２０＋ １６５０ －５６０ ＝ １７５８６ 成本 材料 測試 包裝 攤位、運費 Total

10721 728 1146 820 13415

利潤 １７５８６ － １３４１５ ＝ ４１７１每人 ４１７１/ ６ ＝ ６９５ 人力 ９ x ２. ５ x ６ x １１０ ＝ １４８５０利潤 ４１７１ － １４８５０ ＝ －１０６７９

數量 56

Animation Design

54 Design Skills

期末聯展片尾動畫

動畫練習試做

56 Design Skills

學習服務中心片尾動畫

使用性設計影片

58 Design Skills

使用性設計影片

Graphic Design

ABSTRACT REVOLUTION TREND

ed@

20 1

電話:0988079366 E-mail:F34001032@hotmail.com.tw 地址:台南市東區後育樂街170號3樓 網址:www.artdesign.com.tw

限公司 All Right Reser v

張哲豪

股份有

ABSTRACT REVOLUTION TREND

設計

藝術總監

以淺灰色與黑色呈現專業形象，而圖是 部分以象徵的拳頭與顏色分布萊表示改 革的進行，抽象部分則以四水滴又似 葉子的挖白部分呈現，圖中呈現四個 C 即代表四位團員，同時也代表時間的圍 籬，黑色得最後一道圈則是象徵未來， 大拇指的部分也可看做是衝向未來的光 束之意，圖使用大量尖角，代表設計的 敏銳與獨到

象革

ABSTRACT REVOLUTION TREND

3

象革設計股份有限公司 台南市東區育樂街170號3樓

www.artdesign.com.tw Mediakit/Introduction/Xmas party

CIS 設計

60 Design Skills

Nature’s fightback 11 2 0 1 3 T h u r s d a y 28 Time:AM10:00~12:00 Site:Nationnal Cheng Kung University Speakers:DJ Chang

- I will be back soon -

海報設計

3D Modeling

62 Design Skills

Presentation Technique

Photoshop Graphics

64 Design Skills

Sketch

66

張

哲

豪

Chang Che Hao f34001032@hotmail.com.tw 0988079366