90
PORTFOLIO Meng Yin, Lee 2012 - 2016

Meng Yin Lee Portfolio 2016

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Meng Yin Lee Portfolio 2016

PORTFOLIOMeng Yin, Lee2012 - 2016

Page 2: Meng Yin Lee Portfolio 2016

2 │ Profile

李孟殷 Meng-Yin, LeeName

1994/ 05/ 31Born

畫畫、戶外運動、表演藝術活動、影片製作Interest

[email protected]

+886 975 129 703Mobile

- 國立成功大學工業設計系 / 畢

Education

- 國立台中女子高級中學 / 畢

Profile

活潑、開朗、喜歡嘗試新事物Personality

Page 3: Meng Yin Lee Portfolio 2016

│ 3Profile

- 平面 Photoshop/ Illustrator/ Indesign

Software Skill

- 3 D SolidWorks/ MakerWare/ KeyShot

- 影片 威力導演 / 繪聲繪影 / Sony Vegas

- 中文 母語

Language Ability

- 簡中 可流暢閱讀簡體中文的文章

- 英文 TOEIC 710

- 日文 日文檢定 N3 仍繼續修習日語中

Special Experience

l 2015 l

和另外兩位同學於課外時間為一間青年旅舍規劃空間

暑假前往日本,獨自待在神奈川縣的F-Design 公司實習約兩個月

l 2014 l 課堂小組研製出產品「Hold 拎」,獲廣大迴響

於課堂上針對不同的族群進行行為研究,分別和兩個小組設計出兩款手機app

l 2013 l 以成功大學軟網校隊身分出賽全國大專院校軟式網球錦標賽,獲兩銅牌:

女子雙打第三名、男女混雙第三名

l 2012 l 擔任高中畢聯會影片組組長,統籌畢業影片的劇本、分鏡、攝影、後製

- 台語 可聽懂、說些簡單台語

SAI/ CS EX/ CLIP STUDIO PAINT

Page 4: Meng Yin Lee Portfolio 2016

Contents

4 │ Contents

Contents

icing shot

深覺海報

社團文宣品

Graphic DesignP 42-51MovAll

HOLD 拎

Hop! Hop! Hop!

散熱電腦包

Industrial DesignP 6-41

Page 5: Meng Yin Lee Portfolio 2016

Contents

│ 5Contents

Contents

PETask

Roamer

UI DesignP 52-67

Photography

PhotographyP 82-89Sketch

Digital Sketch

Illustration

SketchP 68-81

Page 6: Meng Yin Lee Portfolio 2016

Industrial Design

6 │ Industrial Design

Page 7: Meng Yin Lee Portfolio 2016

MovAllHOLD 拎

Hop! Hop! Hop! 散熱電腦包

│ 7Industrial Design

Page 8: Meng Yin Lee Portfolio 2016

8 │ Industrial Design

MovAll 貨推手 Move

針對傳統市場水果攤販所設計兼具攤位功能之市場推車

透過全新卸貨方式與簡化擺攤步驟提升攤販生活品質

Page 9: Meng Yin Lee Portfolio 2016

│ 9MovAll

Co-Designers 陸姿靜 / 成依霖 / 賴婉平

Materials 鋁合金 / 塑鋼

Date 2016/05* 已申請專利

Page 10: Meng Yin Lee Portfolio 2016

10 │ Industrial Design

傳統市場是我們熟悉的生活一景,在這裡,水果攤販一直以來都為我們提供最新鮮的水果與最濃厚的人情味。然而長久以來擺攤的用具沒有太大的革新,過長的工時、繁重而瑣碎的工作經年累月折磨著他們的身體。

Background

我們將使用者鎖定為在公有市場空地擺攤的水果零售攤販,經過各種調查與實地訪談,了解到他們工作繁重、假日少、工時長。其中繁瑣的擺攤過程花費了過長的時間,每天搬運貨物彎腰數十次,長期下來易造成嚴重的職業傷害。

