U I / U X
DESIGN PORTFOLIO PORTFOLIO OF MAY-YU
G R A P H I C
I N D U S T R I A L
E X H I B I T I O N
2011 2018
余 亭 萱 余 亭 萱 / M AY 1995/12/02 Ta i pe i
hap py 120215@ g m ai l.com 0 9 3 5 051202
ABO U T M E
2 0 1 3 復 興 高 級 商 工 職 業 學 校 產 品 設 計 組 畢業 2 0 1 5 台 南 應 用 科 技 大 學 商 品 設 計 系 就 讀 一年 2018 大同大學 工業設計系 畢業
簡 歷 軟體工具
A dobe Il l u st rato r
A dobe Ph oto s ho p
R hin o
K E Y-SHOT
PR O E
相 關 經 驗 實習/在校職位
雙 向 文 創 暑 期實習生(接觸案子) : 2015台 中 十 大 伴 手 禮 第 27届 傳 藝 金 曲獎
第 9屆 海 峽 兩 岸 文 博 會
水 越 設 計 寒 假實習生(接觸案子) : 台北生活景觀改造計畫 變電箱 改造計畫
發 發 設 計 st u d io 88 暑期實習生 (接觸案 子 ) :
醫 療 相 關 產 品 設 計 與 研 究 , 從 手 繪 、 模 型 、 使用者情感等研究皆有包含. 呼吸器介面
呼吸中止氣面罩設計 急救用呼吸器囊
大 同 新 一 代 展場總監(負責內容) : 整 體 設 計 與 監 督、確 保 各 部 流 程 與 安 排
獲獎
2018金 典 概 念 設 計 獎 空 間 設 計 類 進 入 複 選
2017智 慧 生 活 整 合 性 人 才 培 育 計 畫 創 意 組 優勝
2016台 北 街 角 育 建 設 計 菜 單 改 造 計 畫 [ 鄉 村 鵝肉] 入選 2013台 灣 國 際 學 生 創 意 設 計 大 賽 [ 視 覺 設 計 類] 入選 2013台 灣 國 際 學 生 創 意 設 計 大 賽 [ 廠 商 指 定 類] 入選
證照
AC A A D OBE IL LUSTR ATO R 證 照 Rh i n o 證 照 檢 定 證 書
中華民國技術士證[視覺傳達設計] 丙級
Sketch TE C HNI Q U E S ketc h ă€
E l e ct ron i c pa i n te d
Sketch TE C HNI Q U E S ketc h ă€
E l e ct ron i c pa i n te d
YODEX
大同大學 新一代畢業製作 Re e fo r m 社 會 公 共 / P ub l ic Dron e S afety E s cor t S er vi ce 指導老師 / 翁瑞津
世界環海,卻甚少有人親近海水,大多數人對無邊際的海岸還是義人
與海洋的互動模式,平台供人活動在上,魚礁給予魚群有休憩藏身之 處,同時珊瑚亦有空間進行復育,永續共存就從此刻展心存疑慮,同 時 人 破 壞 海 洋 中 的生態也是問題.Reefor m 重新定開新的一頁.
李佳瑀 Ev e Lee
羅景儀 C r y s ral Lo
余亭萱 M ay Yu
活動平台
R e e fo r m 產 品 分 為 上 , 下 兩 個 部 分 ; 上 半 部 利 用 回 收 塑 料 設 計 模 組 漂 浮 平 台 供 人 活 動 空 間 , 各 個 平 台 中 間 皆 設 立 不 同 活 動 達 到 具 有 教 育 ,休 閒 觀 光 ,遊 憩等使用方式.
飄浮魚礁
R e e fo r m 下 方 的 魚 礁 是 利 用 蚵 殼 打 成 粉 ,與 輕 水泥混合製造出模組化魚礁,這兩項物質皆含 有碳酸鈣經化學測量證實可以降低海洋酸化. 每個魚礁上都保留了一定程度的缺口,幫助復 育的珊瑚幼苗擁有更佳的生長空間,同時成為 魚群躲藏的庇護與棲身之處.模組化魚礁設計 為簡易拆除與組裝，容易維護品質。
蚵殼運用
亞洲盛行養殖蚵,多數蚵殼沒有被回收利用而被棄 置於海岸邊,材料取得容易且環保.同時也發現蚵 殼 內 涵 碳 酸 鈣 成份 是 有 助 於 減 低 海 洋 酸 化 .
人 工 漂 浮 魚 礁成份
漂浮水泥
牡蠣殼粉
可適應不同地形
此設計不單可以套用在四周環海的台灣,更可 依地形彈性變化不同的組裝高度,應用於全球 各地具有港口及河岸的區域在六角平台不斷的 推演與伸展下,象徵綿延不絕人與海的情感關 係,六角型宛如蜂巢築成一個家,一個關於我們 海上的歸處,也與水下的生物一同共存在海洋 上, 讓互利共生的可能性達到最大值.
珊瑚苗養殖
研 究 顯 示 , 越 接 近 陽 光 的 珊 瑚 苗 更 容 易 生 長 , 海流也能沖刷掉珊瑚苗表面的泥沙.
珊 瑚 白 化 的 時 代 , 海 洋 資 源 越 來 越 枯 竭 , Re e for m 可養殖珊瑚苗幫助海洋生態,並將成長的珊瑚苗,移至 海底中,創造出新的海洋生態.
YODEX
大 同 大 學 新一代畢業製作
實 體 模 型製作介紹
與 組 員 共 同 製 作 為 期 一 年 的 實 體 模 型 , 運 用 各 種手邊的技術與材料,模擬出產品的真實樣貌. 主 要 材 質 有 : 3D 列 印 、 水 泥 粉 與 蚵 殼 粉 、 各 種 漆類 、 黏土與熱熔膠 、 銜接等金屬零件 .
人工 魚 礁 製 作方式
利用3D列印做主要主體內部,再使用牡蠣殼與 水泥粉粿在表層,後續使用砂石等加以修飾,達 到 仿 真 的 感 覺 , 利用 最 低 成 本 做 出 實 體 的 效 果 .
場域 模 型 製 作方式
一樣以3D模型去做本體,在使用木片去拼湊出 地底樣貌後,一層層到入混和顏料的環氧塑酯, 等一層乾了後在下另一層,讓模型局部包覆在 裡 面 , 模 擬 漂 浮 的效 果 .
YODEX
大同 大 學 新一代畢業製作
設 計 與 製作過程
設計過程中包含實地考察與了解材料特性這方面就花了需多的時間,像是牡蠣殼粉的來源與特性都需實
際去應證與參訪,才能具有說服力證實這項產品,在模型製作方面,也反反覆覆測試過很多方式,才完整的 表現出我們想傳達的意象,整年下來除了技術與設計上的學習以外,團隊的合作方式也學習到許多,更懂 得 如 何 在 團 隊 之 間 達 成 一 個 共 識 , 彼 此 共 同 努 力,一同完成這項產品.
構想過程
前期不斷在構想這項產品的發展方向,從海上 建築到養殖牡蠣漂浮平台,過程中發想出很多 不同 的 形 式 .
上半部造型使用六角型是因為設想到海流經
過可作分散的動作,與人在上面行走時,更能多 注意 陸 地 與 海 之 間 的 邊 界 .
下半部魚礁的部份,前期構想出不同的形式去 做設計,最終考量以模組製作與適合魚群生存 的造 型 為 主 軸 . .
總長800cm
透 明 的 中 心 觀 賞地 板 , 可 供 年 紀 方 小 的 人 認 識 魚 群,具有教育性質. 側 邊 往 下 定 錨 穩固 , 提 高 整 體 平 台 .
總長800cm
活動設計
以模組的方式,設計各類型的模組活動. a . 1 網 子 設 計 , 凹 面 的 網 子 可 讓 使 用 者 踏 踏 水 ／ 如是平面網,可躺置網上休息. a.2 噴水設計,踩踏板子可讓水擠壓出來.
a.1
a. 2
紋理設計提案
在 海 水可能接觸到的地板, 具 有 紋 理 以 及止滑也是重要的設計之一.
活動設計
模 組 設 計 , 利 用 飛龍 膜 的 造 型 去 做 設 計 , 減 低 風 速的流動.
活動設計
以 模 組 的 方 式 , 設計 各 類 型 的 模 組 活 動 . a.1 可依區域架設網子. a.2 道路延伸出去,六角讓視覺更容易辨識.
a.1
a. 2
色彩計畫 各種編條配色,思考到整體海洋配色與識別度.
擔心姿勢錯誤所造成的二次傷害.
是一款專為復健者設計的輔助機器,由職能治療師為每位復健者量身定制數值,使用者再也不必
HAB I
habilitationor
Re
HA BI
Y E LLOW
內部結構 :
麻 省 理 工 學 院 媒 體 實 驗 室（M I T M e d ia L ab）的 科學家們想讓蛇形機器人發揮更多作用,於是 他 們 研 發 出 了 L in e FO R M .
Li n e FORM 是 由 一 些 列 伺 服 電 機 聯 繫 起 來 組成 的,並透過Arduino晶片控制,和電腦連接後透
過程式驅動晶片控制每個伺服電機的角度,就 可以啓動超級變換形態了.
將 Li n e FORM環繞 在 手 臂 上 , 做 出 一 系 列 動 作後 , 它 能 記 憶 前 一個 人 的 動 作 並 重 複 .
立方塊機器人組成
H ABI 可自動收入
醫 師 端 與 客 戶端, 相互連用:
復健者 職能治療師
初次給職能治療師診療
租借H AB I
配合APP,將H AB I 放置先前設定
引導復健者做復健姿勢,
租借H AB I
藉由APP,復健者在下次回診時, 能看該用戶的使用紀錄與成效
對於復健有初步概念
HA B I 會 記 錄 該 用 戶 的 資 料傳送至APP中
帶回家使用 給復健者
B E FO R E
好的部位,開啟後進行復健
AF TER
復健場域
限 制 在 醫 院 或 復 健 中心
家裡使用、醫院中心
復健動作
在家無法得知正確性
由H AB I 輔助如同職能治療師在旁引導
復健資料
個 人 復 健 資 料 全 在 復 健 中心裡
打造個人化復健 App
A i r Qu al i ty D etection Ligh ts
ABO U T 能 偵 測 及 過 濾 環 境 空 氣 P M 2 . 5 , 夜 晚 為 路 燈 使 用,當含量過高時,上頭則會發出紅光提醒,到此地區活
動 的 時 候 , 可 事 先 透 過ＡＰＰ查 詢 含 量 數 值 , 是 否 適 合 前 往 , 或 另 選 別 處 去 , 以 開 放 系 統 的 方 式 讓 民 眾 得 知 即 時 訊 息 , 希 望 能 換 起 民 眾 意 識 , 進 而 推 廣 如 何讓此地空氣品質變好,改變整個地區的生活方式.
偵測與過濾環 境空氣PM 2.5
Pro du ct Description
擺放置路旁
空氣吸入後檢測PM2 .5含量 超標時,即亮紅燈提醒
手 機搜尋此地區空氣品質狀況
定點設置
利用離子技術,耗電量極低
定期收取粉塵微粒
ＡＰＰ
搜尋地區 位置
資訊顯示
周遭相關活動
ABO U T 身處地震頻繁的震帶上,從小就被宣導者地震時要躲至書桌底下,但事實是當地震來襲時,躲到牆邊
的三角地帶,是最有存活的機率的,我們設計的防護裝置不僅能被安全的保護,也藉此讓使用者在危 急 之 下 , 第 一 反 應 時 間 是 跑 到 家 中 的 三 角 地 帶 ,達到二度保護的作用.
黃金三角
傳 說 中 的「黃 金 三 角」 ，它 的 立 論 基 礎 是 指 當 建 築 物 倒 塌 撞 擊 在 物 體 或 家 具 上 時，使 靠 近 它 們 的 下 方 會 留 出 一 個 空 間。受 撞 擊 的 物 體 越 大，越 堅 固，它 被 擠 壓 變 形 就 會 越 小。而 物 體 被 擠 壓 變 形 得 越 小，這 個 空 間 就 越 大，於 是 利 用 這 個 空 間 的 人 免 於 受 傷 的 可能性就越大，這個空間就是傳說中的「黃金三角」.
內部架構支撐
生物材質:蜘蛛絲纖維
蜘蛛絲的強力是芳綸的3倍,鋼絲的5倍,彈性是錦綸的2倍,斷裂能180MJ/m3為各材料中最高,用於防彈 背心,航空飛機,甚至製成太空衣.
當地 震 發 生 時 , 在 房 屋 內 的 黃 金 三 角 , 是 較 安 全位置。
位置 偵 測
更容易方便救援隊找到生存者的位置
布 料 運 用 科 技材質 有 效 的 達 到 保護作用
使 用 ST L 非牛頓流體布料
ＳＴＬ液 體 是 非 牛頓 的 , 遇 到 力 或 剪 切 時 , 它不會消散,相反的它會變硬. 防彈衣也使用相同材質.
ABOUT 因為 受 到 遠 距 離的 限 制 而 無 法 長 期 相 聚 的 親 子，家長通常會使用視訊、通訊軟體等網路來聯絡，但長
期 下 來 親 子 之 間 沒 有 共 同 互 動 的 方 式，造 成 彼 此 之 間 只 有 簡 單 的 問 候。因 此 透 過 C c - co l o r 來 讓 視 訊 有了 不 一 樣 的 運用 模 式，小 孩 子 能 夠 吸 取 周 遭環境色彩，透過家長跟孩子之間的溝通，讓孩子間接認 識蔬 果 與 顏 色，利 用 遊 戲 產 生 好 奇 心，也 建 立 起 親子之間新互動模式的橋樑。
使用 CC COLOR 吸取物品顏色
代機模式
捏 一 下，可 確定雙方是否在線上
可旋轉切換模式
互動模式
視訊與APP互動
夜燈模式
可 吸 取 想 要 的 色彩，變成自己喜歡的小夜燈
產品材質 :
使用方法 :
小孩方捏身旁的吸色燈,遠距離 家長身旁的吸色燈則會亮起
家長也捏吸色燈,為呼應
確 認 遠 方 家 長 在 後，與身邊家長開啟APP進行遊戲 藉 由 視 訊 與 遊 戲方式，增進一家人情感
AP P 1 D E S IG N :
遊 戲 目 的 是 讓 小 孩 與 遠 方 家 長 進 行 視 訊 遊 戲 , 透過兩人吸取周遭物品顏色，得知色彩與蔬果聯想,以及兩 個 顏 色 融 合 後 會 變 成 什 麼 色 , 家 長 從 中 告 訴 小 孩那是什麼蔬果及顏色,藉此增加親子之間的情感.
點選遊戲
使用吸色燈,吸取身旁物品顏色
兩 方 都 可 吸 色 , 跳 出 相 對 蔬 果 後, 可移動蔬果,讓兩個融合
範例 :
小朋友可點擊畫面讓蔬果消失
撥打連線中
配合吸到的顏色, 跳出相對顏色的蔬果
兩種蔬果顏色相加後, 跳出融合色彩的蔬果圖案
或透過互動方式,把嘴張開,圖中 蔬果就會被吃掉,就可再進行吸色
A P P 2 D E SIG N :
遊 戲 目 的 是 讓小孩認知造型與蔬果圖案聯想,藉由家長與孩子比賽的方式,從玩 樂 學 習 中 ,增進情感.
撥打連線中
點選遊戲 視訊畫面 16
08
03
捏久一點，填滿它
16
03
08
捏久一點，填滿它
使用吸色燈對身旁物品吸色,
填滿後會出現相對蔬果圖案, 結束後會繼續遊戲至下一題
捏久一點,填滿它 16
吸個色，捏5下
08
03
16
03
08
吸個色，捏2下
使用吸色燈捏指定圓球數目 吸 個 色，捏 5 下
獲勝方畫面會跳出勝利圖像, 進行拍照
出現相對蔬果圖案,以計時 積分的方式,進行比賽
落敗方畫面會跳出落敗圖像, 進行拍照
ABO U T 參 與 智 齡 設 計 課 程 , 跨 系 與 不 同 學 校 的 學 生 合 作 ,配合應對的廠商,共同設計出有關高齡者的相關產品. 產 品 為 高 齡 專 屬 智 慧 運 動 拉 繩 , 給 長 輩 有 效 且 有 趣的運動新體驗.
高齡化社會 1993 年
7%
65歲以上老人 所占比率
2014 年
12%
2020 年
20% 超高齡社會
高齡族群消費力達 3000億元
大眾對於老人需求的 想像,與老人的認知差 異非常大,這也顯示社 會對老人有許多既定 刻版印象,極需被扭轉.
你我所不知道的事? GIVE
43%
GET
19%
4 3 % 老 人 自 覺「 社 會 經 驗 豐 富 」 1 9 % 共 同 參 與 設 計 開 發 值 得 年 輕 人 學 習，有 人 退 而 不 休當年輕人的創業導師
75%
75% 的民眾不知道長照1.0 / 2.0
HEALTH
28%
28% 老人願意分享經驗
22%
22% 參與產品試用
比起身體機能，長者更重視有無 同理心、尊重、關懷與接納
由於心理因素以及對他人的 信任，長者可能完全不說話 失智患者於會談中可能有困難參與討 論，會談可能中斷、重複或不知如何 進行，使老人容易從職場或社交活動 中退出
22%
老 年 人 生 理 機 能 有 淺 在 問 題， 卻只有22%的長者會主動 尋求醫療相關資訊
從 上 述 各 方 客 觀 顯 著 的 佐 證 下，高 齡 者在在訊息的交流上確實有很大的需求。 為 了 滿 足 並 解 決，產 品 的 構 想 如 下：
分 享 人 生 經 驗、故 事 的 網路平台或實體場所
認 識 新 朋 友，拓
展 交 友 圈 的機 會
準確的身體 健 康 資 訊 (長照服 務 )
能夠得到新 知 的 平 台
(教育機構、服 務 機 構 get 老 人 )
產 品 設 定：
場域設置
老人住宅裡的公設,以及里民中心等機構,放在公共區域供老人互動 使 用 , 設 備為租借或由機構人員輔佐使用.
產品內建功能
＊ 彈 力 繩本身可測量拉力、次數 ＊ 利 用 拉力感測器偵測拉力 ＊ 目 標 次數與運動成效紀錄
產 品 使 用 前 後 比 對： Before
單 一、無聊
住宅附近無適合的運動環境 運動時無法與其他人互動 缺乏個人運動紀錄與規劃
After
運 動 動作
多元、有趣
運 動 場域 運 動 對象 運 動 資料
老人住宅公共區域即可使用
可和朋友一起進行運動與遊戲
輸入個人資料，紀錄運動時間與強度等, 打造個人化運動
使 用 方 式：
單人使用
手機連結電視/投影機,動作教學清晰易懂,並附 帶回 饋 機 制 .
多人同樂
多支手機連接機上盒,機上盒連接螢幕.螢幕畫面顯 示其中一台手機,促進多人互動.
與奧圖碼共同合作
內 裝 活 動： 運動指導
使用彈力繩搭配互動式教學影片,協助 老人達到最佳的運動效果.
當使用者使用彈力繩達到指定的力道, 螢幕上會顯示力道的示意圖,並累積數 值給予回饋獎勵.
趣味遊戲
簡易運動結合遊戲,提升運動趣味性同時給予 長輩合適獎勵,例如：拉霸遊戲
絲 絮 A BO U T 台灣屬於熱帶亞洲地區,應氣候條件,絲瓜盛產繁多,早期農民把過熟的絲瓜,拿去曬乾,進而使用於洗 刷碗器上,但應工業化發展,隨之傳統絲瓜布漸行被淘汰,此設計利用絲瓜布耐熱,透光,防潮的特色,
與燈和壁櫃結合,以東方雲朵造型圖騰簡化,表達東方傳統意象,又兼具實用性,呼籲別忘記本土文化, 特 色 , 把 台 灣 文 花 發 揚 至 國 際 , 改 善 一 般 人 對 於 絲瓜布的刻版印象.
壁櫃
90*42*20
62 * 3 6 * 2 0
35*28.5*20
適用於喜愛北歐極簡融合東方特色的客群,具 有照明設備,色調能增添家中溫暖,有木頭淡香, 給人 舒 適 和 放 鬆感。
A BO U T 藍染是客家村落的地方特色,也代表著先民的智慧及對大自然的感恩與回饋,染布需經揉,浸泡,清洗, 用 心 地 去 染 每 一 塊 布 才 可 染 出 美 麗 的 花 紋。
[東 西 南 北 ]摺 紙 遊 戲 , 利 用 傳 統 的 摺 紙 技 巧 和 簡單的數學概念,卻能達到娛人娛己的效果！
YODEX
大同 大 學 展場設計
展場總監
新一 代 大 同 大 學 展 場 設 計 案 , 依 照 本 屆 主 視 覺 ,設計整體展場視覺與動線安排,需考量實際大小、作品數量
與 尺 寸、成 本 考 量、實 際 應 用 可 行 性 與 方 便 性、門 面 吸 引 力 與 作 品 位 置 公 平 性 , 最 終 再 以 多 數 投 票 採 最 終 設計 案 .
展場特色
門面部份直接採用視覺去做變化,運用色彩
讓它在白色的空間較為突出;門口擺放較大 型與吸引力的作品,讓觀賞者容易被吸引至 這空間來.
整體權使用白色做底色,讓視覺空間顯得更
寬闊與明亮,設計組共同目的是為了讓作品 更突出,所以在小空間內使用地台與大面積 桌子讓作品更能凸顯出來.
大同大學工業設計學系 第42屆畢業作品展
PROPOSAL
展 場設計提案
前面初期的個人設計提案,元素採用半透明布料去帶入主視覺之色彩,再利用布料 去 創 造 隔 間 感 , 讓 視 覺 顯 得 較 寬 闊 , 並 利 用 走 道 讓設計者有站立的空間.
( a-1)
(a- 1)
加入一些互動性設計,以老虎拔毛這遊戲去做
構想,利用線條創造出視覺意象,並融合抽獎遊 戲,去吸引別人與展場做些互動.
( a- 2 )
擔 任 展 場 總監所學習到的
重設計到人員安排控管的大大小小事皆有參 與,過程中學習最多的是人與人之間的相處模
式,不管是廠商跟各組別的聯絡方法,與整屆共 同的信念與想法,需要彼此整合與溝通,在總監 這角色中,所參與的比例佔蠻大的,所以學習到 該如何溝通與在選擇方面,該如何下決定是很 重要的一門學問.
(a- 2)
UI/UX DESIGN 實習案子
呼 吸 中 止 器 的 介 面 設 計、需 考 量 使 用 者 的 觀 看 大小與大眾的認知, 去 設 計 並 發 散 所 需 圖 案 ,讓 使 用 者 能 快 速 聯 想 當下所需功能.
C o l o r A p p lication H o me C a re P rod ucts
既 定 的 醫 院 色 彩 為 藍、綠、灰 , 因 為 思 考 到 此產品是需百放置家中,所以選出了較適 合家中協調與溫暖的配色.
Re fe re n ce Style
統 一 採 用 一 至 的 線 條 粗 細 與 圓 滑 的 線 條， 讓視覺較舒適之外,也讓居家使用者更加 安心.
實習案子 ST U D IO 8 8 發 發 設 計 公 司 , 感 謝 小 卡 設 計 .
2016台北街角遇見設計-菜單改造計畫 佳作