YI CHIN Portfolio
2011 / 2015
雜 Contents
壹
Resume
貳
Product Design
參
industry-university cooperative
肆
Graphic Design ＆ Sketch
自我介紹
產品設計
產學合作案
Ｐ3 - 4
Ｐ5 - 24
Ｐ25 - 56
平面設計與表現技法 Ｐ57 - 66
2011 YI CHIN / Portfolio 2015
+ Contact M / +886 985-606-792 No.118, Shilin St. Dongshi Dist., Taichung City 42352 Taiwan (R.O.C.) E / amy50471@gmail.tw
Yi-Cing,Liao
壹
+ Education
Resume
國立雲林科技大學 工業設計系 國立大甲高中 美工科
+ Software Skill
0 0 3
0 resume 0 4 yi chin - liao
+
Profile
1994年 生於台中東勢，客家人，個性活潑開朗，喜愛教朋友，熱愛打球，也熱愛設計。 從小三開始學畫，從藝術接觸到美工，再從美工接觸到了真正的設計。對我來說設計能比藝術 更實質的更直接的表達給人們。一項好的設計，能感動人們甚至能改善使用者的生活，帶給他 們方便,幸福。那些我們以為渺小的改變，都有可能大大影響其他人。所以我想用我的力量，我 的開朗，影響跟幫助更多的人們，使這世界能夠有更多歡笑，更多溫暖。
+ Work experiences
+ Achievement
網龍網路公司 產學設計案 / 學習平板
網龍網路公司 產學設計競賽 第一名
INFAR 產學合作案 / 手工具設計
雲科中軸大型裝置藝術 第一名
屏東海洋博物館 產學合作案 / 紀念商品設計 MAX CABLE 產學合作案 / ＩＴ商品設計
+ Cadres experience
雲科 創新產學跨領域合作案 / 盲人手電筒
雲科工業設計系學會 / 活動長
HSIPL 實驗室 / ＣＩＳ商標設計
雲科工設 第一屆大型鬼屋 / 總召
東勢滑輪溜冰協會 /ＬＯＧＯ/服裝設計
2011 YI CHIN / Portfolio 2015
貳 Product Design
0 0 5
0 contents 0 6 Product Design
01
Fire Smart Escape Guider Fire Intelligent Light 火災智能疏散燈
02
Revelers
03
Bra-dry
Ｐ7 - 12
Nightclubs smart bracelet 夜店智能防身手環
Ｂra dryer 內衣烘乾器
Ｐ19- 24
Ｐ13 - 18
01
Fire Smart Escape Guider Fire Intelligent Light 火災智能疏散燈
+Motivation 動機 在大型商場或大樓發生火災時，逃難者不清楚火源以 及逃生通道位置，因為緊張盲目逃竄導致危險。現有 產品雖能廣播通知大家疏散，卻無法導引正確的方向。 逃難者向群性，大批人員往同一個安全出口逃生，造成 擁堵，導致疏散效率降低，甚至造成互相推擠及踩踏。 消防人員在就難時無法得知受困者的具體位置,人數 及狀況，而使救援難度增加。若能利用網路及手機定 位的技術，將消防人員與逃難者做訊息的交換及聯結 ，必能增加生還的機率。
＋Users 商場顧客/人員 消防人員
＋Field 大型商場/辦公大樓
0 0 7
0 Fire Intelligent Light 0 8 fire smart escape guider
+design process
observe research
Problems found
sketching
adjust revise
3Ｄ modeling
2011 YI CHIN / Portfolio 2015
消防局訪談/草圖構想
01
Fire Smart Escape Guider Smoke detectors
Bluetooth position
Light
Camera
＋Fire Intelligent Light 火災智能疏散燈 Fire smart escape guider ，並將偵菸裝置,、逃生指引 燈、與火災監視器做模組化設計,運用物聯網科技 與使用 者智慧型手機連線搭配,創造一套智慧、更有效率的逃生 導引過程;裝置亦與救災人員連線資訊同步,快速掌握火場 情況使救生成功 率提高。
＋ Structure 設計結構 : 上蓋 主體 外殼 進煙孔
外罩 磁鐵 攝影機主體
smoke
鏡頭 0 0 9
0 Fire Intelligent Light 1 0 fire smart escape guider
＋Design Detail 設計細節 : 功能模組化: 偵煙器、藍芽連線為本體功能；逃生投射燈與攝影機設備為可拆裝設計
Body
Light
Camera
2011 YI CHIN / Portfolio 2015
Magnetic assembling
＋利用藍牙三角定位，定位逃難者位置 ＋雲端規劃， 平均疏散之路線
0 1 1
0 Fire Intelligent Light 1 2 fire smart escape guider
+design process
observe research
Problems found
0 1 3
sketching
adjust revise
0 Revelers 1 4 Nightcloubs smart bracelet
3 modeling
02
Revelers
Nightclubs smart bracelet 夜店智能防身手環 +Motivation 動機
＋Users
現代，夜店活動盛行，卻也衍生了許多社會安全問 題，因而出現了『撿屍』及『下藥』的說詞。想要 去夜店玩樂放鬆，卻必須提心吊膽，酒杯不離身， 雖然合格的店家都有保全，但在人數眾多的情況下 ，卻無法給予消費者保障。許多女性都是在意識不 清無法抵抗時被帶出場，無法及時的做出求救或是 通知同行朋友來幫忙，造成無法挽回的遺憾。
草圖構想/警察局訪談/實地訪查
2011 YI CHIN / Portfolio 2015
夜店顧客
＋Field 夜店/酒吧
02 Revelers ＋Nightclubs smart bracelet 夜店智能防身手環 REVELERS是一個夜店智能穿戴裝置，透過物聯網科技，避免在夜店遇到危險；運用酒精檢知晶片，提醒使 用者生理狀況，同時運用顏色配對使夜店搭訕交友的互動過程更加有趣，使消費者能夠安心、盡興地在夜 店裡享受快樂氛圍。
Hi
Transdermal Alcohol Detector Senser
Phone calling Emergency help 0 1 5
0 revelers 1 6 Nightclubs smart bracelet
+Form 造型形式 : 造型像是飾品手環，在佩戴時不會顯得突兀。
+ Smart protection 保護機制 : 同行夜店的朋友手環與手環之間相互藍芽連線配對，透過酒精汗液 偵測儀，可提醒使用者與同型朋友其自身狀況，盡快得到幫助。 若自身前來也可與店家保全做連線，店家可透過此手環管理女性客 戶安全，避免在意識不清的情況下被帶出場。
SERVRICES
！ ！
Mach up 與同行好友連線
Mach up 飲酒過量提醒
2011 YI CHIN / Portfolio 2015
Emergency help Emergency help Emergency help
當酒醉或需要求助時 通知同行朋友協助
+Socialiting by the colors identification 交友色環 : 透過智慧手機APP將個人基本特質輸入雲端(EX:星座、興趣、年齡)經由雲端計算 轉換成各種色彩顯示於手環上，當使用者看到對方跟自己有相近的顏色，代表興 趣相近，作為一個開啟話題的依據。
12:24
12:24
Gender Female
計算個性代表色
Link to FB
AGE
23
18 HOROSCOPE
40
9/28
AUG.
JAN.
DEC.
HOBBIES Sports Leisure Read Music Dance
CONNECT 計算結果
取消
+Field Interactive 場域互動 : 手環與夜店DJ遠端連線，依節奏做閃爍，營造全場效果，帶動氣氛。 也可與夜店消費服務搭配，代客叫車、電子儲值消費、會員資料等等。
0 1 7
0 revelers 1 8 Nightclubs smart bracelet
SERVRICES
TAXI
Revelers +Mechanical drafting 產品尺寸圖 :
+Detail 產品細節 :
65mm
酒精感測晶片
RFID、藍芽接收器、 LED炫彩燈板
14mm
64mm
70mm
通知圖示投射燈
2011 YI CHIN / Portfolio 2015
03
＋Users 女性外宿者
Bra-dry Ｂra dryer 內衣烘乾器
＋Field 租屋處/飯店
+d +Motivation 動機 現代公寓式,大樓日益增多,許多公寓或是套房無陽檯日照,無法使衣服晾在 通風風有日照的地方,因此女性內衣褲多需晾在室內造成衣物潮濕不乾等情 形,甚至產生發霉發臭等情況。 旅行時，一般飯店空間較小，且無私人晾曬空間或陽台，時間不足，因此 女性內衣褲多晾在室內造成衣物潮濕不乾等情形。或與他人共用脫水機， 有衛生之疑慮。
0 1 9
0 BRA-DRY 2 0 Travel with underwear dryer
o r
業者訪查
design process
observe research
Problems found
sketching
adjust revise
查/草圖繪製 2011 YI CHIN / Portfolio 2015
3Ｄ modeling
03
Bra-dry Small Cup: A~C Medium Cup: C~D
Large Cup: F up
+ Bra dryer 內衣烘乾器 利用烘乾方式，解決胸罩難乾的問題，並結合收納盒形式 ，在不使用時可將內衣置入，或於旅行時避免內衣在行李 箱裡受擠壓變形.
0 2 1
0 BRA-DRY 2 2 Travel with underwear dryer
＋Usage scenarios 使用情境：
Night
Morning 2011 YI CHIN / Portfolio 2015
＋Features 使用流程：
1.開啟上蓋
2.置入內衣
3.蓋起上蓋，啟動烘乾
＋Product Structure 產品結構 ： Home Cover
Strainer
heater strip Heaters body
Sealing strip Strainer
Base
0 2 3
0 BRA-DRY 2 4 Travel with underwear dryer
+Detail 產品細節 :
Slip mat
Heating
2011 YI CHIN / Portfolio 2015
ĺ?ƒ
industry-university cooperative
0 2 5
0 contents 2 6 iu cooperative
01
Dr.shrimp Portable Toothbrush 旅行隨身牙刷 + Case /
屏東海洋博物館
Ｐ27 - 32
02
T-Wrench
03
Individual learning keeper
Hand Tools 手工具 + Case /
Ｐ33 - 38
learning table 個人化學習小管家 + Case /
04
INFAR
中國 網龍公司
Ｐ39- 48
SIGHT Blind cane 盲人手電筒 + Case /
雲科 創新產學跨領域
Ｐ51- 56
草圖繪製/精膜製作
+design process
0 2 7
0 Dr.shrimp 2 8 Portable Toothbrush
observe research
Probl fou
lems und
01 Portable Toothbrush
＋Users 夜宿海生館遊客 一般遊客
+Motivation 動機 屏東海洋生物館為台灣的著名觀光地點，為許多親子， 學生及民眾都會前往的地方，紀念品也成為了一大商機 ，但卻沒有的專屬屏東海洋生物館的商品，販售的商品 在外面四處可見，造成購買欲望降低。 為配合海洋生物館，打造專屬及富有教育意義的紀念商 品，使消費者能購買到喜歡的商品也能將知識帶回家。
+ Case /
sketching
adjust revise
＋Field 屏東海洋生物館
屏東海洋博物館 產學合作案 / 紀念商品設計
sketch modeling
2011 YI CHIN / Portfolio 2015
adjust revise
3Ｄ modeling
01 ＋Portable Toothbrush 旅行隨身牙刷
＋Bionic 仿生設計： Portable Toothbrush是以清潔蝦的 習性/體型的意像設計出來的一款攜 帶型刷牙，並搭配夜宿海生館活動的 需求，並讓消費者在使用或購買時也 能學習到知識，使用時有如可愛的清 潔蝦在幫我們做清潔，並將這些在海 洋生物館所學到的知識帶回家。
＋Lysmata amboinensis 白背鞭藻蝦： 又名清潔蝦/醫生蝦，體型小，體色對比鮮明，棲息于特定珊瑚礁。專門幫大型魚類清理身上的寄生 蟲，藉此獲得食物。魚兒會定期到該處給它們清除體表及口腔的寄生蟲。
0 2 9
0 dr.shimp 3 0 portable toothbrush
＋Method 使用方法：
Shelves
Replace 2011 YI CHIN / Portfolio 2015
+With Overnight 配合夜宿海生館 : 配合屏東海生館之夜宿活動需求，可做紀念品發送或販售給遊客 ，使用完後可直接置入背包，在接下來的旅程中使用。
+Replace 可替換式刷頭 : 可替換式刷頭，握柄可重複使用。 多種顏色可挑選，消費這可依照自 己喜歡的顏色做選擇，也解決會搞 混牙刷的問題。
0 3 1
0 dr.shimp 3 2 portable toothbrush
Portable Toothbrush
＋Logo 商標設計： 以牙醫生的『醫生』與牙刷的『清潔』 為關鍵字做發想，並採用的清潔蝦紅白 背部曲線，配色簡潔利落，呈現產品想 給人的『專業感』與『潔淨感』印象。
＋Package 包裝設計： 外包裝使用了透明塑膠管，像是 海生館的水族箱/醫院裡的試管 。有如真的將海生館裡的清潔蝦 裝在試管裡帶回家。
＋Introduction Cards 介紹卡： 包裝以介紹卡做襯底，介紹卡印有產品介紹及使用說明.
Portable Toothbrush
Portable Toothbrush
白背鞭藻蝦 Lysmata amboinensis
Dr.shrimp
又名清潔蝦.醫生蝦 .體型4~6cm，白色的觸 鬚及背條.橙紅相間的體色.棲息於特定珊瑚 礁區.專門幫大型魚類清理身上的寄生蟲.藉 此獲得食物.魚兒會定期到該處給他們清除 體體表及口腔的寄生蟲. Dr.shrimp.將其造型及特徵抽取出來.並依據 其特性.運用於產品上.有如清潔蝦在幫我們 清理口腔.
Shelves
Replace
2011 YI CHIN / Portfolio 2015
02
T-Wrench Hand Tools
+Motivation 動機 T型扳手為許多修車師傅常用的工具，但傳統的Ｔ型 扳手握持部分太細造成師傅在握持上的不適。也因 造型平貼地面，細小光滑，想將板手從地板拿起， ，對於戴著手套的師傅們非常的困難。 要使師傅在使用時能降低傷害，又能提升工作效率 ，並且在結構與強度上達到平衡，解決現有Ｔ型扳 手的問題。
＋Users 修車師傅
＋Field 修車場/機車行
+ Case /
+design process
observe research
Problems found
0 3 3
0 T-wrench 3 4 Hand Tools
INFAR 產學合作案 / 手工具設計
sketching
adjust revise
sketch modeling
adjust revise
3Ｄ modeling
草突發想/手工具工廠參觀.訪談
2011 YI CHIN / Portfolio 2015
02 T-Wrench ＋Hand Tools T字板手 利用中段空轉的結構，避免 因旋轉時造成的摩擦力而掉 落，並提升工作效率。 改變握持部造型，提升握持 的舒適度，解決傳統板手平 貼地面不易撿起的問題。
＋Advantage 產品優點： 提升工作效率 提升整體價質 改善握持舒適度
＋Feature 產品特點： 中段空轉的結構，去除摩擦力，使旋轉更快速增加工作效率。
Idling
INF AR
0 3 5
0 T-wrench 3 6 Hand Tools
General T-WRENCH
Improved T-WRENCH
Friction and slow
Effortless and quickly
Difficult to grip and pain
Comfortable
INFAR
Not easy to pick up
Easy to pick up
2011 YI CHIN / Portfolio 2015
＋Introduction Cards 介紹卡： 介紹卡印有產品介紹及使用說明. （正/反）
＋Package 包裝設計： 裡用包裝設計，提升產品質 感，增加附加價值。使板手 不再只是個工具，可以是禮 盒，甚至是收藏品。
T字套筒組/抹布/清潔刷 0 3 7
0 T-wrench 3 8 Hand Tools
03
Individual learning keeper learning table 個人化學習小管家 + Case /
中國 網龍網路公司產學合作案
+Motivation 動機 在科技時代的推進下，使得學習的資源跟方式有更多 的可能性。也同時改變了中學生的學習型態，研究並 探討如何讓學生不只沉於利用網路娛樂而是能善用資 源學習，以改善其學習狀況、激發學習興趣與動力提 升讀書效率。
＋Users 中國 國高中學生
＋Field 學生一日行程之場域
＋Partner 合作夥伴 雲科工設-紀勝騰/洪莉筠/陳百峰/吳孟頜
+
U Su
0 3 9
0 Learning table 4 0 Individual learning keeper
+design process
User urvey
Poblems found
Design proposal
sketching
2011 YI CHIN / Portfolio 2015
adjust revise
3 modeling
03
Individual learning keeper
+Learning Tablet 個人化學習小管家 普通平板使用久了枯燥乏味，沒有動力，只是冷冰冰 的機器無法為使用者帶來熱情。學習小管家透過養成 角色的設定，使學習平板不在只是一部機器，而是一 個朋友，一個你會關心在意的對象，透過一系列得活 動在不知不覺間養成學習的習慣。
學習管家
陪讀夥伴
廣義學習
生理監控
0 4 1
情感設計
0 Learning table 4 2 Individual learning keeper
＋Architecture Process 產品架構： 學習
Software 軟體
提醒
小管家
測驗 資料庫
分析 弱點題
備忘錄 學習型態 小管家
個人化
介面 讀書計畫
背蓋 硬體
個人化
外觀 光條
情感 提醒
＋Sketch 草圖發想：
2011 YI CHIN / Portfolio 2015
手環提醒
專屬題庫
Individual
03 learning keeper 眼球sensor 前鏡頭 後鏡頭
HOME鍵
＋Product Details 產品細節：
觸控筆
Micro USB
0 4 3
0 Learning table 4 4 Individual learning keeper
個性化保護蓋
人因造型的保護套設計，讓使用者雙手便於握持 平板，輕易至桌上拿起，及閱讀。
＋Bracelet 手環介紹： 手環是使用者的一個識別，讓平板分辨使用者身 分。並與平板連線，隨時提醒使用者。
2011 YI CHIN / Portfolio 2015
+ Hardware 硬體設計
＋Product Details 產品細節：
＋Software 軟體介面
+Role generation 角色生成： 經由創建系統，打造出心目中最理想的小管家， 或透過臉部掃描，創建與自己長相相似角色。
+ APP Proposal 軟體推薦： 依使用者資料，分析可能使用的app,並推薦給使用者。
0 4 5
0 Learning table 4 6 Individual learning keeper
03 + Call keeper 呼叫小管家： 學習遇到問題時，可按兩下快速鍵，呼叫小管家為使用者搜尋答案。
+ Weakness 弱點分析： 每天結束，小管家會分析使用者，幫助使用者了解 自己的能力狀況，做更好地學習安排。
2011 YI CHIN / Portfolio 2015
Individual learning keeper
+ Call keeper
+ Rest remind 休息提醒： 由小管家控管學習時間，避免過度疲乏，提升學習效率。
+Role generation 角色生成：
還剩五分鐘喔 該休息一下囉!!
生理監控
互動式提醒
休息時間到時 關閉螢幕以警示使用者
+ Bedtime 睡前提醒： 系統會依個人行事曆在睡前及平日利用手環 提醒使用者，注意代辦事項。
聯絡簿 國文考卷
0 4 7
0 Learning table 4 8 Individual learning keeper
Individual
03 learning keeper + nteractive reminder 互動式提醒： 利用nfc技術辨識使用者，在使用者接近時， 平板及手環會做出反應，像是看到熟悉的人。
CLOSE
+ Bracelet 手環連線提醒： 運用表情符號，讓使用者感覺機器不再冰冷，
電量不足
訊息
行事曆
+ Tablet 平板邊光提醒： 平板邊條發光，吸引使用者的注意力。
2011 YI CHIN / Portfolio 2015
+ Personalized
Individual
03 learning keeper
+ Sketch 發想草圖：
+ Personalized Case 個人化背套：
個人化背套設計
利用保護套鏤空之方式，排列圖形或文字，自製專屬個人化保護套。
1
將圖片放進附設app裡轉換成對應洞洞圖形。
2
將保護套反套於螢幕，做上記號，再將平板取出。
0 4 9
0 Learning table 5 0 Individual learning keeper
3
戳下記號的洞洞後即完成個人化背套。
2011 YI CHIN / Portfolio 2015
04
SIGHT Blind cane 盲人手電筒
+Motivation 動機
＋Users
對常人來說，看東西是一件只需要使用雙眼就能達成的事情，但 是對於視障朋友來說，卻是一件艱辛萬苦的難事，發生安全意外 的次數也是常人得好幾倍，儘管有導盲杖抑或是導盲犬，依舊無 法完全滿足視障者如同一般人可以自由行動:但是透過科技能增進 視障朋友的行動便捷，期望總有一天行動能類似於常人有著雙眼 自由自在地行動。
盲人
＋Field 外出行走
+design process
observe research
Problems found
+ Case /
雲科 創新產學跨領域產學合作案
sketching
0 5 1
0 SIGHT 5 2 BLIND CANE
sketch modeling
adjust revise
mo
3 odeling
2011 YI CHIN / Portfolio 2015
04
SIGHT
＋Blind cane 盲人手電筒： 利用超聲波測距技術搭配影像辨識系統，解決盲人 「行」之遇到種種突發狀況，並考量現實產品開發 規格化層面，以國際公認盲人專用識別手杖─「白 手杖」作為拐杖本體，減少生產的成本負擔，結合 智能科技、人性化互動、可開發性，使視障朋友能 重建尊嚴與自信心達成「行動自主」之創新設計。
＋創新創業激勵計劃跨領域和作案： 與資訊工程系,財經系,數媒系同學合作，以可 實際量產目標做設計。
智能 科技
＋Product Details 產品細節：
0 5 3
0 SIGHT 5 4 BLIND CANE
人機 互動
產品 開發
＋Features 功能： 1.前照式超聲波感應測距功能 2.接合區拐杖夾頭(搭配國際認證標準白手杖尺寸) 3.LED環狀照明:提供夜間警示 閃燈提醒路人 4.組件夾具:影像辨識系統語音資訊輸入 5.藍芽4.0無線傳輸技術與智慧型手機、拐杖連線 6.後置兩大功能按鍵a.LED開關 b.超聲波開關
2011 YI CHIN / Portfolio 2015
＋SWOT 分析 Strengths
Weaknesses
＋導盲輔具中無類似產品存在
＋新產品知名度不足
＋軟硬整合提高技術門檻 ＋產品銷售較低
Opportunities
Threats
＋政府對身障人士相關補助法令
＋多數盲人仍以普通導盲杖為主
＋高齡化社會及文明病造成視障
＋台灣市場小，難以達到經濟規模
人口比例增加
＋ Animation 情境動畫
0 5 5
0 SIGHT 5 6 BLIND CANE
SIGHT
＋Market 行銷策略
＋學校機構 藉由免費的體驗認識本公司及相關的視障輔助器具。
學校機構
＋盲人協會 提供教育訓練及服務。藉由盲人協會的公信力，提升產品 使用上的信任感。
＋公益基金會
盲人協會 公益基金會
經銷商合作
與基金會合作，定期舉辦避障競賽來推廣產品，另一方面 也能提高企業公益形象。
＋電信業者 由於本產品可配合手機使用，可與電信業者合作推出盲胞
電信業者
優惠方案。
＋經銷商合作 與一般經銷商、工作室通路合作以銷售產品。
＋Exhibition 展覽情況
2011 YI CHIN / Portfolio 2015
肆
Graphic Design Sketch
0 5 7

