Hello !
Lindy Wei 魏 采琳 1992 / 01 / 24 +886 933591162 allnew0124@gmail.com
2010 鶯歌高職 美工科 畢業 2012 2013 DESIGNBURG 兆吉設計
實習
2014 明志科技大學 工業設計系 畢業 2014 2016 XD design Industrial Designer
Alive! and always be honest Sincere ! and keep going on
在求學時期因為美工科背景的驅 使，對於立體創作有龐大的興趣， 進入大學後選擇工業設計系，然而 進入工業設計系後我仍然未放棄對 平面設計的經營，所以在為期一年 的實習之中我在兆吉設計擔任設計 助理，協助許多品牌相關的影像及 平面視覺。 畢業後進入 XD Design，儘管職位 歸屬是工業設計師，但經歷了一些 平面設計和介面設計相關的案子 後，慢慢的在每個不同的設計案中 了解自己，漸漸地認為介面設計和 平面設計是我想要繼續前進下去的 方向。 比起熱情我認為是渴望的心情在驅 使我前進，工作之後了解自己對於 研究與分析人們的行為和想法十分 渴望，相信自己的工業設計背景對 於執行介面設計與平面設計上上有 一定程度幫助，也期許自己能進入 此領域努力且持續前進。
ViewSonic NEW OSD PROJECT
01
GOODZ2 MUSIC APP CONCEPT
19
GOODZ2 WEBSITE PLANNING
33
PACKAGE DESIGN
43
01. GOODZ2 02. KSP
CROCODIL 防蚊網片
55
ViewSonic NEW OSD PROJECT Viewsonic 2015 / Sep - 2016 / Feb With XD design team
Research
Preview
Flow
UI kit
因保密關係緣故此專案畫面皆為模糊處理
03
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
04
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
05
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
06
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
07
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
08
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
09
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
10
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
11
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
12
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
13
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
14
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
15
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
16
Research
Preview
Design Point
UI kit
因保密關係緣故此專案畫面皆為模糊處理
ViewSonic NEW OSD PROJECT
理，若能有面試機會將親自帶檔案說明。
18
GOODZ2 MUSIC APP CONCEPT GOODZ2 - CITD Project 2015 / Apr
GOODZ2 CIS
Research
Preview
21
Flow
C:50 Y:100 K:50
#8EC31E
#9F9FA0
R:91 G:197
R:159 G:159 B:159
#FEFEFE
Our TA will be youthful. For the young and young at heart. The majority, but not all, of our product lines will be geared for the under 30 age group.Designs and image have to be: ALIVE! / APPEALING! / STAND UP AND OUT! / HAVE CHARACTER!
22
Research
GOODZ2 CIS
Preview
Flow
在我們的 TA 中作抽樣問卷 「會在自己的行動裝置中使 用何種音樂相關的程式 ,APP, 或相關功能 ?」而得出以下 四種分類。
裝置內的內建撥放器 多數的智慧型裝置使用者會使用裝置內本身的撥放系統進行自己的音樂清單統整 (e.x. iTunes )
線上撥放器 另一大部分智慧型裝置使用者會使用現在的盛行的線上串流音樂網站聆聽音樂而 現在線上串流音樂服務也是重要趨勢，許多大廠也紛紛投入此領域 (e.x. Spotify, APPLE MUSIC...etc)
廣播 另外有接近半數的使用者會使用聽廣播，而現在也有許多廣播電台會製作專屬的 APP
其他 小部分的使用者在裝置內會使用音樂小工具，而其中有紓壓音樂或一些節拍器等 工具類的 APP
23
GOODZ2 MUSIC APP CONCEPT
研究了多款相關 APP 的功能的共同特色和功能，並且了解我們的使用者族 群對於音樂 APP 的需求發現，年輕的使用族群除了對於基本的音樂撥放需 求外，對於有創造性或是製作性的 APP 展現的更大的興趣，另外 GOODZ2 對於自身產品希望給予人音質上的高質感和兼具自我風格與獨特產品辨識 性，故我們歸納出下列四種 APP 種類作為 GOODZ2 APP 的四大走向。
1
MUSIC TRACK
沿用一般智慧型裝置都會有的音樂清單功能，透過更簡化的介面可供提 供使用者的不同的體驗。
2
RADIO
透過直覺的介面設定，讓使用者能快速且準確地選擇到自己想要的電台。
3
EQ MODE
EQ Mode 可讓使用者自行調整音樂的各項指數，可讓使用者享受調音的 樂趣。
4
MOOD MAKER
Mood Maker 是一款提供無版權節奏音樂讓使用者自行組合各種節拍，使 用者能擁有個人化的音樂片段可供各種運動或情境使用。
24
GOODZ2 CIS
Research
Preview
25
Flow
GOODZ2 MUSIC APP CONCEPT
26
GOODZ2 CIS
Research
Preview
27
Flow
GOODZ2 MUSIC APP CONCEPT
28
GOODZ2 CIS
Research
Preview
29
Flow
GOODZ2 MUSIC APP CONCEPT
30
Research
GOODZ2 CIS
Preview
將使用步驟簡化為單層 兩個畫面，將下方隱藏選 單打開便可搜尋或點選 想要的電台，上方畫面則 維持台數說明和暫停或 播放。
31
Flow
GOODZ2 MUSIC APP CONCEPT 點入起始畫面的資料夾 icon 進入總資料夾可點選 過去儲存的檔案。
點選該情境後會進入該情
此為新增畫面，利用點選
境的總資料夾點選 (+) 便
使不同音訊結合，讓使用
可增加新檔案
者調和屬於自己的客製化 音樂。
如 同 Mood Maker 功 能，
進入新增畫面後按下輸
進入時的第一個畫面為總
入 鍵，挑選想要編輯的
資料夾，按下加號便可新
檔案調整下方各指數即可
增檔案。
32
此為輸入的選擇畫面
GOODZ2 WEBSITE PLANNING GOODZ2 2015 / DEC With XD design team, Survision Intermedia
Research
Flow
Wireframe
DESIGN TRENDS
- 響應式網站 Responsive Web Design - 一頁式網頁 One-page Web Desig ，讓人專心理解訊息 - 固定式選單 + 隱藏式主選單讓使用者控制性，不易迷路 - 利用捲動取代點擊 - 小動畫 Motion design
35
GOODZ2 WEBSITE PLANNING
BRIEF 1. 整體網站架構與版型簡單俐落 2. 多以大圖面視覺傳達品牌形象 3. 動效簡單、直覺
REFERENCE 整體視覺風格
內部元素
1. Hidden Menu icon 2. Side Map 3. Ghost Button 4. Big Menu list (Product list by photo )
36
Research
Flow
Wireframe
此為完整的網站地圖，用以檢測使用者 是否會在網站內迷路，而需要找的資訊 是否都能在一到兩層之內選取到。
Hidden Menu 內的所有項目 與 Site Map 相同。 在首頁的 ISSUE 可隨時更換，且 配合連接到該頁面。
37
GOODZ2 WEBSITE PLANNING
38
Research
Flow
Wireframe
39
GOODZ2 WEBSITE PLANNING
在完整的網站地圖確認好後，作為視覺設計師和後端工 程師之間的銜接角色，在基於原本的設計原則下，製作 了 Wireframe 並同時與視覺設計師和工程師討論是否有 程式編寫上的困難，或視覺上可以有何更加的優化 ( 此 頁為網頁版的 Wireframe)。 另外因為是製作 RWD 網站故在不同裝置下的 Wireframe 也要一併的考量與設計 ( 如下頁 )。
40
41
GOODZ2 WEBSITE PLANNING
42
PACKAGE DESIGN KSP / GOODZ2 With XD design team
Rreview
detail
45
PACKAGE DESIGN
01. GOODZ2 all product series package 在 GOODZ2 品牌形象之中，希望給人強烈、亮眼、 簡單的印象。故在整體包裝上我們希望不同的產品 品項能用不同的特殊色作為代表。 故在包裝箱和紙袋等沒有與產品連結的物件，在印 刷上主要使用白色和品牌標準色設計與排版。 而在產品包裝上，想要表現「讓產品說話、主角是 產品」的訊息給使用者。故我們包裝的整體設計上 希望像一個展示箱，產品視覺上讓使用者感覺產品 漂浮在包裝盒中，表現活潑感。另外盒蓋上使用了 透明材質讓人對產品一目了然進而對產品產生信 任，搭配白色印刷底部襯上該產品的代表色，整體 設計予使用者強烈但簡單的視覺體驗。
46
Rreview
detail
47
PACKAGE DESIGN
48
Rreview
detail
Mock-up
49
PACKAGE DESIGN
在與生產商打樣溝通之中通過每一 次的樣品修正，檢驗包裝的材質、 顏色、尺寸、後果處理效果是否正 確。在一來一回的打樣和檢討之中 理解到細節的重樣性。
50
Rreview
detail
51
PACKAGE DESIGN
02. KSP Bluetooth Headphone Package KSP 期望能表現予使用者強烈的視覺形象，另因 為此款耳機為 KSP 品牌的第一推出的產品，故希 望能在此產品的包裝上多多展現出 KSP 的 CIS 視 覺符號，故整體設計上，我們使用 KSP LOGO 中 的三角形符號與其標準色，為此款包裝設計增加 品牌連結和視覺上的強烈感。 三面切角透明材質的設計，讓產品在貨架上能完 整的展現出使用中的模樣。
52
Rreview
detail
53
PACKAGE DESIGN
54
CROCODIL 防蚊網片 CROCODIL 2015 / APR With XD design team
Research
Package
Product
因保密關係緣故此專案畫面皆為模糊處理
57
CROCODIL 防蚊網片
理，若能有面試機會將親自帶檔案說明。
58
Research
Product
Package
因保密關係緣故此專案畫面皆為模糊處理
59
CROCODIL 防蚊網片
理，若能有面試機會將親自帶檔案說明。
60
Research
Product
Package
因保密關係緣故此專案畫面皆為模糊處理
61
CROCODIL 防蚊網片
理，若能有面試機會將親自帶檔案說明。
62
THANK YOU !