2017 CHENNY YANG PORTFOLIO +886927820610 chenny0610@gmail.com
Hello ! Nice to meet you.
C H E N N Y PORTFOLIO
CONTENTS
04
06
10
CONTENTS
RESUME
VOICETUBE WORK
34
54
62
MENU TALK
ONE - FOURTH OF PRIME, POLISHED.
SHREDDING PLAN
76
86
90
EASY FITNESS
LOCK HANG
ASUS WORK
Chenny Yang Design Works 2013-2017
Chenny Yang 楊采妮 1993/06/10 chenny0610@gmail.com +886 927820610 Taiwan, Taipei Chinese
Native speaker
Taiwanese English
Full professional proficiency Professional proficiency
Japanese
Elementary proficiency
從小圖紙跟畫筆就是我的玩伴，享受在沒有任何干擾下的恣意 發揮。 高中秉持對繪圖的熱誠選擇了復興商工，誤打誤撞的進入設計 的世界，卻也讓我開始無可自拔的愛上設計。 大學主修工業設計，在一次實習經驗中認識了介面設計，一個 與我所學截然不同的領域，卻也讓我找到興趣所在。 出社會第一份工作進入活潑的新創公司擔任界面設計師，開始 累積更多實務經驗，但過程中發覺越深入越需要更多學術知 識，因此選擇進入研究所深造。 雖在設計路上跌跌撞撞，但我甘之如飴，每當通過一次困難就 又學習成長一些，我很享受這個過程。未來，我願意接受更多 考驗，因為我知道背後所帶來的會是甜美的結果。 7
Resume
EDUCATION
2016/9 - NOW 臺灣科技大學 工商業設計系 研究所 2011/9 - 2015/6 明志科技大學 工業設計系 2008/9 - 2011/6 復興商工 廣告設計科
WORK EXPERIENCE
2015 - 2016
UI/UX Designer
2013 - 2014
Design Center GUI Team Intern
ASSOCIATION EXPERIENCE
2014 - 2015
新一代明志科大 工設系 平面媒體組副召
2011 - 2012
系學會活動長
AWARD
2015
水越設計-從新一代我看到 都市酵母select 碎紙機畫 Shredding Plan
2015
Red dot award : Concept design winner Lock Hang Red dot award : Concept design nominations Thoughtful Drip Stand
LICENSE
SKILL 8
2013
IPid Dechnology award : 科技設計創意優選獎 打針貼紙 Cheer You Up!
2013
日本語能力試驗 JEPT-N5
2010
廣告設計 乙級 證照
2009
廣告設計 丙級 證照
2D software
prototype software
3D software
INTERESTS
Travel / Bake / Cook / Movie / Cat / Illustration / Photography and Design
9
UI/UX Designer in VoiceTube Product Team 2015/09 - 2016/06
10
Works VoiceTube Target HERO Landing page HERO Payment Pronunciation challenge Festival illustrations 11
Target 這是一個以句子及遊戲為中心導向的英語手機學習 APP，鎖定的目標用戶為 18 至 35 歲利用通勤時間學習英語的人。在這個專案裡面包含英語課程規劃師、專案經理、 Android 前端工程師、後端工程師以及使用者經驗及介面設計師。
12
VoiceTube Target 楊采妮 2016 介面設計
VoiceTube Target Tsai-Ni, Yang 2016 UI Design
13
VoiceTube Works
圖標設計 Icon design 此 APP 以每天需達成學習英文數量作為學習設計，所以我以箭 靶與箭作為主要視覺發展，將重點放置在箭上，使用跳脫框架的 方式讓圖像看起來活潑，顏色上也選用較對比的兩個色系來作為 主要搭配顏色。
14
標準色及輔助色 Color palette
C84 M80 Y79 K65 R27 G27 B27
C58 M1 Y97 K0 R122 G197 B40
C71 M38 Y0 K0 R74 G144 B226
C23 M17 Y17 K0 R205 G205 B205
C4 M42 Y92 K0 R249 G170 B0
C5 M4 Y4 K0 R244 G244 B244
C13 M96 Y77 K0 R226 G29 B53
C0 M0 Y0 K0 R255 G255 B255
專用字體 Application Font
Roboto (Google font) Action bar / Big Button
H1 heading
H2 heading
H3 heading
Regular 58px
Regular 50px
Regular 45px
Regular 40px
專用圖標 Application icon
15
VoiceTube Works
16
登入 Log in page 在一開始登入時會有關於這個 APP 的介紹頁面，登入方式有兩 種，一為新用戶需要重新建立帳號，另一為既有用戶，登入方式 可以使用 Facebook 作為登入。
17
VoiceTube Works
題型 Play page 主畫面可以查看你的等級以及設定目標，題型的部分分為六大 題 型， 分 別 為 comprehension、parsing、tracking、spelling、 tagging 與 translation。
18
在題型設計上為了考慮到最長內容的版面設計，所以以題目中最 長的句子來去做設計，另外，作答後會有修正解答、原句英文及 翻譯，透過卡片的方式方便使用者來回查看與對照來達到最好的 學習效果。
19
VoiceTube Works
20
更多 Drawer page
個人頁面 Profile page
句子簿 Sentence
一共有主頁、個人頁面、句子簿、單字簿、 設定以及商店。
可以在這裡查看每日是否有達成目標的圖 表，以及徽章收集的紀錄。
題型皆是由句子所組 英文及中文，以及較
e Book page
單字簿 Vocab Book page
商店 Shop page
組成，每個句子都會附上 較難單字的解釋。
每個單字皆會有較為正式的解釋，並且系統 會抓取使用相同單字的例句。
商店內可以購買不同使用期限的優惠包組 合。
21
VoiceTube Works
等級圖示 Level logo 延續 Target 的概念，在等級圖示上使用活潑不同樣貌的箭靶來 作為每一等級的圖示，每一個圖示上的把會隨著等級的提升增加 一支箭插在上面，營造一種樂趣感。
NOVICE
22
APPRENTICE
A
ADEP
EXPERT
MASTER
23
VoiceTube Works
HERO Landing page 楊采妮 2016 介面設計
24
HERO Landing page Tsai-Ni, Yang 2016 UI Design
25
VoiceTube Works
HERO payment 楊采妮 2016 介面設計
26
HERO payment Tsai-Ni, Yang 2016 UI Design
27
VoiceTube Works
主站口說挑戰 楊采妮 2016 介面設計
28
Pronunciation challenge Tsai-Ni, Yang 2016 UI Design
29
VoiceTube Works
主站節慶插圖 楊采妮 2016 介面設計
30
Festival illustrations Tsai-Ni, Yang 2016 UI Design
31
Works During Graduate School and University 2016/09 - NOW 2011/09 - 2015/06
32
Works Menu Talk One - Fourth of Prime, Polished. Shredding Plan Easy Fitness Lock Hang 33
菜單討拍利用等餐零碎時間，透過拍照上傳菜單、協助或檢查菜單資訊，號召大眾一同建置菜單資料 庫至菜單說話，幫助視覺不便的朋友，提供餐廳推薦、菜單即時資訊，加速視障者與服務員的溝通， 幫助視障者族群在「食」方面的自主性。透過共創共建一同點亮視障族群的用餐地圖。
34
菜單說話 x 菜單討拍 王紫綺 蔡炘志 游硯雅 楊采妮 葛承恩 陳尚群 張哲維 葉軒銘 楊喬宇 2016 介面設計
Menu Talk Zi-qi,Wang Xin-chi,Tsai Yan-ya,Yo Tsai-ni,Yang Cheng-en,Gai Shan-gqun,Chen Zhe-wei,Zhang Xuan-ming,Ye Qiao-yu,Yang 2016 UI Design
35
Menu Talk
設計流程 Design Process 我們設計的對象為視障者與明眼人，採用的流程以使用者經驗為主。首先透 過訪談進行使用者研究，了解並且分析使用者需求；後將研究結果收斂並轉 化，進行設計；最後將設計原型給予目標使用者進行測試。這樣的過程會再 一次一次的測試中不斷的迭代修正。
FIRST
UXR
36
UXD
UXT
User Experience Research
User Experience Design
User Experience Testing
使用深度訪談法(In-depth interview)及用戶旅程地圖 (Customer Journey Map)分 析需求，共進行了6位視障者 與4位明眼人訪談。
訪談內容透過工作活動親和圖 表(WAAD)梳理收斂，將需求 轉化，進行第一版的原型設 計。
將第一版原型進行第一次使用 者測試，一共進行了3位視障 者測試。
SECOND
UXD
THIRD
UXT
UXD
User Experience Design
User Experience Testing
User Experience Design
根據第一次測試進行設計修 正，製作第二版原型。
將第二版原型進行第二次使用 者測試，一共進行了2位視障 者及4位明眼人測試。
根據第二次測試進行設計修 正，製作第三版原型。
37
UXR
User Experience Research
深度訪談法 (In-depth interview) 事前擬好訪談大綱，並準備記錄設備，建立線上表單供參與者 填寫，而後從中找到我們的目標訪談者。安排好時間見面約 訪，基本上兩人一組，一人負責擔任主訪者，一人擔任紀錄者 及補充提問，將訪談過程記錄下來。
38
6位視障者
4位明眼人
1.5小時/深度訪談法(1人)
我們發現.... 1、搜尋餐廳：從訪談中得知，目前視障者沒有一個餐廳良好的 搜尋平台。現在許多餐廳服務APP都是為了明眼人而設計，但 視障者選擇餐廳的要因是不同於明眼人的，所以他們需要一個 架構良好合適的分類系統。 2、搜尋菜色：視障者接收資訊的方式是線性的，但現今菜單 多以表格的方式呈現，這對他們而言非常難以理解。所以在菜 單的建置上，必須導入合適的標籤系統，讓視障者可以迅速的 瀏覽菜單。 3、收藏清單：從訪中得知，視障者會預先計畫欲吃的菜色。 所以他們在瀏覽菜單時需要一個可以快速編輯的喜好清單功 能，以供在必要時可以迅速地回顧瀏覽，不必從頭在瀏覽完整 菜單一次。然而，在編輯清單同時，也產生了大數據資料收集 的潛力。
39
UXT
User Experience Testing
易用性測試 (Usability Testing) 事前擬好實驗任務內容，確認實驗目的及需要詢問的問題，建 立線上表單供參與者填寫，而後從中找到目標訪談者。安排好 時間見面約訪，兩人一組，一人負責擔任主訪者，一人擔任紀 錄者及補充提問，將任務操作及訪談過程記錄下來。
40
5位視障者
4位明眼人
1小時/易用性測試(1人)
測試結果.... 1、整體：將底色改為明亮的藍色，對比反差更大，視障者看起來 較為舒適。 2、餐廳資訊頁：資訊排列順序重新調整。電話順位較後方，因當 前述資訊仍無法協助視障者時，仍可透過電話直接詢問店家。喜 愛菜色改為瀏覽已收藏清單避免混淆。交通資訊由距離捷運站幾 分鐘改為距離捷運站幾公尺對視障者較具參考性。營業時間由阿 拉伯數字改為中文，較方便報讀。 3、餐廳篩選：餐廳類別的篩選文字挑整，釐清資訊層級。 4、資訊建置：原本資訊建置分成拍攝菜單、輸入菜單及輸入店家 資訊任務，後改為我在餐廳及我不在餐廳，讓用戶操作較直覺。 任務改為分階段任務，避免資訊重複建置問題。 5、原先資訊建置前有用戶定位確認，在確認附近餐廳，後移除此 流程，精簡為直接確認附近餐廳，避免多餘的步驟
41
Menu Talk
聽取菜單資訊 利用 APP 達到資訊透明 提高視障者的選擇自主性
42
菜單
共創與
菜單
創建菜單資訊
與共建
提供協助視障者的機會 明眼人獲得助人的成就感
設計目的 Design purpose 我們發現現在許多願意對視障朋友伸出援手的群眾，他們想幫忙但卻不知從 何處著手，因此我們希望挖掘出一個明眼人與盲人互惠的可能性，透過菜單 收集以及喜好分析之大數據應用，尋求商家的合作與共創性的價值，進而達 成多贏的結果，
43
44
聽見菜色，聽見選擇的自由 菜單說話幫助視覺不便的朋友，提供餐 廳推薦、菜單即時資訊，加速視障者與 服務員的溝通，幫助視障族群在“食”方 面的自主性。
45
Menu Talk
設計特點 Design point
46
關鍵字搜尋
餐廳篩選
輸入關鍵字快速查找餐廳，也可以搜尋餐 廳資訊。
依照常用篩選機制推薦餐廳，讓視障者輕 易搜尋具有友善菜單之餐廳。
即時菜單
收藏清單
妥善的分類菜單資訊，方便用戶閱覽菜 單，以及提供加入最愛功能。
方便用戶快速回憶已閱讀過的菜單，加速 點菜流程。
47
48
點亮地圖，點亮互助的善念 只需利用等餐零碎的時間，透過拍照上 傳菜單、協助或檢查菜單資訊。號召大 眾一同建置菜單資料庫、改善視障朋友 的生活。共同點亮視障族群的用餐地 圖。
49
Menu Talk
設計特點 Design point
50
輸入餐廳資訊
拍攝菜單
當用戶到達餐廳可輸入餐廳資訊，建制新 餐廳的名稱、地址、電話、營業時間等資 訊。
若餐廳已有資訊，用戶到達餐廳的任務即 為拍攝餐廳菜單上傳，擴大菜單資料庫。
輸入菜單
獎勵機制
若用戶不在餐廳內，也可輸入菜單資訊， 協助將資料庫內的菜單照片轉換成文字。
當用戶完成任務後，能獲得能源或是來自 視障者的感謝，已晉升不同的身份，得到 更多不同的任務與獎勵。
51
Menu Talk
52
概念影片 Concept Video “食”的需求對人們來說是不可或缺的，但對無法快速閱覽菜單的視障者來說 卻相當不方便；我們的 APP 透過號召大眾一同幫忙更新最新的菜單資訊， 並且留下評價創造雙方良性的互動，我們希望用這樣的模式來提升視障者在 “食”方面的自主性。
53
三分學生，一分職人。 在明志的我們，共同經歷過一年職場訓練，若將醞釀設計的過程比喻 為一塊圓餅圖，有四分之三來自生活創意，四分之一來自實務經驗， 創意是我們的夢想；將他實踐化是我們的目標，邁向專業的設計職 人，是我們共同交集的旅途。 We assume our university life a bittersweet pie that is composed of 3/4 of creativity in life, and 1/4 of practical experlence.
2015 明志科技大學 工設系 新一代 主視覺形象設計 四分之一職人 楊采妮 (周邊設計/app 規劃設計) 陳虹伶 (字體設計/app pad 製作) 2015 視覺傳達設計
One - Fourth of Prime, Polished. Tsai-Ni, Yang Hung-Lin, Chen 2015 Communication Design
標誌組合運用 Sign application
專用字體 Application Font 中文字體 微軟正黑體 Light / Regular / Bold
英文字體 Arial Regular / Bold
三分學生，一分職人。 三分學生，一分職人。 AaBbCc123 三分學生，一分職人。 AaBbCc123 在明志的我們，共同經歷過一年職場訓練，若將醞 釀設計的過程比喻為一塊圓餅圖，有四分之三來自 生活創意，四分之一來自實務經驗，創意是我們的 夢想；將他實踐化是我們的目標，邁向專業的設計 職人，是我們共同交集的旅途。
We assume our university life a bittersweet pie that is composed of 3/4 of creativity in life, and 1/4 of practical experlence.
標準色及輔助色 Color palette C36 M43 Y71 K0 R168 G146 B90
C0 M0 Y0 K100 R37 G30 B27
55
1
2
3
5
4
1 2 3 4 5
識別運用2D模擬 形象海報，三款 小冊封面 小冊內頁 邀請卡，正反面 57
四分之一職人APP 明志科大48屆工設系-畢業專刊 我們為了使用不同裝置的使用者，針對手機及平板尺寸做專刊設計，並且也提 供IOS系統及Android系統使用者接可以下載，為的就是要滿足大家的需求，並且 將我們的專刊達到最高的宣傳效益。
59
One - Fourth of Prime, Polished.
小冊 Brochure 小冊封面、內頁、封底，以產品、燈具、家具、交通工具去做作品區分，並賦予各列一個代表顏色。 60
61
碎紙計畫 Shredding Plan
辦公室、醫院、校園或家中，總有許多廢紙，大多數的處理方式皆是 直接回收或送入碎紙機處理，然而，這些廢紙在被丟棄前，對使用者 或其他人來說，是否真的已無價值了呢? 我們規劃了一套新的廢紙回收計畫，將廢紙打碎成紙漿，再重新塑造 成新的紙漿產品，並且把流程整合在一台產品中，讓使用者能透過簡 單有趣的互動方式，創造出不同的紙材新製品。 Documents and papers in offices, hospitals, schools and households usually go to either recycle bins or paper shredder. The re-use value of used papers, however, remains unknown. Shredding Plan establishes a new way for users to reuse paper. The machine shreds paper into pulp and made into a new recycled paper product.
62
Shredding Plan Hung-Lin, Chen Tsai-Ni, Yang 2015 Product Design
碎紙計畫 陳虹伶 (產品設計) 楊采妮 (LOGO/周邊設計) 2015 產品設計
1
2
3 5
4
1 2 3 4 5
實際產品照 產品作流程照其一 產品操作流程照其二 名片、酷卡 產品產物照 63
64
1
2
3
5
4
1 2 3 4 5
識別運用2D模擬 APP畫面，手機板 LOGO 酷卡，正反面 杯墊設計，四款 65
Shredding Plan
19,112 Gemany
12,864 Britain
92,365 American
world's top 7 consumers Unitďźštonnes
66
11,376 France
36,277 China
7,385 Korea
31,736 Japan
背景 Background 紙張，是生活周遭容易取得的材料，由於紙張取得容易，人們對紙的珍惜 相對較低，特別是在辦公室、校園、醫院等環境，經常有輸出文件資料的 需求，幾乎每天都有文件廢紙產生。圖表為世界前七大國家使用紙的數據， 可以看到是多麼驚人的數字，人們每日用紙的需求大，紙廠的生產量相當可 觀，試想每月都有數以萬計的樹木消失，是否感到環境受威脅?然而，消耗 資源是其次，更嚴重的在於工廠製造紙漿的過程中，所排放出來的汙水，這 對環境更是另一種程度的破壞。
67
Shredding Plan
概念發想
設計主題訂定
實驗概念可行性
2014.10 2014.09
2015.01 2014.11
2015.02
資料收集
詢問紙漿製作
案例分析
了解產品限制
問題探討
構思產品結構
使用觀察
尋找現有機構 產品造型發展
68
尋找廠商
概念訂定
產品周邊製作
完整模型製作
2015.03 2015.03
3D
2015.04
3D模型檢視
2015.04.07-08
3D模型定案
校內展覽
2015.05.01-04
產品說明(裱版)
新一代設計展
設計流程 Design Process 將以上流程可簡潔分為五個階段，分別為：設計分析階段、構想階段、構想 評估、設計實行和作品展出階段。在設計分析階段，主要是將所訂定的題目 去做資料收集、案例分析、和問題探討，接著在構想階段，是整個流程中花 最多時間的部分，一開始構想概念後評估構想，了解產品限制和開發，再到 設計實行，把構想的設計付諸實行，開始去尋找廠商製作，最後作品展出， 分別在校內展覽和新一代上作展出，整個流程完成大約花9個月的時間。
69
Shredding Plan
70
設計草圖 Design Sketch 概念定案後，開始發展造型，後來確 認限制後，又在做進一步造型修正， 最後在將完整的構想畫出，開始進入 電腦3D建模階段。
71
Shredding Plan
操作流程 Operate Step
72
STEP1.
STEP2.
將不要的紙放入碎紙孔絞碎。
打開打漿盒，倒入水至刻度線。
STEP5.
STEP6.
將水閥旋轉開，放圓管內的水流到下個裝水盒，只留 下紙漿。
剩下的紙漿留在圓管內，在 STEP4 時有將紙漿絞拌均 勻分配，此動作可讓之後成形的厚度一致。
STEP3.
STEP4.
收起裝水後打漿盒，並拉動甜甜圈把手打漿。
確認紙漿打細後，打開打漿盒下方的滑蓋，讓紙漿流到 下方的裝水圓管，並攪拌使其分布均勻。
STEP7.
STEP8.
將濾掉水的的紙漿，用加壓棒搭配造型模板加壓，將多 餘的水份瀝掉，也順便將造型壓製出來，加壓後的紙漿 可加速自然乾的速度。
最後使用加壓棒的另一端，將瀝完水份的紙漿頂出， 使其方便拿取。
73
Shredding Plan
產物運用 Application
74
繪圖用小畫盤
立體動物小拼圖
提供兒童醫院用的兒童紙畫盤，讓住在病房的兒童娛樂，也能將其裝飾在 醫院中，透過碎紙計畫產品製造紙畫盤，紙畫盤上壓制的動物圖案便是線 框，小朋友可以簡單的發揮創意為它上色，其圖案造型並不受限制，除了 動物之外也可以擁有其他各種造型，只要將模具改變即可。
提供家中孩童學習的立體動物小拼圖 童的邏輯能力，學習2D如何轉化成3 玩樂，達到學習與遊玩兼具的教育， 外也可以擁有其他各種造型，只要將模
，不僅可讓小朋友著色，更能訓練孩 3D，家長也可以一邊教學一邊讓孩子 造型上也一樣不受限制，除了動物之 模具改變即可。
辦公用杯墊 商業場域的會客室，每日皆有提供會議需求的茶水與杯墊，此時便可將商 業場域的廢紙，透過碎紙計畫產品製造成紙杯墊，紙杯墊可吸水，吸水後 的杯墊乾後可繼續使用，直到損毀在丟棄。若杯墊上壓製公司LOGO亦可 做為贈品提供給會客貴賓收藏。
75
Easy Fitness 台灣有許多人的工作形態是每天久坐加班到夜晚，以至於長期缺乏運動、體態趨於肥胖，加上台灣地 狹人稠，許多在外打拼的人，屋中小至擺好傢俱後僅剩一個走道的空間，若買台健身器材擺後，家裡 幾乎是沒空間了，因此我希望利用那僅剩的空間，讓加班族群的人能有個不占空間的運動產品。
76
Easy Fitness 陳虹伶 (產品設計) 楊采妮 (介面設計) 2013 產品設計 / 介面設計
Easy Fitness Hung-Lin, Chen Tsai-Ni, Yang 2013 Product Design / UI Design
77
使用方式 Operation flow Easy Fitness 是一款搭配 APP 使用的健身投影機，透過投影模擬出慢跑的場景，並運用體感技術偵測肢 體動作，模擬出的場景會順著使用者的跑步速度移動，讓使用者在室內空間運動時亦能體驗真實的互 動效果。每次的運動量會透過藍芽傳送到 Easy Fitness APP 裡記錄，Easy Fitness 產品所投影的場景及播 放出的音樂皆可由 APP 操作。
78
79
Easy Fitness
挑戰 Challenges
80
STEP1.
STEP2.
STEP3.
進入挑戰選單後，有簡單、普通和困難模 式可選擇場景做選擇，上面皆顯示地名、 公里數及預計可消耗的熱量。
詳細的地圖跟路線說明，並可供使用者設 定音樂及時間，當確定好後即可開始。
此為跑步時的畫面 時間，也可以調整 前完成的進度。
，顯示目前跑幾公里及 音樂，背景的顯示為目
STEP4.
STEP5.
在跑步途中是可以暫停的，暫停後可以選 擇繼續或是中途結束此段跑步。
最後完成畫面，會顯示在地圖上跑了多 少，以及對於此段挑戰完成的%數、時間 及消耗多少卡路里。
81
Easy Fitness
目標 Goal
進入目標選單，最上面為每日推薦挑戰， 下方則是顯示未完成及完成的挑戰，並會 顯示進度。
82
每個卡片點開後，都會有每個挑戰的詳細 內容記錄，此為挑戰跑累積1200km。
紀錄 Record
在記錄頁面上可看到每次的跑步紀錄，最 主要會顯示是否有挑戰完成此場景。
進入後可看到更多詳細內容，並且若是未 完成的挑戰，在下方會有是否繼續挑戰的 按鈕。
83
Easy Fitness
84
草圖 Sketchs 顏色部分以白色搭配天藍色作為主體色，天藍色除了與產品 ( 投 影機 ) 做呼應外，天藍色也有清爽、舒適、活力的感受，因此適 合此款 APP。內容則採卡片式的方式顯示，讓使用者能更快更明 顯的找到自己想看的資訊，並且將情境圖放大，讓使用者更明顯 感受情境上的不同，整體的設計走乾淨、舒適及易讀的方向做為 設計上的思考重點。
85
Lock Hang 當我們上公廁時，常有隨身物品需放置在廁所內，像是在平台上或是掛鉤上，常一個不小心，離開廁 所時就會把物品遺漏，為了解決此問題，Lock Hang 將門鎖開關與掛勾結合，將必須做的動作 ( 開關 門鎖 ) 和容易被忘記的動作 ( 拿取掛鉤上的隨身物品 ) 結合，強迫使用者在離開廁所前，必須拿取自己 的隨身物品，達到提醒兼安全的作用。
86
Lock Hang 黃伃薇 (概念/產品設計) 楊采妮 (平面/產品設計) 2015 產品設計
Lock Hang Yu-Wei, Huang Tsai-Ni, Yang 2015 Product Design
87
Lock Hang
Door Open 當門開啟時，從外面是可以看到門把是打 開的，此時就可以透過門把將門打開。
88
Door Close 當門關起時，門把就會變為掛勾，從外面 看則唯一平面，是無法從外面將門打開的。
89
Internship in ASUS Design Center GUI Team 2013/09 - 2014/09
90
Works AMAX1.5 E-mail AMAX1.5 Music AMAX1.5 Widget AMAX1.0 FM radio Sound Recorder Google Play Banner Monitor OSD 91
ASUS Works
AMAX1.5 E-mail 楊采妮 2014 介面設計
92
AMAX1.5 E-mail Tsai-Ni, Yang 2014 UI Design
93
ASUS Works
AMAX1.5 Music 楊采妮 2014 介面設計
94
AMAX1.5 Music Tsai-Ni, Yang 2014 UI Design
95
ASUS Works
AMAX1.0 FM radio 楊采妮 2014 介面設計
96
AMAX1.0 FM radio Tsai-Ni, Yang 2014 UI Design
Sound Recorder Google Play Banner 楊采妮 2014 介面設計
Sound Recorder Google Play Banner Tsai-Ni, Yang 2014 UI Design
97
ASUS Works
AMAX1.5 Widget 楊采妮 2014 介面設計
98
AMAX1.5 Widget Tsai-Ni, Yang 2014 UI Design
99
ASUS Works
Monitor OSD 楊采妮 2014 介面設計
100
Monitor OSD Tsai-Ni, Yang 2014 UI Design
101
102
Thank you for your watching !
103