許芸禎的作品集/HSU,YUN-CHEN’s portfolio

目錄 | contents 專案 | Project

01

情 緒 抱走

Hug Youself

日記養成遊戲/UX & UI Design

02

三 十 週年企劃

CARTOON NETWORK 30TH

展覽主視覺/Graphic design

03

現 代 智能洗手裝置 FAUCET

優化使用者流程之產品設計/UX & Product Design

04

充 氣 行防災頭罩

PUMP(G)

地震用防災頭罩/Product Design

Page 02 Page 14

Page 20 CARTOON THEME

THE AMAZING WORLD OF GUMBALL/ADVENTURE TIME/STEVEN UNIVERSE/COURAGE THE

COWARDLY DOG/THE POWERPUFF GIRL/WE BARE BEARS/REGULAR SHOW

October 1-31, 2020

9 A.M to 8 P.MJacob K. Javits Convention Center 1D

Page 32

01| 情緒抱走

日記養成遊戲

情 緒 抱 走 有 著 一 群 住 在 潮 間 帶 的 小 生 物，險 峻 的 生態 時 常 讓 他們失常、受傷，甚至消失不見！ 抱 抱 為 了 拯 救 他 的 夥 伴 們，每 天 都 待 在 研 究 室 裡 尋找 讓 情 緒 怪獸生存的配方。 準備好了嗎?跟著抱抱一起研發屬於你的情緒配 方! 負責 專 案 中 所有項目，包含: UX / U I D e sign

使用 軟 體 :

Ch aracte r D esig n

02

01| 情緒抱走 情緒抱走是什麼? 是一款手機應用程式，透過遊戲的手法，帶領使用者用趣味 的方式，更了解自己的心理狀況，不在害怕情緒來襲，擁抱不 同狀態的自己，更有能量的面對生活中的各種壓力。

關於專案 在2020年，全球面臨新冠肺炎(COVID-19)來襲，人心惶惶， 有關心理健康的問題更頻繁的被公開討論，讓我開始想深入 了解這個議題。研究過程中，讓我對心理學很感興趣，也從文 獻中更了解自己的心理狀態，對我來說本次專案是設計與心 靈上提升，自己收穫滿滿。

04 研究背景 在2020年，全球面臨新冠肺炎(COVID-19)來襲，人心惶惶， 有關心理健康的問題更頻繁的被公開討論，讓我開始想深入 了解這個議題。研究過程中，讓我對心理學很感興趣，也從文 獻中更了解自己的心理狀態，對我來說本次專案是設計與心 靈上提升，自己收穫滿滿。

環境現況 憂鬱症

是全世界三大需要重視的疾病之一 約佔全世界人口的3%，約3.5億人，各個年齡層都可能發生

自殺率

憂鬱症最擔心的就是自殺的問題，每40秒就有1人死於自殺 世界衛生組織（WHO）指出，全球每年將近80萬人死於自殺

自殺死亡者 97%在生前有精神疾病

87%有達到重度憂鬱症的標準

01| 情緒抱走 定義問題 痛點

01| 現 有 的 應 用 程 式 大 多 偏 向 功 能 性 導 向 的 產 品 設 計，不 感 興 趣 的 族 群 仍 不 會 使 用，局 限 了 心 理 健 康 普 及 的 範 圍。 02| 市 面 上 較 熱 門 的 心 理 應 用 程 式，只 提 供 英 文 版 本，使 用 族群不夠廣泛。

03| 台 灣 社 會 中 的 傳 統 框 架，可 能 造 成 某 些 族 群 對 自 我 的 感受、情緒表達比較壓抑。

04| 根 據 研 究 顯 示，若 早 年 患 有 心 理 疾 病，而 被 忽 略、沒 有 接受治療，在成年後，對一個人的影響會更加的深遠。 05| 數 據 顯 示，台 灣 社 會 仍 然 對 於 心 理 疾 病 存 在 迷 思，而 環 境 可 能 造 成 患 者 的 病 識 感 低、不 願 配 合 就 醫 或 延 誤 就 醫等等問題。

目標

01| 包裝議題，吸引更多族群關注、大眾化。 02| 以 中 文 版 本 為 主 開 發，後 續 可 以 考 慮 新 增 多 國 語 言，推 向國際化。

03| 在網路發達的世代，增加更多抒發與表達自我的管道。 04| 設計上為不同年齡層的使用者多方面考量。 05| 增 加 大 眾 對 心 理 層 面 認 知 上 的 知 識，可 以 為 心 理 疾 病 患者建立友善的環境。

06 解決方法 01| 透 過 遊 戲 概 念 的 渲 染 力，降 低 對 心 理 健 康 議 題 的 陌 生 感，增加不同年齡層的接受度與關注。 02| 情 緒 的 角 色 設 計，投 射 出 使 用 者 內 心 的 小 孩 們，將 感 受 更具象化。 02| 研 究 顯 示，每 日 寫 日 記 有 效 舒 緩 自 己 的 情 緒，達 到 自 我 諮商