我們想藉由新型態的擺攤工具,減少他們工作的疲勞與傷害,增加工作效率與提升生活品質。

Concept

Page 11: Meng Yin Lee Portfolio 2016

│ 11MovAll

Research

攤販工作時間約從上午三點到下午一點,有些攤販還會到黃昏市場進行二次販售。

生鮮蔬果業主約 30809 人,其 中 50 歲 以 上 者 有 18670人,約占總人數 61%。

攤販平均每日營業前準備時間為 1.3 小時,收攤後整理時間為 0.7 小時。

攤販每週工作日數為 24.9 天

《102 年攤販經營概況調查報告》

Page 12: Meng Yin Lee Portfolio 2016

12 │ Industrial Design

貨物

每天都會到批發市場批發貨 物, 每 次 約 批 發 8-10箱,一箱大約 25kg,尺寸40*50*30cm。

貨車

大多數的攤販都有自己的貨車,貨車貨台離地高度依 型 號 與 尺 寸 不 同, 在70-80cm 之間。

手推車

卸貨處離攤位較遠的攤販會 使 用 手 推 車, 常 見 的載 重 約 300kg, 重 量 15-20kg。

Page 13: Meng Yin Lee Portfolio 2016

│ 13MovAll

MovAll 兼具推車與攤位雙重功能,檯面尺寸 100 x 80 公分,高度 70-80 公分間可調整,載重 300kg,約可放 8-10 箱水果,滑板與推車結合輕鬆搬運貨物。

透過水平搬運的方式,能減少攤販因重複搬運重物所造成的職業傷害,並藉由整合步驟與擺攤用具,增加擺攤過程的效率。

Designing & Producing

Page 14: Meng Yin Lee Portfolio 2016

14 │ Industrial Design

由於不同款式貨車的貨台離地高度不同,使用者在第一次使用時,可根據自身貨車的卸貨高度調整升降機構。

可升降區間為 70-80 公分,符合市面上大多數小貨車款式,操作簡便,爾後不用再反覆調整。

升降軌道兼做提把使用,方便搬運及調整高度。

升降

推車可摺疊收納,方便攤販搬上貨車在早市及黃昏市場間轉換擺攤。轉軸處使用磁鐵扣合,讓展開角度能夠固定 90 度不移動,可吻合滑板且穩定推車。

摺疊收納後使用箱扣扣合,避免攤車自行展開晃動,造成危險。推車側邊設有下凹式的握把以輔助搬運。

摺疊

Page 15: Meng Yin Lee Portfolio 2016

│ 15MovAll

透過傾斜滑板,使用者不用再像以前那樣費心將水果排列成階梯狀即可展示所有水果,達到優化展示效果、減少瑣碎擺攤步驟的目的。

採用傾斜機構,從後方抬起滑板即可呈現 6 種不同的傾斜角度。搭配氣壓棒緩降,避免使用者在將傾斜恢復成水平面的過程中受傷。

使用箱扣固定滑板與軌道,避免滑板滑落。

傾斜

滑板與軌道結合,將傳統的垂直上下搬運改為水平搬運,減少彎腰次數與腰椎負擔。

滑板前緣向上延伸,能避免傾斜展示時滑板上的水果滑落。

滑板兩側之開孔可供使用者繫上固定貨物用的束帶,或搭配掛勾放置購物袋。

滑板

Page 16: Meng Yin Lee Portfolio 2016

16 │ Industrial Design

Using Process

將貨物放上滑板,固定貨物及滑板煞車。 將推車搬下貨車。

拉動滑板至推車上後以箱扣固定。 解開推車煞車後推至攤位上。

批發市場 零售市場 停車處

零售市場 攤位上

Page 17: Meng Yin Lee Portfolio 2016

│ 17MovAll

展開推車。 將推車對準貨車尾並固定煞車。

