1
2
Hsuan Pai
A girl with passion in User Interface Desgin. Here are my works for you, hope you like it.
3
學習經歷
2014 國立台北科技大學 / 工業設計系 / 產品設計組 已畢 2010 國立台中高級工業職業學校 / 圖文傳播系 已畢
特殊經歷
2012 台灣設計師週 / 二毫克創意設計 / 志工
2010 圖文組版 電腦排版 乙級證照 / 丙級證照 2010 GEPT / 中級檢定 2007 網頁設計 / 丙級
獲獎經歷
2014 新一代設計 / 佳獎 2012 RED DOT / 入圍
參賽經歷歷
2014 新一代設計 2013 RED DOT 2012 RED DOT
2012 臺灣國際學生創意設計大賽 2010 全國公車 LOGO 設計競賽 2010 pqi 隨身碟設計大賽
4
工作經歷
2015 研擎科技股份有限公司 設計師 (2014- 2015) 2014 黃石國家公園 / 打工 2013 康軒出版社
語文能力 國語
精通
台語
中上
英文
中上
西班牙文
軟體能力
Adobe Illustrator
Photoshop Indesgin
Rhino
After Affect
Keyshot
Showcase
略懂
精通 精通 精通 中上 中上 中上 中上
5
6
Contents User Interface Design Smamono Enviromono Oraeo
10 18 22
Product Desgin Butterfly Light Emergency Island Switch Design Plug Design Flowing Egg Diabetes Guardian Sunrise Reflow
30 36 42 44 48 54 60 66
Drawing Skill Software Application
Picture
7
8
User Interface Design
9
APP 的 logo 主要以圓弧線條為主，和公司的 CIS 有一致性。在顏色的配置上除了搭配整個 APP 的 色 系 外， 還 和 APP 的 命 名 由 來 - smamono 為 smart 結合日本 mono（中文意為東西）。於是將 sma 和 mono 巧密地分為兩色，更可以讓觀看者 意會到其命名的巧思。 在 icon 的應用上，將其設計地除了簡單的平面化 配上陰影外，於溫度，濕度，壓力等上做比較生動， 例如溫度會隨高低做顏色的變化，濕度則是 icon 的水隨乾濕程度會搖晃地快或慢，欲借此增加使用 者在使用 app 上能有驚喜感以及對 app 的忠誠 度。
10
Main Color
11
12
Ability to be used in many situations
Handheld remote control
Temperatures, humidity and pressure available Temperature
Humidity
13
14
15
16
17
Enviromono 為一個可以測量溫度﹑濕度和大氣壓 力的 APP，在設計上，我第一個念頭就是大自然 的畫面。於是整體的顏色以草綠色為底。在樹的呈 現，我以比較卡通幾何式的方式做表現。 APP 的內容上，欲讓使用者能夠一眼就可以看到 他想要知道的資訊，不需要點擊畫面，甚至滑動頁 面。所以以條列式呈現。也很符合如今的極簡趨 勢，避免現在大眾普羅在使用手機上有太多資訊需 要消化，因此以簡潔式表現。
18
Main Color
19
20
21
Oraeo 這款 APP 的 logo 圓潤的線條主要是為呼 應產品圓圓如馬卡龍般的外型。其主色 - 藍綠色， 不偏向男性的剛同時也不過於女性的柔，正適合產 品的主銷售族群。在其上，微微的透出光芒，以符 合科技的感覺。 右 圖 為 app 的 進 入 畫 面， 其 構 想 概 念 為 Oraeo 產品實體上由於是上彩度低，下斜半部飽和度高的 顏色搭配。因此我在右下角做一個挖空，並將其透 出宇宙的空間，讓使用者看到他，能夠更有想像空 間。並且也象徵我們的產品望向宇宙般，多變化也 多功能。 而 APP 的下載 icon 則是透過黃藍的漸層展示其可 變化性，配上立體的設計以及簡潔的背景，讓使用 者在使用上更不容易看膩。
22
Main Color
23
24
25
26
27
28
Product Design
29
現代都市人工作壓力大 在日常生活中點綴生意盎然的蝴蝶飛舞 為枯燥、無法喘氣的日子帶來改變
30
Butterfly Light 2014 木材
31
現代人的生活忙碌，因此現今有多種治療方式。音樂治療、香精治療以及視覺治療。藝 術治療為一種心理治療的方式，透過非語言的藝術表達經驗或配合口語 的表達，探索個人的問題及潛能。 透過燈飾設計將平常於都市少見的蝴蝶翩翩飛舞帶入生活
32
33
運用錯視手法 (scanimation)，結合當觀者移動，圖案便也會有所變化的圖型以及與錯 視圖案相輔相成之條狀紋的籠子
34
蝶中蝶透過翅膀的拍動，主要分為吊燈 (1)、桌燈 (2) 以及壁燈 (3) 等一系列燈飾設計 只要經過燈飾，就可以發現蝴蝶似飛舞的變化
1 2 3
35
It is very hard to find out victims in the vast ocean. -----------Cooperation - Yua Ting Tsai & Je Wei Peng-------------
36
Emergency Island 2012 充氣氣墊、海上渲染劑、雷射光
37
由於 失溫、於海中的渺小、海上及空中的能見度低 所以在汪洋的大海之中尋找到失難者是十分困難的
38
1. 面積 改善傳統游泳圈的尺寸為可乘四至五個成人的大小，增加能見度以 及供受難者乘坐於裡面，避免失溫 2. 夜晚的可視度 利用雷射綠光在天空中聚焦，並出現 "SOS" 的求救訊號，解決夜晚 中看不到的窘況
1 2
3
3. 海上的可視度 使用海上渲染劑，使救難人員能夠輕易地看到
39
利用自動充氣式救生衣的特性 遇水即充氣，解決人若是昏迷 的狀態掉入水中的狀況
碰到水後的示意圖 - 於短時間內，迅速膨脹為可供多人乘坐的氣墊
40
結構 綠光雷射燈
橡膠材質
底部有渲染劑
穿著後的樣子
41
Smooth as wave Calm like ocean The best way to decorate your house
42
Switch Design 2015 塑膠
43
Smooth as wave Calm like ocean The best way to decorate your house
44
Plug Design 2015 塑膠
45
46
47
Getting tired of spending lots of time to fasten the garbage bag? Getting bored of boring garbage clip shaped?
48
Flowing Egg 2012 木頭 刷子
49
透過垃圾袋夾的雙腳設計，解決了小空間也想垃圾分類卻苦於狹窄 關係無法順利的困擾。搭配刷子，使其也便於清潔
刷子 BRUSH
50
環保意識 ECO-AWARNESS
將兩個袋子放下垃圾桶，分別裝於兩個 flowing egg 的各一角 將連結在 flowing egg 上面的蛋刷取下，就可以順利地清刷已使用過的掃把上 的灰塵
51
適於放的地方如廚房、客廳等，達到一個當人走經過去 的時候，意外發現「咦 ?! 我怎麼把蛋丟在外面 !」的趣 味違和感
52
53
In diabetics’ dailylife, they are always in danger because can’t get their glucose value anywhere . -----------Cooperation - Yua Ting Tsai & Je Wei Peng-------------
54
Diabetes Guardian 2012 貼紙 FRIS
55
發想起源 糖尿病患者往往不會無時無刻注意自己本身的血糖值，因此常在無意之間便昏倒了。這是非 常危險的一個狀況，特別是發生在年長者身上，若是身旁沒有人，本身身體已不佳，要如何 撐過這樣的臨時突況？
本設計 透過可隨身攜帶型的貼紙作為提醒，不會造成攜帶上的麻煩
56
本設計 外觀上，結合血和水滴形狀
57
6 0
嚴重過低
7 0
過低
Diabetes 出現打針吃 Guardian 便 藥圖示，表 會透過手機 示該施打升 傳遞訊息給 糖素 家人及醫院
9 0
微低 出現餐盤
1 1 0
正常
1 2 5
偏高 出現水杯
2 5 0
過高
出現打針吃 Diabetes 藥圖示，表 Guardian 便 示該施打胰 會透過手機 島素 傳遞訊息給 家人及醫院
使用者依照著貼紙上的數字和圖示作其當下應做的事
58
嚴重過高
59
一日之計在於晨，若是能每天都在山水美景中醒來該有多好 ? 幻想與理想總有些差距，既然不能真的每天醒於仙境， 那就藉著 sunrise 滿足幻想吧
60
Sunrise 2013 白陶
61
山巒
湖泊
為美麗的風景畫的基本元素
62
太陽
1
2
3
4
1
2
3
4
1. 先做圓形的盤子為雛型 2. 利用雕刻刀將不用的地方去掉 3. 攪石膏，以作為模具 4. 灌入陶，等其乾後便可以把模具拆開
63
2 1 3
4
1
2 4
64
1. 主要為放三明治 2. 荷包蛋、水波蛋、太陽蛋 ... 等蛋類 3. 水波紋以示到影，供瀝油，把多餘醬料刮掉 4. 沙拉、培根等配料
65
犯錯的時候，都一定會有個「如果當初沒有這樣就好」的 OS 透過翻轉杯子的動作 就像扭轉沙漏的時空一樣， 回到最初的美好
66
Reflow 2013 木頭、玻璃、矽膠
67
透過將杯子上下顛倒，象徵時間重新來過。杯緣不管是上面或者是下面都可以喝。
180 度
68
1
2
3
4
1
2
3
4
1. 赴新竹去請老師吹玻璃杯子 2. 利用矽膠試驗做瓶蓋的塞子 3. 用木頭做卡榫，做成杯子的支架 4. 我與可愛的劉瑞典老師
69
70
Drawing Skills
71
72
1 2
3 4
1, 2 - 粉彩 / 麥克筆 3, 4 - 水彩 / 鉛筆
73
74
75
76
Software Application
77
78
79
80
81
82
83
84
Pictures
85
1
2
1. Grand Prismatic Spring, 世界第二大的溫泉 2. Morning Glory
於 2014 年暑假前往美國的黃石國家公園 Yellowstone National Park (Wyoming) 打工度假，是我人生中最有意義的一個暑假 86
87
88
Thank you for reading
89
90