沈云琪Cara Shen - UI Portfolio 2016

Page 1


Portfolio of Shen Yun Chi

2


3


Portfolio of Shen Yun Chi

4


5


Portfolio of Shen Yun Chi

6


7


Portfolio of Shen Yun Chi

8


設計知 Design Ack 由 一 群 設 計 師 發 起, 目 標 是: 「Turn design into action. 」 串 起 設 計 師 在 業 界 的 人 脈, 進 而 影 響設計師在台灣的定位與發現設 計對生活的價值。

古念華 Nicholas Ku 余楊巽弘 Melody Huang 9


Portfolio of Shen Yun Chi

目標 Goal

價值主張 Value Proposition

10

由一群設計師發起, 目標是「Turn design into action. 」 串起設計師在業界的人脈,進而影響設計師在 台灣的定位與發現設計對生活的價值。


網站架構 Web architecture

文摘分類 Issue classification

11


Portfolio of Shen Yun Chi

入口頁面 Landing page 800 pt

12


13


Portfolio of Shen Yun Chi

14


橫式首頁 800 / 628 / 372 / 212 pt 15


Portfolio of Shen Yun Chi

16


橫式內文 800 / 628 / 372 / 212 pt 17


Portfolio of Shen Yun Chi

18


烏客來來 UKULELE 烏 克 莉 莉 是 一 種 易 於 交 流、 團 體 演 奏、 個 人 演 唱 的 樂 器, 也 因 此 越 來 越 多 人 開 始 自 學, 或 加 入 音 樂 班 學 習。 但 在 非 上 課 時 卻 很 難 自 我 勉 勵, 因 此 烏 克 來 來 想 要 連 結 同 時 在 學 烏 克 莉 莉 的 族 群, 讓 學 習 不 再 孤 獨, 也 可 以 將 學 習 成 果帶往現實。

19


Portfolio of Shen Yun Chi

現象 Now

目標 Goal

創造一個可以自由的選擇時間學習, 並且可以「以樂會友」,以烏克莉莉 作為媒介,連結想學、在學、自學、 想 要 表 演 等 的 人, 有 效 組 織 聚 集 人 才,以好友互相砥礪,學習不荒廢!

20

烏克莉莉是一個發源於夏威夷的民俗 樂 器, 比 吉 他 容 易 入 門, 輕 巧 便 於 攜 帶, 也 因 此 越 來 越 多 人 開 始 學 習 這 個 樂 器, 在 台 灣 也 蔚 為 風 潮。 不 過 在 學 習 過 程 中, 常 因 沒 有 目 標 而 慢 慢 失 去 動力,也因此有了人人都會烏克莉莉, 但少有特別專精的情形。


商業模式 Business model 求救

試彈 初學者

視訊指導 UKULELE 互 揪 相 團 砥 礪

神手

學習社群

21


Portfolio of Shen Yun Chi

APP 介面 APP UI

22


進入畫面 Loading

烏克莉莉上下擺動, 在五線譜海優游。

樂曲推薦 Songs

依照加入的社群推 薦當期最受歡迎的 歌譜,即時試聽。

23


Portfolio of Shen Yun Chi

練習畫面 Practice

自動追隨 - 結 合 調 音 器 偵 測 練 習 進 行 到 哪 裡, 以 歌 詞 變 色 提示,以及自動翻頁。 不熟記錄 - 記 錄 不 熟 的 段 落, 下 次 可以直接複習。 連結高手 - 當 歌 譜 太 難, 連 結 已 經 24

晉 級 的 夥 伴, 進 一 步 的 相約練習。


25


Portfolio of Shen Yun Chi

26


Daily UI 由 一 名 介 面 設 計 師 發 起, 以 每 天 一 個 UI 介 面 為 題 目, 持 續 一 百 天 的計畫。一放上網路便大受歡迎, 越 來 越 多 人 因 此 關 心 這 塊, 也 紛 紛 加 入 這 個 行 列。 除 了 開 放 一 百 天 的 題 目 之 外, 近 期 也 把 設 計 素 材 開 放 購 買, 是 個 全 球 設 計 師 的 風潮。

27


Portfolio of Shen Yun Chi

28


29


Portfolio of Shen Yun Chi

30


31


Portfolio of Shen Yun Chi

32


33


Portfolio of Shen Yun Chi

34


35


Portfolio of Shen Yun Chi

角色場景設計 Characters

36


總場景 聖誕老人 襪子小鬼 馴鹿先生 聖誕樹人


Portfolio of Shen Yun Chi

海報 Posters

38


39


Portfolio of Shen Yun Chi

明信片 Postcards

40


41


Portfolio of Shen Yun Chi

42


43


Portfolio of Shen Yun Chi

字型再製 Font redesign

以 justfont 金萱提供的字型為線索 ( 右圖 ),拉出指定的「國父紀念館」 五字,並通過 justfont 金萱的審核。

44


以展覽「冬展」主視覺字體 ( 右 ) 為靈 感,發展出「春 夏 秋 冬」。每個字裡 面藏有季節的代表物,筊 粽 月 雪帽。 也順手改了改原本冬展二字的平衡 ( 左 ),也因此開啟對字體的興趣。