將部分貨物從滑板卸到工作檯面上。 整理貨物,並將滑板傾斜成展示狀態。

Page 18: Meng Yin Lee Portfolio 2016

18 │ Industrial Design

Page 19: Meng Yin Lee Portfolio 2016

│ 19HOLD拎

HOLD 拎五種口味的 Hold 拎飄散出各自的香氣輕啜一口與自己相互共鳴的故事輕拎一種時尚的愜意

Co-Designers 陸姿靜 / 洪慈妤 / 何家佑 / 陳柏豪 / 謝家展

Materials 合成皮 /PU 繩 / 鐵

Date 2014/12

Page 20: Meng Yin Lee Portfolio 2016

20 │ Industrial Design

手搖杯飲料店因其便利的特性在台灣非常盛行,是國內相當特殊的一項茶飲文化。而購買手搖杯時為了攜帶方便,幾乎所有店家都會附贈一個塑膠提袋,造成嚴重的資源浪費與垃圾汙染等問題。

經過訪談與調查發現,由於環保概念的提倡,其實許多顧客會覺得一杯手搖杯配一個塑膠提袋太過濫用,但平時沒有隨身攜帶塑膠袋的習慣,徒手拿手搖杯又不方便,因此最後仍會選擇使用塑膠提袋。

Background

Page 21: Meng Yin Lee Portfolio 2016

│ 21HOLD拎

我們以「能隨身攜帶的環保手搖杯提把」做為產品核心訴求,並將之設計為具有時尚造型的手環,希望以方便攜帶以及美觀的外型營造出一種環保、樂活的時尚氛圍,期待能以小小的改變慢慢將我們的理念滲透至消費者的生活習慣中。

Concept

我們將目標客群定在會喝手搖杯並崇尚樂活環保的一般大眾,此族群往往為注重外觀的新一代年輕族群,因此「功能性」與「好看」成為此產品之必要特點。

透過產品 SWOT 來分析設計走向,經過無數次的討論與草模測試,小組研發出最符合市場需求的最終版本;除了使用的效能以外,我們也反覆測試各種零件套組與找尋廠商,為的是找出最低成本的加工模式與材料通路。

設計完後,參考現有的專利書自行撰寫一份並請人幫忙修改,過程中了解到許多申請專利應注意的事項。

Designing & Producing

Page 22: Meng Yin Lee Portfolio 2016

22 │ Industrial Design

小組內部採用嚴密的分工制度,以機會成本的概念將每個人的能力最大化。製作 HOLD 拎手環時需打卡上下班來記錄人力成本,並將每人分配至適當的生產線位置。HOLD 拎手環總共有五款顏色,我們賦予各色手環獨有的飲料名稱:抹茶玉露、義式深焙、太妃可可、玫瑰花茶、芋香紫米。

Page 23: Meng Yin Lee Portfolio 2016

│ 23HOLD拎

Using Process

手環模式

將細繩套住手腕,調整至適合使用者手腕之大小。

將手環環繞於使用者手腕。

將手環尾端與細繩上的釦子釦合。

將細繩的套索範圍調整至最大。

將細繩套索從手搖杯底部往上拉,並將細繩上之釦子移至正對面。

將手環尾端與細繩上的釦子釦合,即可成為 提 帶 手 搖 杯 之 提把。

提把模式

Page 24: Meng Yin Lee Portfolio 2016

24 │ Industrial Design

「HOLD 拎」是我們為此產品打造出來的品牌,取自台語好喝的諧音,並有提飲料的意象,將台灣的手搖杯文化鎔鑄在品牌中。LOGO 設計經過不斷修改,最終以簡單的梯形和中間將之隔開的白色寬帶組成,給人一種使用 HOLD 拎環住手搖杯的暗示;選用清新的綠色做基底,希望能傳達出草民樂活與輕鬆時尚的概念。

Brand Image

Page 25: Meng Yin Lee Portfolio 2016

│ 25HOLD拎

