To NADI 2020.12

Page 1


黃譯萱 YI - SHIUAN, HUANG 人生就是米奇妙妙屋!

Award

0963-507219

kingcat9317@gmail.com

kingcat9317

黃譯萱

#UI/UX

#IndustrialDesign

#ProgramingSkill

Education 2016 ~

台灣科技大學

主修 工業設計系 輔修 資訊工程系

#Illustration

2019 MOD 微電影暨金片子創作大賽 one of the script writers

#GamePlanning

#Coffee

2019 四校聯合遊戲大賽

responsible for visual communication design, and UI/UX design

2019 108年大專院校創意推廣環保集點徵選活動

Skill Design Tools

responsible for proposal and execute plan

Programming

C

2020 Schneider Go Green 2020 responsible for proposal, UI/UX design, and design graphic propaganda

2020 金屬創新應用競賽

responsible for design, graphic design, rendering, and model-making


Experience 2019.6 ~ 2019.10 || 2020.1 ~ 2020.3 杰悉科技有限公司 NADI SYSTEM CORP 圖像設計 \ APP提案報告 \ UIUX設計

執行兩個介面專案,負責使用者介面、使用者體驗、以及廠 商溝通提案

2020.2 ~ 2020.6

智慧亨通科技股份有限公司 AIG Gaming 圖像設計 \ 圖片美編 \ UIUX設計

Design and production of graphic propaganda. Photo Retoucher

執行超過10款遊戲,進行介面修整、圖像美化修飾

2017.1 ~ 2019.10

台灣科技大學 環境安全暨衛生保護處室

圖像設計 \ 文宣設計 \ 懶人包製作 \ DM製作

2020.7 ~ 2020.9

施耐德電機 Schneider Electric

圖像設計 \ 工業設計 \ 型錄製作 \ 資料庫統理 \ 專案管理 \ 客戶管理追蹤 Design and production of GUI, posters, catalog

與超過 200 名B2B客戶溝通,創造超過 15 個提案報價機會, 其中一案由亞洲區總經理親自跟進進度 負責全亞洲第二本服務產品型錄主視覺與編輯 執行工程部產品外觀之工業設計


目錄 介面

UI/UX

01 Bi-World

02 Let’s Work Up 03 畫中界

04 I Need U

P. 4

P. 5

P. 7 P. 9

P. 11

程式

Programming

01 P-Drawin 02 平面作品

其他

Others

01 WAY Logo

P. 14

P. 17

P. 20

P. 21

02 Unicode Studio

P. 22

P. 13


介面 UI/UX

4


01

Bi-World 2019.6~2019.9

許多使用者喜歡記錄自己的旅遊成績。紀錄除了能 夠給予使用者成就感,使他們繼續運動,也可以分享給 朋友,互相砥礪;增加他們騎車的動力。

獨力完成 5


主要功能 1.

2.

3.

留下照片與運動數值

胎壓偵測檢查

方便紀錄軌跡及對比進步

分享個人化的紀錄

使用流程

登入 開啟BiWorld,跳出 個人主頁畫面。

開啟藍芽 連接感測器 主頁提醒開啟藍芽 ,開啟以後自動匹 配連結過的感測器 。

偵測胎壓

開始騎乘

1. 胎壓不足時會 跳出打氣提醒。 2. 胎壓充足時,可 到腳踏車頁面,觀 看數值以及過往紀 錄。

放心上路!

上傳 拍攝照片

增加個人化 塗鴉、筆記

將此地拍攝的照片 釘選到地點上,直 覺化連結地點和照 片回憶。

1. 在照片下面新 增筆記、記錄下當 天心情。 2. 在照片上加上 塗鴉,留下文字無 法表達的感觸。

分享給朋友 1. 將當天照片、行 程分享給特定朋友 。 2. 開啟開放設定, 讓朋友可以隨意瀏 覽你的地圖。 也可設定隱私權。

6


02

Let’s Work Up 2018.9~2018.12

近年來養身與健身的觀念崛起,越來越多人進入健身房強健體魄。 然而如何維持大家對健身的熱情而非三分鐘熱度?又如何讓消費者可 以時刻關心、了解己身的健身狀況? 這是我們團隊討論與期望解決的核心問題。我們希望創造一套機 制,以APP的形式激勵與提醒消費著注意健康和持續運動。

UI/UX/策畫 7


主要功能 1.

2.

定期活動,

3.

分享交流、

領取獎勵

互相督促

4.

探索附近的人,

揪團運動、領特殊獎勵

提供地點,

分享心得與評分

使用流程

BMI 體脂

檢測身體

透過紀錄每周\每月身體 變化,來檢測跟更好的掌 控健康狀況。

