PO
R T
FO LI O
PADI
CHENG
推推敲敲
和著複雜的喜悅與未知 一窺每扇門背後創意的秘境
CONTENTS 00
01
ABOUT ME
PRODUCT DESIGN
01-03
05-30
UI UX DESIGN
GRAPHIC DESIGN
31-38
39-54
02
03
程宇菉
PADI CHENG 1996 / 02 / 27 Taipei, Taiwan 0935-283-918 padi850227@gmail.com
Personality 活潑熱情 心思細膩 管理規劃 溝通合作
Education 國立成功大學工業設計學系 臺北市立中山女子高級中學
01
Language Interests
100%
90%
60%
國文
英文
日文
TOEIC 945
唱歌
吹長笛
彈吉他
寫書法
Workshop 電機x工設
Fintech工作坊
2017日本千葉大學 Joint Design 工作坊
Skills Illustrator
Solidworks
Photoshop
Keyshot
Indesign
Autocad
Dreamweaver
Premiere
HTML5 / CSS3
After Effects
Javascript
02
Experience 大三
2017 Feb.
小情設-成大台科北科工作坊 - 總召
Feb.
成大規設月 - 活動副召
Jan.---成大工設107級畢業設計 - 公關長 Jan.
成大理學院x規設院聯名卡 - 總籌
2016 Sep.---成大工設系學會 - 系會長 Sep.---成大規劃與設計學院 - 院理事
大二
Aug.
成大工設迎新宿營 - 隊輔長
Jul.
成大工設營 - 隊輔長
Apr.
附中山校友會成大參觀營 - 設計長
Mar.
成大單車節 - 工設系總籌
Feb.
小情設-成大台科工作坊 - 副召
2015
大一
Sep.
成大工設系學會 - 公關
Jul.
成大工設營 - 隊輔
Jun.
成大工設夏展 - 班級負責人
2014 Dec.
成大工設冬展 - 班級負責人
Oct.---成大工設系籃球隊 - 球隊經理 03
Mar.
繁星入學成大工設
01 Bathcube TELEWOK
05
PRO
DUCT
DESIGN
06
PRODUCT DESIGN
簡單的省水浴磚, 利用「有多少用多少」的概念, 讓你輕鬆節能!
07
BATHCUBE
08
PRODUCT DESIGN
此次的節能UX工作坊,要帶各組從人物
persona著手,替這位主角設計一個 符合需求及生活情境的節能產品。
01
Bathcube
Members
程宇菉 / 陳義翔 / 賴廣穎 鄭嵐心 / 呂銘倫
09
BATHCUBE
Persona 35歲的地科老師,與其父母還有妻小居住在一起。 平時嘉宏十分注重節能,能省則省,著重每一個節 能的小細節,並研究電器有何節能的方法,為此不 辭辛勞,樂此不疲。除此之外,他還會多和家人宣 導節能的行為,要求大家一同參與此行列。
張嘉宏 節能無休
注意
收集
能省
細節
新知
則省
於是我們根據張嘉宏的行為特徵,整理出目標需求:
有效率的省電
感應
增加天然資源的利用
再生
讓家人保持省電習慣
節能
10
PRODUCT DESIGN
我們針對張嘉宏的目標需求,進行Brainstorming,將有趣的想法記錄下來。
嘉宏 於
的活 動
決定 要
Direction 依據我們對於目標的詮釋,導引出了進一步的設計方向:
透過直覺的互動方式,
感應
再生
達成有效率的節能效果
與自然環境結合, 自發產生能源
他想 出
例如 洗
物品 快
節能 11
將節能行為自然融入生活中
BATHCUBE
Scenario
於社區公告欄看建省水競賽
嘉宏開始努力省水,
嘉宏在浴室端詳了許久,
動,平時熱衷於節能的他便
不辭辛勞地搬運洗米
開始對節約用水有了新
要參加。
水來澆花。
想法。
出了許多可以節約用水的好方法,
最後比賽結果出爐,張嘉宏獲得了這次省水比
洗衣時利用水盆接水,以及清洗完
賽的冠軍,全家人都非常高興,這次的勝利也
快速關閉水龍頭,有多少用多少。
讓全家人開始熱衷於省水。
12
PRODUCT DESIGN
Concept 我們就設計方向以及張嘉宏的生活情境,討論出了一些概念構想, 又將各個概念做更深入的發想。
13
BATHCUBE
Development 最後我們選擇了以「有多少用多少」的構想為主軸,最能符合張嘉宏 的行為特徵與目標需求,並將此概念再做發想,找出最適合的答案。
14
PRODUCT DESIGN
Product Intro
Bathcube是一款全新設計的浴室產品, 利用有多少用多少的概念,達到極致省 水的效果,可以根據所需要的水量來調 整浴缸的模式,同時也可以將使用過後 的洗澡水進行再利用的可能。
15
BATHCUBE
透明度高的塑料, 方便觀察儲蓄的水量。
底部的支撐,同時也可 與造型完美融為一體的
做為連結上層的卡榫。
上蓋,需要蓄水或到水 時在打開即可。
16
PRODUCT DESIGN
Situation
透過堆疊多塊省水浴磚 方便幼兒洗澡時使用
17
BATHCUBE
Using Bathcube可以利用堆疊的方式重新規劃浴缸 內部空間,利用有多少用多少的概念,根據 不同的需求堆積出所需要的浴缸空間大小, 可以堆疊滿整個底部來改變原有浴缸的深淺, 亦可以垂直堆疊。
單人泡澡又想省水時
可將兩塊浴磚堆疊
將泡澡的廢水集中
使用省水浴磚進行空間配置
組合成板凳乘坐
需要使用時再將水倒出
18
PRODUCT DESIGN
19
TELEWOK
TELEWOK TELEWOK,以電話筒為造型核心所設計的廚具 一個逐漸被時間抹去的記憶,卻能引起長輩們的共鳴
20
PRODUCT DESIGN
02
TELEWOK 鍋子太重難以翻炒、手把不好握、 煮菜時鍋蓋該放哪裡...... 下廚的時候,是否不太放心讓長輩們親自操作呢? TELEWOK幫助你解決問題! 讓整個下廚流程更加順暢美好!
Members
程宇菉 / 陳義翔
21
TELEWOK
Problem Finding 我們走訪了兩間照護中心,實地觀察有關於廚房的 環境以及實際操作的部分,發現長輩們其實鮮少有 機會能親自參與下廚,多半是由工作人員一次煮好 大分量的食物。其實不讓長輩下廚的原因主要就是 諸多安全考量,但這樣也讓有意願下廚的長輩無法 親自參與。因此我們決定要利用設計做出能夠使工 作人員放心,願意給長輩使用的廚具,改善他們所 顧慮的問題。
22
PRODUCT DESIGN
我們研究了有關於炒鍋的部分,主要的問題點有: 起鍋太重,不易翻炒、鍋蓋放置等等,現行的炒鍋 重量不輕,體積大,且手把細微上斜,這不僅造成 了翻炒和起鍋時的不便,還衍伸出手部動作不適的 問題,手部必須做出不符合常態的姿勢,才能完成 炒菜的流程,尤其對於長輩而言,長久以來更是一 種負擔。
Sketch
23
TELEWOK
為了解決上列的問題,我們參考了一些研究,也實地走訪各賣場參考 現行產品以發想草圖。我們觀察後發現,現有的炒鍋手把幾乎皆位於 鍋面的水平之上,微微向上傾斜。手把和鍋子重心(鍋底)的距離越遠, 我們就必須要花更多的力氣才能將鍋子舉起。同時手勢也會產生人因 稱"尺骨偏斜"的動作,更遑論起鍋時轉動鍋子。
而賣場中的鍋子則幾乎都是較細的手把,重的鍋子加上細的手把,手 部的壓力增大,更會造成手的不適。於是我們根據上列幾點,設計較 能貼近重心以及減少壓力的鍋子手把。
24
PRODUCT DESIGN
Modeling 我們先發想嘗試各種形狀握法的手把,並利用臉盆作為鍋子,將手把黏於盆緣 來進行草模測試。起初我們曾想過C型、T型甚至是杯子拿法的手把,但是經由 測試後發現,這些造型皆會造成手指指間的壓力過大,力道皆集中在和手把接 觸的指頭上,於是我們改成希望能以手掌承受壓力的手把。
25
TELEWOK
我們嘗試將手把接合在鍋緣的中心水平線上,發現拿起來明顯比其他一般接法 輕許多,於是決定延用了這個想法,然後為了符合手型,我們便做了微微上彎 的曲線形狀,再修整它的外觀造型使其能夠讓手更加舒適。造型最後我們以由 小到大的流線型作為定調,讓手部握住大塊面積減輕負擔。
26
PRODUCT DESIGN
27
TELEWOK
Fine Modeling 精模的部分,我們主要將手把區分為橘色與灰色兩個部分;橘色為主 色,以和善正面的意象作為定調,同時也具醒目作用,讓使用者與長 輩更能留心注意。灰色的部分主要是手部握持的地方,我們研究了握 持的手勢,將手部的輪廓描繪下來簡化成灰色部分的形狀,讓使用者 及長輩一目瞭然,方便握取。
28
PRODUCT DESIGN
Ergonomic Details
巧妙造型設計
電話筒造型的手把更接近炒鍋的重心, 減輕拿起炒鍋的重量,尾部加大的造型 讓使用者握持更順暢。
一般炒鍋
Tele炒鍋
29
TELEWOK
把手特殊角度
把手巧妙的角度,讓你在 煮菜時能輕易的拿起將鍋 蓋放置,且只占少量空間。
省力傾倒食物 在 傾 倒 食 物 時,由於手把通過鍋 子 的 重 心,於 轉 動炒 鍋時力臂接 近0,幾 乎 不 會 有 力 矩產生。
30
02 WHANDY
31
UI
UX
DESIGN
32
UI DESIGN
01
WHANDY 天氣資訊與我們日常生活息息相關,然而與我們 生活如此密切的產品服務,卻不是那麼完善, 不直覺,不人性化,太龐雜。因此我們團隊決定 設計出一款能夠讓產品服務與使用者更貼近的 APP, 如同小秘書般,安排好關於天氣的大小事。
Members
程宇菉 / 黃詩雅
33
WHANDY
Research 我們研究了一些現今、風格較為不同的天氣APP,並分析他們的優劣勢。
臺灣超威的
Weather Pal
WU
資訊詳盡
LOGO視覺效果好
會將資訊做較細的分類
小圖示有動態感
畫面圖像化表格化
小圖示視覺效果不錯
有紫外線空氣指標提醒
以一天為單位的模板呈現
版面配置閱讀不易
有一點點花
條列或圖像化不一
有些東西太文字化
有些圖示無法直覺辨識
折線圖太詳盡
34
UI DESIGN
Direction 根據我們發現的問題,與尋找分析現有的多款APP, 我們整合出了設計的方向:
針對不同 使用族群
建議 必備用品
數字化為 直覺感受
互動化
可個人化 調整版面
Function 我們目前提供了兩種模式,依使用者視不同需求以切換:
一般
一般模式
台南市 東區
4月9日 星期日 13:00
為預設模式,以淺藍色作為視覺主色。
24°c
體感 23°c
早 晚 溫 差 大!
35
26 22
標題欄位左方為功能鍵,可以選擇設定或切換為 另一模式,右方為地點定位選擇。 主畫面提供最基本的當天溫度資訊,下方有貼心 小叮嚀,使用一句話提醒當日的天氣狀況,以及 提供裝備小物提醒使用者攜帶。
WHANDY
旅行
旅行模式 旅行模式以橙色為視覺主色。
STEP2 設定您的旅遊地點 台北市 大安區
4
進入旅行模式後先選擇旅行的起始地點(將預 設為返回地)與開始結束的日期與時間,設定 完後按確認進入下一步。 第二步選擇造訪的城市與造訪的日期時間,可 以按下加號新增地點,設定完後按確認。完成 後則出現旅行的每日當地天氣預測,可以橫向 拖移觀看。
月
7
日
12
時
日期
4
月
時間
20
時
7
日
台北市 大安區
4
月 10 日
18
時
裝備包提醒
我們提供了四種最常使用的裝備小物 —雨傘、防曬、口罩、外套等,當天 候狀況需要某項物件因應時,裝備包 的提示將會亮起,提醒使用者要攜帶。
36
UI DESIGN
Flow 一般模式
一般模式主要資訊
手勢上滑
手勢左滑
3秒後自動進入一般模式
載入App畫面 Logo浮現
次要資訊
每時/每日預測時間軸 (可橫向拉動)
旅行模式
37
旅行模式去回地 時間設定
點擊確認鍵
點擊確認鍵
從功能鍵更換模式
旅途各地點 時間設定
每日當地預測 時間軸 (可橫向拉動)
WHANDY
設定與地點
點擊設定鍵 從功能鍵選取設定
設定畫面
點擊地點鍵 台北市 大同區 台北市 大安區 台北市 中山區 台北市 中正區 台北市 松山區
在搜尋欄輸入地點
地點選擇
地點搜尋
38
03 Personal Branding
Sparkgo
Pun Place
Birdwatching Festival
Metro Taipei
Eyemood
39
Deep Living
GRA
PHIC
DESIGN
40
GRAPHIC DESIGN
01 PADI
Personal Branding
由自己的英文名字PADI開始發想,將P、A、D、I這四個字母幾何化,再將他們 適切地組合構成了LOGO的原形。利用筆畫架構出三維方格的模樣,同時也代表 著思考從平面延伸至立體的多元與全面性。顏色主要使用黑,輔以黃點綴著點、 線、面,營造出穩重卻不失活潑創造力的形象。
41
PERSONAL BrANDING
PADI
Rough:
Font: RomanD, V/A 50 L:100%, W:100%
Standard present:
Color range:
PADI
PADI
Extension:
mobile PADI
PADI
technology PADI
fashion shop
程宇菉 Padi Cheng
國立成功大學 工業設計學系 系會長 規劃與設計學院 院理事
PADI
brunch
0935-283918 padi850227@gmail.com
PADI
42
GRAPHIC DESIGN
43
PERSONAL BrANDING
44
GRAPHIC DESIGN
METRO TAIPEI
Rough:
Standard present:
Font: Ebrima, V/A 100 L:100%, W:108%
Extension:
Color range:
45
METRO TAIPEI
exhibition
METRO TAIPEI
public art
METRO TAIPEI
street dance competition
METRO TAIPEI
02
METRO TAIPEI
Metro Taipei
透過五個主色—黃、紅、綠、藍、咖啡, 同時也代表著五條主線,由線交織而成 捷運的輪廓,再透過曲線呈現遠近的透 視效果,進而營造出捷運的平易近人以 及速度感,展現台北捷運專業、便捷且 親民的形象。
46
GRAPHIC DESIGN
03
Pun Place
Rough:
Standard present:
47
PUN PLACE
PUN PLACE是一個能夠讓創意充分發展的基地。從兩個字的開頭字母 開始發想,將兩個P組合成立方體,呈現出擁有許多創意的想像空間, 字體的幾何設計增加輕鬆有趣的詼諧感。透過深灰與淺藍的搭配運用, 讓專業感與活力創意並進,另外將A字母用派對帽呈現,讓PUN PLACE 成為一個你能自在地玩創意的好地方。
Font: Berlin Sans FB Demi Bold, V/A 50 L:100%, W:100%
Color range:
Extension: exhibition
tea party
picnic
48
GRAPHIC DESIGN
04 EYEMOOD
Eyemood
Eyemood是一個多功能雙層眼鏡盒。透過字母E與M的變形與結合, 組合成了眼鏡盒的簡易型態,交會產生將兩層盒滑開的透視感,而 最後加上眼睛,讓整個眼鏡盒活起來,塑造使用此產品的愉快心情。
ROUGH:
STANDARD PRESENT:
EYEMOOD FONT: INSPECTIONXPERT GDT NOFRMS V/A 0 L:100% W:100%
49
EYEMOOD COLOR RANGE:
SPARKGO
05
Sparkgo
Sparkgo是個能讓網路紅人與粉絲們互動分享 的專屬APP。由S去作發想,將S以三個平行 四邊形銜接而成,表示Sparkgo的跨平台串聯, 而同時又像彩帶旋轉般向上竄升,搭配背景的 流星,代表網路紅人在此平台的活躍性,讓 使用Sparkgo的人都能享受獨特的魅力。
50
GRAPHIC DESIGN
51
DEEP LIVING
06
Deep Living
Deep Living是個在山裡能享受古木參天、小橋流水, 夜晚擁有美好景色的境地。透過幾何化的圖像將周遭 的元素整合,搭配深藍背景及漸層的色彩以呈現夜晚 別有一番風味,靜謐別緻的意象,創造出簡單愜意能 沉浸在大自然裡的氣氛。
52
GRAPHIC DESIGN
53
BIRDWATCHING FESTIVAL
07
Birdwatching Festival 透過聖誕季節的紅綠色系,將鳥組合成九宮格, 搭配禮物包裝的形式,將賞鳥季呈現給大家,讓 人們像是收到聖誕禮物般開心,加上背景的冬季 雪白意象,簡約但不單調。
54