Pr ot f ol i o
+
WANGYUWEI
DESI GN PROTFOLI O
2016
-
2017
GRAPHI C & UI
Im 王宇薇 ( WANGYUWEI )agr aphi cdes i gner ,web/ appUI des i gnerf r om Tai wanl i vi ngi nTai pei .
Thi si st heoppor t uni t yt omeeteachot herandt os har et hat pas s i on,pl eas es eebel owmyl at es tpr oj ect sandf eelf r eet o cont actmeatanyt i mef oranyquer y.
Thei nf or mat i on,i mages ,and/ ordat acont ai nedi nt hebookar e copyr i ght edbyt hei rr es pect i veownerandmaynotbe
di s t r i but ed,modi fied,r epr oducedi nt hewhol eori npar t wi t houtpr i orper mi s s i onoft her es pect i veowner .
Gr aphi cDes i gn
UIDes i gn
Di gi t alI l l us t r at i on
-
Pos t er
-
DM
-
Pr i ntI l l us t r at i on
-
VIDes i gn
-
Medi aMar ket i ngAdver t i s i ng
-
App
-
Web
-
I con
-
Char act er
-
Ani mat i on
20122016
TaTungUni ver s i t y-Medi aDes i gn
2015
J.Wal t erThomps on - I nt er ns hi p
20162017
FunNowl t d.- Vi s ualDes i gner/UIDes i gner
Gr aphi cDes i gn - Pos t er
Out dooradver t i s i ngpos t er
此為張貼在公車站的 App廣告之海報設計，以1、3、9三個數字為
行銷口號，並與當地「139」號公車相符，吸引等待公車的民眾觀看 。 旨在強調消費者能以方便且快速的方式預訂多元的娛樂產業。
Gr aphi cDes i gn - Pos t er
Gr aphi cDes i gn - Pos t er
Ai r l es s
擁抱是一體兩面的。適當的擁抱 是關愛、是支持，但過度的擁抱 就會令人難以呼吸。
海報以多雙手及灰暗的色調，呈 現擁抱令人受傷、窒息之感。
Gr aphi cDes i gn - Pos t er
Gr aphi cDes i gn - Pos t er
xu/ 6h4零次
000037283
入場券
xu/ 6h4 J UNE12
12: 00-18: 00
台北市中山區 中山北路三段 40號
「x u/ 6零次」為一關於職涯分享的演 講活動，以鍵盤輸入「零次」二字時 未切換語言時顯示的亂碼為活動主題
。 即表示人生沒有一定的道路，偶有 迷茫，偶有意外意外才能成就未來的 甘醇。
0
000037283
Gr aphi cDes i gn - Pos t er
xu/ 6 h4
J UNE12
12: 00-18: 00
Gr aphi cDes i gn - VIDes i gn
VIDes i gn 「酶」是一種催化物質。
減緩反應速 在化學反應中，酶可以加快/ 率，也可以產生新的物質，而它在反應 過程中不被消耗，也不影響化學平衡。 一斤百元有找的葡萄，經由酶的發酵能 晉升身為香醇、昂貴的紅酒；酶的存在
=
酶
＋
人
寧靜、無形，卻又昇華了我們的世界。 取媒體設計的「媒」同音異字「酶」為 主題，正因我們如同「酶」催化這個世 界，將一切平凡而無趣的事物重組、創 新，進而豐富你我的生活。
Gr aphi cDes i gn - VIDes i gn
Gr aphi cDes i gn - I l l us t r at i on&Pr i nt
Des i gnpr ot f ol i o
靈感來自於一部由Ti m Bur t on執 導的文學改編電影《BI GFI SH》 ，電影中有段對大魚的描述
" Ther ear es omefis ht hatcan' t becaught .I t ' snott hatt hey' r e
bi ggerorf as t ert hent heot her fis h,t hey' r ej us tt ouchedby s omet hi ngex t r a. "
而我的不同在於我不斷的奮力前 進，因為我屬於天空。
Gr aphi cDes i gn - I l l us t r at i on&Pr i nt
Gr aphi cDes i gn - DM
Tai pei1DayTour
觀光客入住飯店時，經常花費許多時
間在櫃台辦理 checki n。 設計此 DM 的目的是希望將觀光客的等待時間， 轉換為行銷機會，藉由推薦一日遊行 程置入廣告商家，促使旅客於計畫性 消費外增加衝動性消費。
Gr aphi cDes i gn - Medi aAdver t i s i ng
FacebookAdver t i s i ng
專屬好康活動優惠詳情請見官網內
2017/ 10/ 092017/ 10/ 2
廣告受眾以2535歲之間上班族為主要 族群。 運用有效的畫面安排及精準的 行銷文字提升廣告觸及率。
Gr aphi cDes i gn - Medi aAdver t i s i ng
Googl ePl ayi mager es our ce
Gr aphi cDes i gn - Medi aAdver t i s i ng
圖片資源首重快速的資訊傳達，所以
必須簡納重點闡述優勢。 首先以分割 式圖像增強視覺焦點，並善用透視轉 觀眾換視角，再依據重要程度縮放畫
面，使重點突出。 此視覺效果較一般 直立式手機展示畫面，更有效提升點 擊率。
Or i gi nal
UIDes i gn - App
AppUIDes i gn
UIDes i gn - App
此為休閒娛樂晚鳥預訂 App介面設計 ，採用大量情境圖片帶領消費者進入 享樂氛圍，並清楚展示商品資訊，解 決消費者以往經由電話預訂，不清楚
消費注意事項的問題。 並且有效規劃 地圖介面，使消費者能快速尋找定位 周遭的店家。
UIDes i gn - App
Si gnupUIDes i gn Pr obl em
1.進入註冊頁面時流失用戶
l aunch
Vi ewPager
l ogi n/ s i gnup
2.資料搜集不全，以致於導入頁面失準。
Or i gi nalUIDes i gn
UIDes i gn - App
Sol ut i on
1.減少畫面中的填寫欄位，令使用 者產生快速填寫的想像。
2.填寫後立即反饋是否正確，縮短 用戶來回校正的時間。
3.註冊完畢後先導入首頁，並覆蓋 設定頁面，以產生已進入app主題 的感覺。
4.以使用者手機資訊預設選項，減 少不必要的設定時間。
New
UIDes i gn - Web
( RWD)WebUIDes i gn
UIDes i gn - Web
響應式網頁提供使用者經由不同裝置 媒介進入網頁，並能舒適的以適當的 版面大小閱讀文字及選購商品。
UIDes i gn - I con
I conDes i gn
於網頁及手持裝置應用程式建構系統
性I con，透過風格、線條、色彩及圓 角的一致性創造統一的視覺效果，並 簡化不必要的圖形，直接使觀者接收 系統需傳達的資訊。
Di gi t alI l l us t r at i on - Char act er
Char act erDes i gn
此為手機遊戲角色設計。 黑線搭配明 度與彩度較高的肉色膚質，襯托出狗 兒的肉感，並且都以誇張、趣味的造 型呈現狗兒的動作，增加玩家在遊戲 過程中愉悅的感受。
Di gi t alI l l us t r at i on - Ani mat i on
del et e 共同製作
王襄學 -動態設計/ 角色設計 李孟璇 -場景設計/ 分鏡腳本
王宇薇 -角色設計/ 周邊商品設計
Di gi t alI l l us t r at i on - Ani mat i on
原創動畫越來越普遍，劇情通常使用 單一支線：起、承、轉、合，來述說 一件事。
為追求與挑戰動畫的獨特性和實驗性 ，於是決定創作「體驗式動畫」。
以兩種極端的視角切入，加上2D動畫 可呈現多元的視覺藝術的優點，讓觀 眾對於劇情能夠有所選擇，並同時能 夠欣賞畫面的視覺衝擊。 此為動畫的設定本。
THANKYOU
Ver naWang +886975138321
anot her keep@gmai l . com
WangYuWei
+