將 LOGO、品牌資訊與使用方法做成對折式的長版名片,放入每一個包裝中。產品包裝部分,除了將 HOLD 拎捲成討喜的餅乾收納造型,還選用了能襯托主產品的牛皮紙派盒做為包裝,並以素雅的黑色在派盒正面蓋上 LOGO 印章,呈現簡約時尚的 HOLD 拎精神。

Page 26: Meng Yin Lee Portfolio 2016

為了增加與客群的接觸點,小組全員自行籌拍了兩部 HOLD 拎宣傳影片放上粉絲專頁與網站。影片以大約二十歲的年輕人為主打族群,以無對白的形式描述兩位女主角日常生活中的互動,影片中除了穿插 HOLD 拎的使用方法外,也傳達給觀眾一種屬於 HOLD 拎清新愜意的氛圍。

Marketing

我們還拍攝了不同系列的產品宣傳照,每隔一段時間便將宣傳照配上文宣一齊放上粉絲專頁,宣傳新客群的同時也能達到保持舊粉絲熱度的效果。

除了小組全員投入拍攝的宣傳影片與產品

宣傳照,每個人都拍了一張「特殊大頭照」──以各種無厘頭的創新想法來使用HOLD 拎手環。小組成員在同一時間一起換大頭貼,吸引 FB 上朋友們的關注,構成深刻的記憶點。

Page 27: Meng Yin Lee Portfolio 2016

│ 27HOLD拎

市集當天有限定的小活動:請購買 HOLD 拎手環的客人和我們一起大喊「( 購買的手環名稱 ),HOLD 拎 !」即可免費獲得一杯手搖杯飲料。此活動能有效的吸引人群聚集,同時也能加強顧客對手搖杯飲料與 HOLD 拎手環的連結印象。籌拍影片時我們拿著企劃書去找各家飲料店拉贊助,最後找了藥師紅茶和東洲黑糖,兩家皆為以健康為訴求的手搖杯飲料店。贊助內容為使用店家的飲料拍宣傳影片並在片尾放上店家 LOGO,而市集當天活動所需的手搖杯飲料將由店家免費提供。

Page 28: Meng Yin Lee Portfolio 2016

28 │ Industrial Design

HOLD 拎小組參加了兩個市集,分別在愛國婦人館與成功大學校內的榕園大草地上舉辦。HOLD 拎手環銷售量遠超過我們的預期,兩次市集皆迅速售罄、提早收攤。由於我們的產品偏小,顧客逛市集時不容易看到,因此攤位上除了陳列HOLD 拎手環外,還有租手部模型以便同時展示 HOLD 拎手環的兩種型態,並用 ipad 循環播放宣傳影片。當市集人潮偏少時,我們會將活動內容改為拍照打卡以吸引還沒來市集的人;等到人潮足夠時才改回喊 HOLD 拎的活動,吸引市集內顧客。

Sales Status

Page 29: Meng Yin Lee Portfolio 2016

│ 29HOLD拎

Page 30: Meng Yin Lee Portfolio 2016

30 │ Industrial Design

Hop!Hop!Hop!以童趣的跳房子為主軸

設計出令人會心一笑的步驟記事小工具就讓跳房子的小人陪你一起跳往目標吧 !

Page 31: Meng Yin Lee Portfolio 2016

Materials 木頭 / 軟木塞

Date 2013/06

Page 32: Meng Yin Lee Portfolio 2016

32 │ Industrial Design

當手邊的代辦事項堆積如山、或是有一件需要分很多步驟才能完成的麻煩事,往往處理到一半時就動力枯竭,原因是覺得進度緩慢,有種一直在原地踏步的錯覺。

Background