用戶流程 打開應用程式 登入

角色圖鑑

查看角色

首頁

註冊

記錄心情

文章交流區

日記管理

尋找懂你的聲音

01| 情緒抱走 User Interface kit 字級變化

顏色

08 主要色

次要色

輔助色

灰階

01| 情緒抱走

10

每日心情紀錄

燒 杯 中 的 一 格 代 表 1 %，當 累 計 數 值 達100%時，即可獲得情緒怪獸。 怪 獸 可 以 搜 集 能 量 寶 石，能 量 寶 石 可以使用在漂流瓶的發送。

01| 情緒抱走

日記培養皿

帶領使用者認識 不同的思考方式 檢視今日的心理 狀態。

12

瓶中信

寫 下 你 的 秘 密 或 心 事，讓 他 隨 著 浪 去 旅 行，不 管 是 遇 到 懂 你 的 那 個 他，抑 或 不 同 的 聲 音，讓 我 們 一 起 尋找擁抱彼此的力量。

02| 三十週年企劃

三十週年生日快樂！

即將 邁 進 三 十週年的CA RTOON NE TWORK，透 過展 覽 讓 粉 絲看到，不管是過去或未來，永遠有新 的一 面 以 及 創造經典，不斷帶給我們歡樂。

負責 專 案 中 所有項目，包含: G ra p hi c De sign

使用 軟 體 :

14

標準色

#F9B800

#DC3317

輔助色

#000000

#FFFFFF

#00A0E4

02| 三十週年企劃

CARTOON THEME

THE AMAZING WORLD OF GUMBALL/ADVENTURE TIME/STEVEN UNIVERSE/COURAGE THE

COWARDLY DOG/THE POWERPUFF GIRL/WE BARE BEARS/REGULAR SHOW

October 1-31, 2020

9 A.M to 8 P.MJacob K. Javits Convention Center 1D

THE AMAZING WORLD

COWA

October 1-31, 202

16

CARTOON THEME

CARTOON THEME

URE LD OF TIME/STEVEN GUMBALL/ADVENTURE UNIVERSE/COURAGE TIME/STEVEN THEUNIVERSE/COURAGE THE

WARDLY PUFF GIRL/WE DOG/THE BARE POWERPUFF BEARS/REGULAR GIRL/WE SHOW BARE BEARS/REGULAR SHOW

020 Jacob K.9Javits A.M toConvention 8 P.MJacobCenter K. Javits 1D Convention Center 1D

CARTOON THEME

THE AMAZING WORLD OF GUMBALL/ADVENTURE TIME/STEVEN UNIVERSE/COURAGE THE

COWARDLY DOG/THE POWERPUFF GIRL/WE BARE BEARS/REGULAR SHOW

October 1-31, 2020

9 A.M to 8 P.MJacob K. Javits Convention Center 1D

02| 三十週年企劃

Young Chuang

VIP PASS Cartoon network is almost 30th!

We re appreciate that you have been join us for many years.We want to invite you come and celebrate with everybody.Would you have any time for fans meeting?Here are 3 choices,which time that you can come: ˙10/1 13:00-14: 00 ˙10/15 9:00-10: 00 ˙10/31 15:00-16: 00 If you can , check on the website as soon as possbile ,thank you.

We hope you could join us!

Best regards

V I P通 行證

邀請卡

1-31 October 2020 9 A.M - 8 P.M

Jacob K. Javits Convention Center 1D

一般票卷

18

1-31 October 2020 9 A.M - 8 P.M 3 day pass Jacob K. Javits Convention Center 1D

3日套票

03| ＦＡＵＣＥＴ

現代智能洗手裝置

水龍 頭 採 用 紅外線感應，非接觸用水，避免細菌交叉 感染，方 便 又衛生，省水效果佳。洗手盆側邊安裝烘手 機，減 少 周 邊積水問題。本產品主打平價大眾，每個家 庭都 應 該 必 備，我們認為「衛生從個人做起」 ，才能落 實真 正 的 保 護自己也善待他人。 負責 專 案 中 所有項目，包含: UX D e s i gn

G ra p hi c De sign

使用 軟 體 :

Pro du ct De sign

quently with soap, dry

Wash your hands fre

them before leaving.

20

再走。」 手、擦乾後 「肥皂勤洗

R36 G88 B87

R247 G248 B248

Faucet

Approachable

Useful life

Colorful

Essential

R185 G226 B239

R210 G230 B180

R247 G248 B248

R40 G79 B106

R159 G160 B160

R0 G0 B0

R40 G79 B106

R185 G226 B239

R36 G88 B87

R159 G160 B160

R0 G0 B0

R247 G248 B248

Tidy

03| ＦＡＵＣＥＴ 主題 發想

設計 方法

社會議題

紙類回收

能源議題

節能感應式水龍頭

環境議題

・觀察法/跟拍 研究產品 ：

研究地點 ：