運動

揪團運動、抑或是獨自運 動,來達成不同挑戰,累 積虛擬幣。

獲得虛擬幣

透過解鎖不同挑戰獲得。

超商換購

使用虛擬幣,與合作店家 換購優惠或商品。

換購民生用品 取得實質回饋。

8


03

畫中界 2019.9~2019.11

遊戲模式:

盤古離開後,三界的首領為了往後的和平,共同決議舉辦"修羅祭"。 各種族可以在祭典裡以和平的方式使用技能,武器相互切磋。 兩隊相互對決,最後留下的那隊獲勝。

四校聯合遊戲大賽 最佳視覺

UI/UX/策畫/角色設計 9


遊戲玩法 點擊角色進行移動,點擊攻擊方向施放絕招。利用快速移動的方式,配合指定移動方式(步法)來獲得魂珠以利攻擊;並且在閃 躲敵方攻擊時,根據不同魂珠數,發動不同方向(筆畫)的攻擊來擊殺敵人。 結合攻略與反應速度的遊戲。

由寶箱獲得道具 提升角色數值

攻擊敵人 享受擊殺快感

與同隊玩家團隊合作 獲得歸屬感

與敵對玩家競技 獲得成就感

10


04

I Need U 2019.3~2019.6

市場競爭日趨激烈,許多銷售人員利用人們不敢拒絕的心理,抓準 落單的消費者下手,藉由環境及心理手法等外在因素施加壓力,讓消費 者在不敢拒絕的狀況下消費。 App的設計出發點是:希望讓不擅長拒絕、與難以抵抗心理壓力的 消費者能夠找到方式離開銷售人員所設下的陷阱。

UI/UX/策畫 11


UI/UX/策畫

使用流程

使 用 者

1.

銷 售

遭遇銷售無法脫身

使 用 者

2.

使用INU

3.

介面視覺

主畫面以地圖方式呈現。將初始設定畫面範圍 定於100公尺內,讓整體畫面中的資訊盡量簡 化。 地圖頁底圖以2色漸層來展現,範圍外逐漸羽 化,凸顯主要資訊所呈現處。

其他使用者收到通知 前往協助

使 用 者

4.

使 用 者 銷 售

將受困使用者帶離 解決困境

5.

給予協助者 回饋與獎勵

主要配色 輔助色 功能表用色

12


程式

Program ming

13


01

P-Dra wIn 2018.9-2018.11

藉由曼陀羅與 填色畫的興起,可以 窺見人們想藉由自 己的手繪畫抒發,卻 害怕畫不好,需要有 人引導的心緒。 藉由開發簡單 的繪圖程式,讓使用 者可以畫出美麗又 有自己特色的圖畫。

獨力完成 14


競品分析

價值主張 無論會不會畫畫, 皆能享受繪畫的樂趣。

繪圖方便, 能夠輕鬆的畫出複雜 的圖畫。

體驗缺口

自由度低, 畫出來的圖缺乏個人 風格。 只能按照既定的格式 繪圖。 繪圖步驟麻煩。

需要擅長複雜的繪畫 技巧。 入門門檻高。

使用流程 滑鼠變快 筆刷變大

匯入參考文檔

選擇想要的模式

右鍵可清除畫錯的地方

開始畫圖

滑鼠變慢 筆刷變小 15


原圖

模式1

模式2

16


02

平面作 品 2018.9-2019.11

獨力完成 17


02

平面作 品 2018.9-2019.11

飛機線 飛機與線條會 隨時間延長,並且 每次打開程式時,飛機飛 出的數量與方向、速度接隨機決定。

聖誕節 利用重複單一 的形狀,並進行不 同角度的排列,賦 予不同 透明度與色彩,來 營造具有耶誕氣氛 的曼陀羅圖像。 18


02

平面作 品 2018.9-2019.11

準心位移 利用程式生成 槍口準心的感覺。 為了帶出狩獵時的 速度感跟緊張感,使用銳角三角形作 為圍繞準心的素材。並且讓邊緣快速 旋轉,帶處刺激的 速度感。 19


其他 Other

20


01

WAY

2020.4~2020.6

WAY WAY是一款致 力於AR導航以及協 助人們旅遊的APP。 核心理念是希 望使用者自由的去 到任何想去的地方。 21


02

Unico de Studi o 2020.11~2020.1 2

Unicode Studio 獨角碼 目前是一間新 創的工作室,幫助 客戶解決關於程序 的疑難雜症。 核心理念: 我們所創建的程式 像是獨角獸一樣特 別、充滿創新與創 意。 22


Tha nks . Yi-Shiua n, Huang

20


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.