會覺得工作一直沒有進展往往是因為感受不到自己努力的回饋,我希望能設計出解決這個問題並讓使用者會心一笑的生活小物。人類是視覺型的生物,因此我將原本無形的工作進度轉化為看的到的立體結構,將各個代辦事項的處理順序清楚排出、或將繁瑣的步驟一一分開,簡單且明確的進度顯示系統能讓使用者每達成一個階段就獲得一定的滿足感;操作方式也如同玩小遊戲般輕鬆,除了能快速獲得回饋外也兼具紓壓功能,由此轉化為工作動力。

Concept

Page 33: Meng Yin Lee Portfolio 2016

│ 33Hop! Hop! Hop!

以令人會心一笑的「童趣」為發想主題,結合生活用品做水平發展。我從第一階段的水平草圖中選了跳房子和彈跳小人繼續做垂直草圖發展,再從垂直發展的草圖中選出三張,用 PU 做成 1:1 大小的草模來測試。

Designing & Producing

Page 34: Meng Yin Lee Portfolio 2016

34 │ Industrial Design

經過實際測試後決定採用立體跳房 子 的 概 念 繼 續 發 展, 也 就 是Hop! Hop! Hop! 的原型。確立精模尺寸與使用細節,並決定以木頭與軟木塞來呈現。草模與精模之間相去不遠,經過草模測試後僅修改了軟木塞嵌入木頭的方式。

Page 35: Meng Yin Lee Portfolio 2016

│ 35Hop! Hop! Hop!

Using Process

從最底層的 START 開始疊上房子。

使 用 者 自 由 疊 出 想 要 的 高度,若事情步驟較多可疊高一點。

疊好後隨心所欲旋轉成想要的形狀,將分好步驟的代辦事項寫在小紙條,用圖釘釘在每一個房子的軟木塞上。

從 START 開 始 放 上 小 木 人The Little Hopper,開始挑戰 !

每完成一個步驟就向上跳一格。

跳到房子頂端時代表任務達成,Reach the Goal !

Page 36: Meng Yin Lee Portfolio 2016

36 │ Industrial Design

Page 37: Meng Yin Lee Portfolio 2016

│ 37散熱電腦包

散熱電腦包掀開筆記型電腦的同時一併將散熱支架撐起快倢簡便的設計符合現代人輕鬆直覺的需求

Co-Designers 陸姿靜 / 廖佳盈

Materials 防水布 / 織帶 / 鋁

Date 2014/06

Page 38: Meng Yin Lee Portfolio 2016

38 │ Industrial Design

電腦包是筆記型電腦使用者不可或缺的配件之一,有些標榜具散熱功能的電腦包內部會附支撐架,將電腦抬起以促進空氣流通與散熱。然而市面上的散熱電腦包仍需先將電腦搬出電腦包後才可手動撐起支架,過程廢時又麻煩。

Background

我們希望設計出的電腦包能在一個步驟內便完成散熱的準備工作,更甚者,若能將準備動作與平時開啟電腦的步驟合而為一,將能提供更直覺的使用者經驗。

Concept

Page 39: Meng Yin Lee Portfolio 2016

│ 39散熱電腦包

由於我們希望設計的是不裝風扇,僅靠支架構成空氣流通,且與開啟筆記型電腦之步驟結合的散熱裝置,因此支架機構非常重要。為此我們跑去各家賣場參考各種連動機構並做草模測試,最終設計出一款結合蝴蝶片的支架。支架材質使用輕薄堅韌的鋁,建模輸出工程圖給鐵鋁工廠製作,製作期間與接待我們的服務員討論,了解到工廠製作的某些限制,與交檔案給工廠時應注意的事項。

Designing & Producing

Page 40: Meng Yin Lee Portfolio 2016

40 │ Industrial Design

Using Process

當使用者打開筆記本電腦的同時,便能透過掀開電腦螢幕的動作,以支架的連動效應一併撐起電腦本身,方便、直覺且迅速。一般使用者使用電腦時大約會將電腦螢幕打開至與水平面達 110° ~130°,我們特別計算過連動效應的角度,可藉由使用者打開電腦的動作將電腦撐起至仰角 17°,此為最符合人體工學之黃金角度。