掉落毛髮再利用

衛生習慣X情感設計 洗手台Redesign

水龍頭（手動式/感應式） 公共空間/私人空間

・發現問題

毛巾衛生疑慮

洗 手 之 後 如 果 沒 有 馬 上 擦 乾，潮 濕 的 手 上 所 附 著 的 細 菌 量，比洗手之前增加達84％！ 衛生紙擦手問題

衛 生 紙 雖 然 容 易 吸 水 又 方 便，但 是 每 當 洗 完 一 次 手 需 要 多張衛生紙才能擦乾，造成資源用量多，垃圾量也增加。 烘乾機使用疑慮

使 用 強 風 烘 手 機 時，空 氣 中 的 細 菌 比 傳 統 烘 手 機 高 出 4 . 5 倍，相 較 使 用 擦 手 紙 的 檢 測 數 高 出 2 7 倍。且 用 完 烘 手 機 5 分 鐘 之 後，烘 手 機 周 圍 仍 可 採 集 到 4 8 ％ 的 細 菌，而 這 些 細 菌仍可在使用烘手機的15分鐘後被偵測出。

22 主題 定案

・設計條件

簡化使用流程

導入正確洗手觀念 整合性商品

零件模組化可大量生產

符合大眾接受的合理價格

・材質選定

條件：售價便宜/可塑性高/ 耐用 纖維增強複合材料(FRP)

・建築使用行為人因工程

200

150

100

152.2 140.30

162.5 153.70

洗手台檯面高 黃金公式

171.8 167.10

平均身高 平均眼高

使用者1/2平均身高+(5-10cm)

03| ＦＡＵＣＥＴ ・資 料 分 析 民眾洗手行為分析 38%

14%

用肥皂洗手但不一定搓手或擦乾 只用清水洗手並擦乾

只用清水洗手且不一定擦乾 用肥皂洗手乳並擦乾

33% 15%

洗手觀念

超過六成民眾 沒有正確洗手行為

16%

正確

不正確 不知道

41%

近六成的民眾不知 道洗手後不擦乾細 菌不滅反增

43%

大眾認為：可以增進洗手意願的措施（複選） 100

提供正確洗手的教育課程

80

公共場所張貼提醒洗手的海報 大眾媒體宣導洗手的重要性

60

在公共場所提供擦手或烘乾機

40

在公共場所提供清潔用品

20 0

89

86

84

82

72

70

（％）

增加公共場所的洗手設備

24

色彩計畫/Z世代消費族群

Z 世 代 指 的 是 1 9 9 7 年 起 到 現 在 出 生 的 人。目 前 占 全 球 人 口35%比例。 平 均 選 擇 2 . 6 種 顏 色，這 說 明 受 訪 者 具 有 鮮 明 的 顏 色 偏 好。偏 愛 藍 色、白 色、黑 色。藍 色 占 比 5 1 . 3 0 %，超 過 半 數 ; 白色占比40.61%;黑色占比36.31%。 1995-1999 出生

2000-2005 出生 男生

女生 農村 城市

0

10

20

30

40

24.56%

36.31%

50

60

70 其他顏色 粉紅色 黑色

40.61%

51.30%

Z世代色彩偏好

白色 紫色 紅色 藍色 綠色 黃色 橙色

80

03| ＦＡＵＣＥＴ ・使 用 者 流 程分析

26

03| ＦＡＵＣＥＴ ・產 品 說 明 新定義使用流程 STEP 1

感應出水 手沾濕

STEP 2

手停留3秒 感應洗手乳

產品特點說明

搓手

產品三視圖 洗手盆為圓弧曲面,並 設有自動烘手機。

80

STEP 3

感應範圍80°可任意 調整角度

容器打開與上方設計 成一直線

28

STEP 4

感應出水 沖水

STEP 5

感應烘乾機 烘手

流程皆在洗臉盆內完成

單位:mm

03| ＦＡＵＣＥＴ 出水孔蓋出水孔蓋 （須定期更換） （須定期更換） 水龍頭主體 水龍頭主體

洗手乳容器 洗手乳容器

橡膠 片橡膠 片 （增加卡件穩定度） （增加卡件穩定度） 洗臉盆主體 洗臉盆主體

烘手機出風口 烘手機出風口

洗臉盆扣件 洗臉盆扣件 （提供烘手機維修） （提供烘手機維修）

FAUCET FAUCET 給你一個全新的體驗 給你一個全新的體驗

30

半圓凹槽 半圓凹槽 方便更換 方便更換

洗手乳出口 洗手乳出口

紅外線 感應

紅外線 感應

出風口

出風口

04| ＰＵＭＰ （g)

32

負 責 專 案 中 所有項目，包含: UX D e s i g n

P rod uct D e sign

使用軟體:

34

姓名

許芸禎

手機號碼

0 9 7 6 9 0 0 8 76

電子郵件

j e n n y 1 9 9 8 1 2 1 9 @yah o o.co m .tw