Page 1

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 , 夜 晚 為 路 燈 使 用,當含量過高時,上頭則會發出紅光提醒,到此地區活

動 的 時 候 , 可 事 先 透 過APP查 詢 含 量 數 值 , 是 否 適 合 前 往 , 或 另 選 別 處 去 , 以 開 放 系 統 的 方 式 讓 民 眾 得 知 即 時 訊 息 , 希 望 能 換 起 民 眾 意 識 , 進 而 推 廣 如 何讓此地空氣品質變好,改變整個地區的生活方式.


偵測與過濾環 境空氣PM 2.5


Pro du ct Description

擺放置路旁

空氣吸入後檢測PM2 .5含量 超標時,即亮紅燈提醒

手 機搜尋此地區空氣品質狀況

定點設置

利用離子技術,耗電量極低

定期收取粉塵微粒


APP 

搜尋地區 位置

資訊顯示

周遭相關活動


ABO U T 身處地震頻繁的震帶上,從小就被宣導者地震時要躲至書桌底下,但事實是當地震來襲時,躲到牆邊

的三角地帶,是最有存活的機率的,我們設計的防護裝置不僅能被安全的保護,也藉此讓使用者在危 急 之 下 , 第 一 反 應 時 間 是 跑 到 家 中 的 三 角 地 帶 ,達到二度保護的作用.


黃金三角

傳 說 中 的「黃 金 三 角」 ,它 的 立 論 基 礎 是 指 當 建 築 物 倒 塌 撞 擊 在 物 體 或 家 具 上 時,使 靠 近 它 們 的 下 方 會 留 出 一 個 空 間。受 撞 擊 的 物 體 越 大,越 堅 固,它 被 擠 壓 變 形 就 會 越 小。而 物 體 被 擠 壓 變 形 得 越 小,這 個 空 間 就 越 大,於 是 利 用 這 個 空 間 的 人 免 於 受 傷 的 可能性就越大,這個空間就是傳說中的「黃金三角」.


內部架構支撐

生物材質:蜘蛛絲纖維

蜘蛛絲的強力是芳綸的3倍,鋼絲的5倍,彈性是錦綸的2倍,斷裂能180MJ/m3為各材料中最高,用於防彈 背心,航空飛機,甚至製成太空衣.

當地 震 發 生 時 , 在 房 屋 內 的 黃 金 三 角 , 是 較 安 全位置。


位置 偵 測  

更容易方便救援隊找到生存者的位置

布 料 運 用 科 技材質 有 效 的 達 到 保護作用

使 用 ST L 非牛頓流體布料

STL液 體 是 非 牛頓 的 , 遇 到 力 或 剪 切 時 , 它不會消散,相反的它會變硬. 防彈衣也使用相同材質.


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台北街角遇見設計-菜單改造計畫 佳作


DESIGN PORTFOLIO ( industrial design )  

Hello I am Ting-Hsuan, YU and an industrial design student in Tatung . This is my design portfolio and selected works are from 2011 to 20...

DESIGN PORTFOLIO ( industrial design )  

Hello I am Ting-Hsuan, YU and an industrial design student in Tatung . This is my design portfolio and selected works are from 2011 to 20...

Advertisement