Page 41: Meng Yin Lee Portfolio 2016

│ 41散熱電腦包

現今市面上的電腦包已漸漸變為時尚配件之一,因此實用與美觀兼備是相當重要的。除了實用簡便的機構設計,外面布料選用兩色防水布拼布而成,且有個大夾層方便使用者攜帶電腦周邊配備;中間則是用大多電腦包會採用的泡棉作為緩衝隔層;最外層縫製一條具彈性的黑色織帶,方便使用者以手拿包的形式攜帶。

Page 42: Meng Yin Lee Portfolio 2016

Graphic Design

42 │ Graphic Design

Page 43: Meng Yin Lee Portfolio 2016

│ 43Graphic Design

icing shot深覺海報

社團文宣品

Page 44: Meng Yin Lee Portfolio 2016

44 │ Graphic Design

自行設想一家虛擬公司,並為其設計形象LOGO 與一系列的形象商品。

Background

icing shot Icn.

Company Name

調酒口味的冰淇淋

C= 68M=73Y= 71K= 35

C= 0M=0Y= 100K= 0

C= 0M=95Y= 20K= 0

- 發想形容詞:成熟的、優雅的、刺激的- 設計理念:

將一球冰淇淋放在小杯子 (shot) 上的形象。以簡約線條帶出杯子的晶瑩質感,並以調酒般的漸層色彩帶出調酒冰淇淋的意象;為了避免整個 LOGO 太過複雜而選用較簡單但粗細有別、小細節能夠和企業 LOGO 圖案相呼應的字體

為一成不變的生活中注入驚喜

以深褐色做為字體主色,保留優雅成熟的味道但又不會太過死板,並以黃、紅兩色的漸層帶出調酒的意象

Main Product

LOGO

Corporate Philosophy

Color Planning

Page 45: Meng Yin Lee Portfolio 2016

│ 45icing shot

Page 46: Meng Yin Lee Portfolio 2016

46 │ Graphic Design

Page 47: Meng Yin Lee Portfolio 2016

│ 47icing shot

以「會原限定的 icing shot 爵士之夜」為主題發想,設計出寄送至會員家中的邀請函。邀請函經過特殊造型設計與計算,經過折疊後可不用貼紙便密合收成一摺疊賀卡,且兩端曲線將連接成一體。背景選用深褐色,烘托出調酒色系的漸層主體;邀請函邊緣的曲線剪裁與內部漸層色的曲線象徵酒與音樂的流動性。

Date 2014/06

Page 48: Meng Yin Lee Portfolio 2016

48 │ Graphic Design

2016 年全班參加新一代設計展,為成大工設主題「深覺」所設計的海報,有白與深藍兩種版本,字體也重新設計。

Page 49: Meng Yin Lee Portfolio 2016

│ 49深覺海報

Co-Designer 許靖婷 Date 2016/02

Page 50: Meng Yin Lee Portfolio 2016

50 │ Graphic Design

為社團設計的招生海報與傳單。

Date 2013/02

Page 51: Meng Yin Lee Portfolio 2016

│ 51社團文宣品

為社團設計的校友盃紀念衫。藍色是正式版本,那時由於社團成員間流行的玩笑而多設計了一款粉紅色草莓版。

校隊隊服設計圖。

Date 2013/02

Date 2013/10

Page 52: Meng Yin Lee Portfolio 2016

UI Design

52 │ UI Design

Page 53: Meng Yin Lee Portfolio 2016

PETaskRoamer

│ 53UI Design

Page 54: Meng Yin Lee Portfolio 2016

54 │ UI Design

將原本枯燥的行事曆融入照顧寵物的娛樂元素,改成用輕鬆的方式提醒使用者,幫助使用者將代辦事項的壓力轉為實際去做的動力 !

Using Process

行事曆