0 contents 5 8 graphic design sketch
01
LILIM CONNECT
02
Haunted House propaganda
Watches poster image 手錶形象海報
Poster 妓軼鬼屋宣傳海報
03
SKETCH Sketch 表現技法
Ｐ65- 66
Ｐ61 - 64
Ｐ59 - 60
01
LILIM CONNECT
+Connecting everyone”s life :
+Connecting your footpri
Connect-THE ONE 系列手錶形象海報 整隻錶以許多人組成，傳達the-one系 列強大的交友功能。
Connect-X 系列手錶形象海報 以路線構成錶的外框，傳達Ｘ系列 主打的行走記錄功能。
0 6 9
0 Graphic design 7 0 lIlIm connect
int :
+Connecting your ruler : Connect-starry sky系列手錶形象海報 以連結守護星的概念表達starry sky系列， 主打的夜晚安全保護的功能。
2011 YI CHIN / Portfolio 2015
02
Haunted House propaganda
+Propaganda 妓軼: 雲科鬼屋-妓軼 活動宣傳海報
0 6 1
0 Graphic design 6 2 HAUNTED HOUSE
+Propaganda 妓軼 : 雲科鬼屋-妓軼 活動宣傳海報
2011 YI CHIN / Portfolio 2015
02
Haunted House propaganda
+Propaganda 妓軼 : 雲科鬼屋-妓軼 角色宣傳照
0 6 3
0 Graphic design 6 4 HAUNTED HOUSE
2011 YI CHIN / Portfolio 2015
03 SKETCH 0 6 5
0 sketch 6 6 Practice
2011 YI CHIN / Portfolio 2015
Thanks for your reading
YI CHIN Portfolio
2011 / 2105