45


Portfolio of Shen Yun Chi

46


47


Portfolio of Shen Yun Chi

48


阿素師 Master SU 近來食安風暴頻傳,素食加工食品 也受其害。 我們希望藉由一套半 自動的素食加工器具,達到製作過 程透明化、輕鬆化、讓料理多變 化,享受料理的過程樂趣。

陳思伶 Szu-Ling, Chen 王伸綜 Shen-Chung, Wang 黃楷傑 Kai-Chieh, Huang 49


Portfolio of Shen Yun Chi

背景 Background

50


當食物進入工業化大量製造的生產線時,我們早已遺忘食物最 初的樣貌,取而代之的是一個個加工後的食品。我們無法得知 這些食品的加工過程與內容,許許多多的問題就埋沒在生產線 上。 近來,人們的飲食習慣開始有了變化,選擇健康養生的素食人 口逐漸增加,由黃豆製成富含高蛋白的素料成為肉品的替代, 然 而 即 使 是 這 樣 看 似 自 然 的 飲 食 方 式, 也 避 免 不 了 進 入 商 人 「看不見的生產線」中,使得人們離健康生活越行越遠。 因此我們想提供一種可能,針對素料,打造出以傳統工法製作 的「家」工器具,從食物的品質出發,讓人們提高在家自製的 意願,重拾手做的樂趣,將食物的掌控權從工廠拿回家中,享 受健康生活。

人造肉

人造肉是黃豆經由雙軸射出機,在高溫高 壓的條件下產生的絲狀排列食材,擁有接 近肉的特殊口感,由於屬於需再加工的原 食材,無額外加工,食品安全疑慮小。常 用於製作素火腿、素肉排、素魚排等等, 為素食料理常用的搭配食材。

51


Portfolio of Shen Yun Chi

訪查 Research

為找出最佳的居家自製流程,我們拜訪了各地的素食工廠以及市場手工 製作的專家,了解兩方製程中的特點後,我們發現大量製造的工廠是使 用全機械化的流程,雖然方便快速,但由於機器的技術性高,難以將流 程帶入家中,且由於製程不透明化容易被不肖業者為商業利益而添加不 適當的添加物。而家庭手工製作雖然天然健康,但流程繁複費時,因此 我們試著擷取兩方製程中的優點,以自然為原則,打造出最簡單方便的 居家製作流程。

52


實驗 Testing

泡水 一般工廠使用冷水泡一個晚上,耗費時間。 我 們 發 現 用 熱 水 泡 可 以 使 人 造 肉 在 10 至 20 分鐘內就達到完全軟化。

拆絲 我 們 測 試 了 不 同 刀 具 的 拆 絲 效 果, 最 終 發 現,將果汁機裝滿水倒放著打的效果是最佳 的,於是我們選用調理棒的形式,搭配鈍刀 進行拆絲。

成型 傳統成型的豆腐巾為一次性的產品,而且對 於初次的使用者而言,技術性高,難以控制 成形外觀。我們希望成型是可以達到透氣緊 實又方便成型。經過測試後,我們選擇使用 不鏽鋼沖孔板,利用它的耐用度和透氣性來 成型。

53


Portfolio of Shen Yun Chi

操作流程 Procedure

將人造肉及熱水加至標 示 線, 蓋 上 蓋 子, 調 整 計時器。

54

裝 上 馬 達, 按 下 上 方 的 按 鈕, 約 1 分 鐘 後 會 自 動停止。

握 住 馬 達 下 壓 至 極 限, 轉 緊 固 定 後, 拆 開 馬 達 濾水。


開蓋加入自己喜歡的調 味 及 食 材, 像 香 菇、 牛 蒡 絲 等, 換 上 混 料 頭, 按 下 下 方 按 鈕, 混 至 適 當即可停止。

取 出 內 杯, 利 用 特 製 盤 旋 開 下 濾 杯, 蓋 上 蒸 蓋, 旋 緊 成 型 至 極 限 即 可。

置 入 電 鍋, 蒸 約 2 小 時 即可。

55


Portfolio of Shen Yun Chi

細節 Details

56


外杯標示線

水位線

人造肉最大量 配料最大量 鈍刀

為保持 TVP 的纖維,拆絲 刀 頭 用 鈍 刀 避 免 切 碎, 同 時 與 活 塞 結 合, 可 進 行 拆 絲與濾水功能。

下濾杯

下方四個卡角配合塑膠盤 使 用, 以 便 上 下 濾 杯 拆 卸, 底 部 活 動 推 片 幫 助 推 出蒸熟的素料。 刀頭固定裝置

外杯上蓋中間有旋轉固定 器, 可 固 定 刀 頭 與 活 塞 的 使用高度。

蒸蓋

上濾杯拆除後將蒸蓋接上 下 濾 杯, 握 住 上 方 把 手 下 壓旋轉至素料緊實。 塑膠盤

塑 膠 盤 上 的 四 個 卡 槽, 可 與 下 濾 杯 四 角 互 卡, 使 上 下濾杯拆卸以及使用蒸蓋 成形時醬汁不沾手。

57


Portfolio of Shen Yun Chi

58


59


Portfolio of Shen Yun Chi

60


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.