Co-Designers 謝欣芮 / 蔡函妤

Date 2014/12

一進入 PETask 的預設頁面便是行事曆。右上角的圓形圖案是寵物的大頭貼,會顯示寵物目前的狀態,點選即可進入寵物介面。

於行事曆中點選想新增代辦事項的日期,跳出一個視窗。

點選日期那排字,會轉成游標並可輸入代辦事項名稱。

Page 55: Meng Yin Lee Portfolio 2016

│ 55PETask

輸入代辦事項名稱。 在下方輸入時間與地點。在此有智慧輸入標籤,若以此規格輸入數字便會自動判別為時間;若在一單詞前方加上 @ 符號便會自動判別為地點。

點選鬧鈴圖案以設定提醒時間。

Page 56: Meng Yin Lee Portfolio 2016

56 │ UI Design

點選顏色圈圈會出現一排顏色標籤,使用者可自訂不同顏色對應代辦事項的分類意義或急迫性。

一切輸入完畢後便可回到行事曆,可發現剛剛輸入的代辦事項已新增於行事曆上。

完成代辦事項後可勾選劃掉,離期限前愈早完成得到的寵物Reward Point 便愈多,可用來購買食物來餵食寵物。

Page 57: Meng Yin Lee Portfolio 2016

│ 57PETask

寵物介面

此為寵物介面的互動區。右上角的月曆圖案可通往行事曆介面。

點選左下角的刀叉圖案會出現食物選單與 Reward Point,可用來購買食物,餵食後寵物會有很開心的反應。

餵食寵物可累積經驗值,累積到一定程度後寵物便會成長至下一個型態。

點選左下角的表單圖案便會進入寵物資料區,可查看寵物資料與累計經驗值。

寵物當前的狀態也會顯示在寵物資料區。

寵物成長後資料也會隨之改變,可查看還需多少經驗值才可成長至下一個型態。

Page 58: Meng Yin Lee Portfolio 2016

Using Process

在商店街中裝置 iBeacon,自動對經過的人們發送 Roamer 邀請函。手機接收到訊息後,使用者可自行決定是否要進行 Roamer 挑戰。

58 │ UI Design

Start the Exploration

Roamer

Page 59: Meng Yin Lee Portfolio 2016

Roamer 是一款為商店街設計的 APP,以實境闖關 RPG 的遊戲方法讓使用者在解任務的過程中探索商店街並取得獎勵,藉由Roamer APP 為商店街帶來宣傳效果。

Co-Designers 呂秉融 / 許靖婷 / 陸姿靜 / 謝欣芮

Date 2014/12

若決定接受挑戰便依照訊息指示,尋找 Roamer 佈告欄去接任務。找到後將手機對準佈告欄,手機螢幕便會以實境的方式出現一個虛擬 NPC。

│ 59Roamer

Page 60: Meng Yin Lee Portfolio 2016

60 │ UI Design

虛擬 NPC 會簡短說明遊戲方式,並告訴使用者如何接任務。

Page 61: Meng Yin Lee Portfolio 2016

│ 61Roamer

首先選擇最後想要取得的獎勵,獎勵愈好任務難度愈高。

選擇完獎勵後會出現相對應的任務內容,點選 Mission 1 看看第一關要先解決什麼任務。

Page 62: Meng Yin Lee Portfolio 2016

62 │ UI Design

第一個任務是尋找商店街中的人氣柴犬店長並和牠合照。首先要先掃描柴犬店長項圈上的 QR code,掃描成功後與柴犬店長合照。

Mission One

Page 63: Meng Yin Lee Portfolio 2016

│ 63Roamer

將合照上傳至 Roamer APP。Roamer APP 會偵測使用者剛剛掃瞄過的 QR code 進行辨識,確定是使用者接取的任務內容後便完成此階段任務,並回饋使用者相應的經驗值。

Page 64: Meng Yin Lee Portfolio 2016

64 │ UI Design

