Xavier Lee
PORTFOLIO 2 0 1 0-20 15
Xavier Lee
PORTFOLIO 2 0 1 0-20 15
PERSONAL DATA
ABOUT ME
李昱緯 Xavier Lee
+886-97 1 221 6 6 1
EDUCATION 亞洲大學 設計學院 | 視覺傳達設計
EXPERIENCE ．Flash Catalyst 教學講義製作
．集集山蕉主題展覽-蕉集集合
WORK ．泓順展會服務股份有限公司 -專案設計師 ．PEGAVISION晶碩光學 -助理管理師(設計)
CONTENTS 2011
-LESSON-
．廣告行銷 ．數位影像
2012
-LESSON-
．網頁設計 ．電腦繪圖
2014
-WORK-
．泓順展會展場作品
-LESSON-
2011
．廣告設計 ．形象設計 ．視覺傳達
-LESSON-
2012
．影音設計 ．FC教材編制
-WORK-
2015
．PEGAVISION作品
2011 -LESSON-
廣告行銷
作品主題
咖啡廣告
使用工具
PS AI
設計概念
以復古、典雅且高尚的風格詮釋咖啡的品質與價值
設計特色
使用單一色系的色調詮釋商品的沉穩內斂，強化商品價值
作品主題
創意手機廣告
使用工具
AI PS
設計概念
用誇大的手法打響商品的知名度
設計特色
使用ET、UFO、巨石像來增添畫面的神祕度 ，藉以強調商品的高科技和不可思議
作品主題
序
使用工具
PS AI
設計概念
參考日本某動畫電影海報的風格， 做與其相反對稱的風格
設計特色
用文字點綴畫面，文字內容清晰的 表達了課堂互動與眾多教授的名言
數位影像
作品主題
創意字型表現
使用工具
AI PS
設計概念
用泛光的方式處理文字，表現現代感
設計特色
用光暈和泛光的手法裝飾字體，並將奇幻的要素融入其中
作品主題
Touch
使用工具
PS AI
設計概念
經典重現
設計特色
衛生疾病管制局的徵選海報，以過去知名的E.T畫面呼應觀，眾對此海報的印象和擴大張力
作品主題 Funny Face 使用工具 PS 設計概念 以鬼臉為主軸所擬定的活動形象海報和名片
2011 -LESSON-
廣告設計 作品主題
毒品防制宣導
使用工具
AI
設計概念
一目了然的icon表達
設計特色
將香菸與關機按鈕結合，配上強而有力的文案，加強宣導
作品主題
企業徵才廣告
使用工具
PS AI
設計概念
使用文字表達內涵與美術視覺
設計特色
用文字的組合，表達深富內涵的意象，在所有錯誤的文 句當中，脫穎而出的就是104的文案，紅色的逗點所代 表的又是另一個隱藏的意涵，逗點，是一個平凡且常見 的標點符號，雖然平凡，他卻不可或缺，他獨一無二， 他有著斷句和點綴的功能，相較於後面錯誤的文意和標 點符號，唯有『擺放在正確的位置』才能表達事物正確 的內涵。
形象設計
作品主題
海洋博物館LOGO徵選
使用工具
AI
設計概念
以坡浪作為意象表達海浪的意涵
作品主題
3D膠囊創意造型玩具
使用工具
AI PS
設計概念
使用像素風格結合積木，創造出多元化的組合玩具
品牌名稱
狄奧莊園 ( Dio Manor )
市場定位
企業家, 愛酒人士
品牌定位
以客為尊的至高等級, 品質無上的最佳酒選.
品牌個性
莊嚴、寬大
品牌願景
深植人心的紅酒品牌，形成一種文化成為全天下孩子的成年禮
品牌承諾
純天然人工製作、客製化酒瓶、傳遞神釀的美味
視覺傳達
作品主題
亞洲大學觀光導覽圖
使用工具
PS AI
設計概念
用簡單的色塊和icon清楚的導覽學校的觀光勝地
設計特色
用粉色的色調柔和畫面，並配上小巧可愛且一目了然的ICON點綴地圖 ，不分國界與人種皆可輕鬆閱讀
2012 -LESSON-
網頁設計
作品主題
3D蕉囊平面視覺網站
使用工具
AI PS DW
設計概念
有趣又藏有些許心機的小網站，讓讀者賞心悅目
設計特色
用現代感的字體和色塊區分類別，以及亂中有序的方塊為主體，引導讀著點閱
作品網址
http://snowcream.web.fc2.com/
電腦繪圖 作品主題 立體公仔設計-BOMBERMAN 使用工具 3DS MAX
作品主題 立體公仔設計-SONIC 使用工具 3DS MAX
2012 -LESSON-
影音設計
作品主題
Cross
使用工具
FL
設計概念
輕飄飄的音樂搭配生動的蜜蜂，帶領讀者穿越一幕一幕的花田與城市黑夜
作品主題
Destiny
使用工具
FL
設計概念
淺顯易懂的選擇式互動動畫
設計特色
詭譎的畫面風格配上高亢的音效與備感孤獨的鋼琴樂，營造出另類的故事氛圍
FC教 材 編 制
I
N
D
E
X
I
FC工具簡介
II
換頁+按鈕
III
特殊過場
IV
內文拖曳
I
FC工具簡介
I
FC工具簡介-File <檔案>
作品主題
FC教材電子書
使用工具
AI FC
設計概念
使用圖解搭配文字的說明讓讀者方便學習
設計特色
以不同顏色引導讀者動線，並將重點用紅字區分加強閱讀
I
FC工具簡介-States <場景>
I
FC工具簡介-View <檢視>
現在開始進入我們的課程，可點選範本瀏覽完成後的內容方便參考 請不要開錯Program 同學和老師會笑你一輩子
I
FC工具簡介-Edit <編輯>
I
FC工具簡介-Timelines <時間軸>
AI素材處理
860X420px
860X420px
860X420px
860X420px
貼上
全選 嵌入+群組
圖層2 為按鈕 圖層1 為背景
1.開稿頁面尺寸860Ｘ420px
3.製作4個按鈕（放在圖層2）（要記得尺寸 例如30Ｘ30px)
2.置入4張圖片（放在圖層1）全部圖片一定要群組
單張圖片尺寸為開稿尺寸
4.存成ai檔
圖片規格 jpg+RGB+72dpi+圖片要嵌入ai檔中
I
FC工具簡介-右側欄位
I
FC工具簡介-Help <救命>
FC互動設定
從AI或PS開啟檔案 圖層
元件庫
開新專案
開新專案
匯入AI檔
救救閃光催化劑
添加互動
關於閃光催化劑
背景顏色
I
FC工具簡介
I
複製場景 新增場景
FC工具簡介-Modify <修改>
工作區域設定
I
FC工具簡介-Windows <視窗>
FC換頁設定 1.點擊這裡來複製場景
排列 4.這裡可以拖動時間軸
對齊
工作面板
3.此為場景1 -> 場景2 的時間層
5.上述設定完成後 Shift+左鍵 從上至下全選時間層 並按下Smoonth transition
全選
2.逐個調整底圖的位置 場景尺寸為 860X420 故 場景2底圖的X軸要移動-860 以此類推
FC換頁設定
內文處理
完成
1.點擊這裡來複製場景
圖層路徑大概會是這裡
包括背景也可以移出場景
將內文全數拉開，這裡展開的程度就是你卷軸能捲到的範圍
完成
FC按鈕設定
FC換頁設定
請個別選取按鈕更改 不要一次選取四顆
當系統判定圖形為按鈕時，會出現的小方框。
添加互動 捲動區域 水平捲軸 垂直捲軸
選取按鈕圖像後 設定圖像的屬性為Button 此時系統才會認定他是顆按鈕
選擇場景1
未選取
2.逐個調整底圖的位置
滑過
按下
選取上下箭頭以及軌跡與按鈕，一共四個物件(可用shift+左鍵 連選) 點選垂直捲軸，讓系統知道這一整條是個滑動捲軸
禁用
雙擊按鈕後，介面上方會出現四個按鈕狀態，點擊你要更改的狀態。
場景尺寸為 860X420 故 場景2底圖的X軸要移動-860 以此類推
一般是更改Over & Down
完成．
FC換頁設定
內文處理
4.這裡可以拖動時間軸 I 進來後選取內文，並記得打勾 <重要>
3.此為場景1 -> 場景2 的時間層
II 打勾後，雙擊滑鼠左鍵點選內文 會看到左列系統預設的文字，將之刪除
AI素材處理
FC按鈕設定
正常 變暗 色彩增值 加深顏色
複製第一頁的場景
將Page5設為預設場景
變亮 濾色 加亮顏色 覆蓋 柔光 強光
使用幾何工具做出可以覆蓋按鈕大小的反應圖形
差異 排除 色相 飽和度 顏色 明度
若是不規則的按鈕，請直接在ai做反應後，可 以直接複製貼上
將按鈕移出場景 下方的時間調會自動產生該按鈕的時間軸
臣亮言：先帝創業未半，而中道崩殂； 今天下三分，益州疲敝，此誠危急存亡 之秋也。然侍衛之臣，不懈於內；忠志 之士，忘身於外者：蓋追先帝之殊遇， 欲報之於陛下也。誠宜開張聖聽，以光 先帝遺德，恢弘志士之氣；不宜妄自菲 薄，引喻失義，以塞忠諫之路也。宮中 府中，俱為一體；陟罰臧否，不宜異同 ：若有作奸犯科，及為忠善者，宜付有 司，論其刑賞，以昭陛下平明之治；不 宜偏私，使內外異法也。侍中、侍郎郭 攸之、費依、董允等，此皆良實，志慮 忠純，是以先帝簡拔以遺陛下：愚以為 宮中之事，事無大小，悉以咨之，然後 施行，必得裨補闕漏，有所廣益。將軍 向寵，性行淑均，曉暢軍事，試用之於 昔日，先帝稱之曰“能”，是以眾議舉
1.製作一個如左圖的內文拖曳區域 2.從符號找出網頁按鈕和橫條，拉出scoll bar (或是自己製作一個)
3.找到一串文章，其內文要多於底圖方框，如左下圖示 並將之縮於底圖內，如左圖 4.完成後將整個文字方塊複製到FL裡 (切勿將字體建立外框)
臣亮言：先帝創業未半，而中道崩殂； 今天下三分，益州疲敝，此誠危急存亡 之秋也。然侍衛之臣，不懈於內；忠志 之士，忘身於外者：蓋追先帝之殊遇， 欲報之於陛下也。誠宜開張聖聽，以光 先帝遺德，恢弘志士之氣；不宜妄自菲 薄，引喻失義，以塞忠諫之路也。宮中 府中，俱為一體；陟罰臧否，不宜異同 ：若有作奸犯科，及為忠善者，宜付有 司，論其刑賞，以昭陛下平明之治；不 宜偏私，使內外異法也。侍中、侍郎郭 攸之、費依、董允等，此皆良實，志慮 忠純，是以先帝簡拔以遺陛下：愚以為 宮中之事，事無大小，悉以咨之，然後 施行，必得裨補闕漏，有所廣益。將軍 向寵，性行淑均，曉暢軍事，試用之於 昔日，先帝稱之曰“能”，是以眾議舉 寵為督：愚以為營中之事，事無大小， 悉以咨之，必能使行陣和穆，優劣得所 也。親賢臣，遠小人，此先漢所以興隆 也；親小人，遠賢臣，此後漢所以傾頹 也。先帝在時，每與臣論此事，未嘗不 嘆息痛恨於桓、靈也！侍中、尚書、長 史、參軍，此悉貞亮死節之臣也，願陛 下親之、信之，則漢室之隆，可計日而 待也。
設定完畢後即可去場景測試
結束．
臣本布衣，躬耕南陽，苟全性命於亂世 ，不求聞達於諸侯。先帝不以臣卑鄙，
FC按鈕設定
Sample
Sample
捲動區域
更改完按鈕反應後，最後再添加互動
接著重新將底圖、內文、滑動捲軸選取起來，然後點選捲動區域
第一顆按鈕 選擇Page1 以此類推
接下來就可以調整按鈕進場的時間和先後順序
設定完畢後，進入內部進行細微設定
2014 -WORK-
WORK
展覽廠商
2014CYCLE-台灣扣具
使用工具
3DSMAX Design
設計概念
以企業色形象凸顯攤位主題，強調廠商產品的呈現
展覽廠商
2014Computex-格莉特
使用工具
3DSMAX Design
設計概念
以三角形高低差展櫃凸顯產品擺放，亮橘色的地毯提升攤位質感
展覽廠商
2014秋季旅展-大地酒店
使用工具
3DSMAX Design
設計概念
以大地色搭配木紋點綴廠商LOGO和色系
展覽廠商
2014秋季旅展-力麗哲園
使用工具
3DSMAX Design
設計概念
以黑白兩色襯托出攤位形象的典雅氣質
展覽廠商
2014SEMICON-並木精密寶石
使用工具
3DSMAX Design
設計概念
以線條和誇張地矩形強調攤位形象 ，以企業色為底色搭配白色鵝卵石 點綴產品擺放區的質感
展覽廠商
2014太陽能光電-新望
使用工具
3DSMAX Design
設計概念
沿用LOGO色系營造活潑又富有親和力 的攤位配色
2015 -WORK-
WORK
作品主題
市府轉運站門市開幕大圖-COMING SOON
使用工具
AI
設計概念
配合該門市形象，用視力表的符號來做聯想與變化
作品主題
威秀門市牆面主題廣告
使用工具
AI
設計概念
用調色盤的概念與彩片 相呼應，其繽紛的色彩 更能吸引路人的目光
官方網站視覺Banner
A4 DM A1 農曆春節紅包牆 作品主題
新款彩片主題形象-莓果
使用工具
AI
設計概念
以盛放的花果為主體，搭配slogan營造華麗的氛圍
官方網站產品形象頁面
作品主題
發燒活動網主題
使用工具
AI
設計概念
配合不同活動與節日所作的主題延伸
作品主題
復刻彩片主題形象-豹紋馬卡龍
使用工具
AI
設計概念
結合simple&colorful所設計出簡潔風格海報
作品主題
展場系統大圖形象(3D示意)
使用工具
AI
設計概念
延伸design guide再加以變化編排所營造的展場形象
CONTINUE
CONTINUE