第二個任務是前往商店街中指定的某家飲料店消費。與 Roamer APP 合作的店家會在杯子上印有 QR code,使用者買完飲料後進行掃瞄,Roamer APP 接受到後便完成此階段任務,並回饋使用者相應的經驗值。

Mission Two

Page 65: Meng Yin Lee Portfolio 2016

│ 65Roamer

Treasure Hunt Mode

此為 Roamer APP 的支線小任務,使用者可自行決定是否要進入 Treasure Hunt Mode。商店街中某些地點會藏有寶藏,進入此模式後使用者的手機螢幕會以實境方式呈現街道景觀,若發現畫面中出現寶藏標示,點選寶藏標示即可獲得小獎勵。

Page 66: Meng Yin Lee Portfolio 2016

66 │ UI Design

第三個任務是前往商店街中指定的某家二手書店消費。使用者買完書後於櫃台掃瞄店家 QR code,Roamer APP 接受到後便完成此階段任務,並回饋使用者相應的經驗值。

Mission Three & Prize

Page 67: Meng Yin Lee Portfolio 2016

│ 67Roamer

解完所有任務後 Roamer APP 會發出領取獎勵的通知與條碼。使用者可前往指定的地點以條碼換取獎勵,條碼為一次性,掃過後便無法再次使用。

Page 68: Meng Yin Lee Portfolio 2016

Sketch

68 │ Sketch

Page 69: Meng Yin Lee Portfolio 2016

SketchDigital SketchIllustration

│ 69Sketch

Page 70: Meng Yin Lee Portfolio 2016

70 │ Sketch

Page 71: Meng Yin Lee Portfolio 2016

│ 71Sketch

1,2,3 手繪 - 鉛筆素描

21

3

Page 72: Meng Yin Lee Portfolio 2016

72 │ Sketch

Page 73: Meng Yin Lee Portfolio 2016

│ 73Sketch

4,6,7 手繪 - 代針筆

5 手繪 - 代針筆 / 電繪 -PS4 65 7

Page 74: Meng Yin Lee Portfolio 2016

74 │ Sketch

8,9,10,11,12 手繪 - 鉛筆、代針筆

810

91112

Page 75: Meng Yin Lee Portfolio 2016

│ 75Sketch

Page 76: Meng Yin Lee Portfolio 2016

76 │ Sketch

Page 77: Meng Yin Lee Portfolio 2016

│ 77Digital Sketch

13,16 手繪 - 鉛筆、代針筆 ( 線稿 )

14,17 電繪 - PS ( 上色 )

15,18 電繪 - PS

161718

131415

Page 78: Meng Yin Lee Portfolio 2016

78 │ Sketch

Page 79: Meng Yin Lee Portfolio 2016

│ 79Illustration

19,20 手繪 - 油畫

19 20

Page 80: Meng Yin Lee Portfolio 2016

80 │ Sketch

21 電繪 - SAI

22,23 電繪 - SAI、PS21

22 23

Page 81: Meng Yin Lee Portfolio 2016

│ 81Illustration

24 電繪 - CLIP STUDIO PAINT

25,26 電繪 - SAI

2425 26

Page 82: Meng Yin Lee Portfolio 2016

Photography

82 │ Photography

Page 83: Meng Yin Lee Portfolio 2016

Photography

│ 83Photography

Page 84: Meng Yin Lee Portfolio 2016

84 │ Photography

Page 85: Meng Yin Lee Portfolio 2016

│ 85Photography

Page 86: Meng Yin Lee Portfolio 2016

86 │ Photography

Page 87: Meng Yin Lee Portfolio 2016

│ 87Photography

Page 88: Meng Yin Lee Portfolio 2016

88 │ Photography

Page 89: Meng Yin Lee Portfolio 2016

│ 89Photography

Page 90: Meng Yin Lee Portfolio 2016

Meng Yin, Lee+886 975 129 703

[email protected]