Hello, Design Collection Jia-Haun’s Design
李 佳軒 Li,Jia-Xuan
聯絡方式 fankies@hotmail.com
學歷 二技 - 台南科技大學 視覺傳達設計系 2008.09 - 2010.06 五專 - 台南科技大學 視覺傳達設計系 2003.09 - 2008.06
專長 擅長工具: Photoshop、Illustrator、InDesign、Xmind、VSCode、Sublime Text、Sketch、Balsamiq、Protopie、Marvel 工作技能: UI flow、心智圖、Wireframe、UI/UX設計、產品包裝設計、平面設計、 網頁設計、網站地圖、JavaScript、jQuery、HTML5 線上看作品 證照:丙級廣告證照
經歷 2015.05 - 2018.5 健耀生技有限公司 - 品牌規劃設計專員 工作內容:門市視覺活動規劃設計、品牌活動廣告規畫設計、新品包裝設計 工作特色與學習:台中辦公室工作,遠端與台北總公司做設計聯繫與規劃,在 此工作也學習到統籌能力
2013.08 - 2014.03 捷司特國際股份有限公司 - 品牌設計專員 工作內容:商品修圖、網頁banner設計、商品簡體化、海報設計、DM設計 工作特色與學習:與大陸負責人做接洽,接觸到了之前不會去使用的通訊以及內 地喜歡的設計方向
2011.12 - 2013.03 傳動數位有限公司 - 平面設計組長 工作內容:人物修圖、書籍編冊、邀情卡設計 工作特色與學習:規劃小組設計案工作進度以及協助組員工作問題
2010.6 - 2011.11 鑫記珠寶 - 平面設計人員 工作內容:拍攝店內鑽戒商品與修圖、門市商品展示設計 工作特色與學習:除了拍照、設計也需要接洽客人,學習到鑽石相關常識
UI App介面 設計-Jab ba 到餐廳抽籤了,卻沒有提醒功能,好麻煩。 大家一起共看一份菜單等好久... 嘿!我們聽到你的心聲囉!就讓我們來開發好用的App讓你的生活更簡單!
使用軟體: Photoshop、Illustrator、Xmind、 Sketch、Balsamiq、Marvel、Protopie 規劃: 心智圖、架構圖、UI Flow、Wireframe、 人物誌、SWOT
掃描看完整ppt
Funtional Map
UI Flow
Sketch手繪草稿
Wireframe
設計規範
中文-蘋方-繁 #FFFF00 R255 G222
#FFA000 R255 G160
英文-Arial Jabaa
12pt
Jabaa
14pt
Jabaa
18pt
Jabaa
21pt
Jabaa
28pt
LOGO
登入與引導頁
=
+
>
>
首頁
這裡可以看到美食的 分類,如果沒有看到 自己喜歡的可以到右 上角的搜尋去尋找。
菜單與評論
Mockup
1.提醒頁面
1
2.登入頁面 3.主畫面
2 3 4
4.菜單以及評論
marvel 線上玩
網頁設計 設計理念 將醫美品牌與專業結合在一起,希望來到這個頁面的人就可以清楚的知道品 牌的由來以及規劃,也可以安心購物 品牌官網設計、程式撰寫、宣傳海報設計
使用軟體: Photoshop、Illustrator VScode、RWD
手機版
網站規劃: 網站地圖、心智圖、Wireframe
網頁版
掃描看官網
網頁設計 設計理念 我們覺得市面上有些電影院的官網在使用上並不是那麼的順暢,有些功能的 使用也不是很清楚,所以我們決定做一個一般人都可以輕易上手的網頁跟手 機版的設計 主要負責內容 整體美術設計、整體資料整合、網站地圖、程式設計溝通、Wireframe
使用軟體: Photoshop、Illustrator
現正熱映 即將上映 線上訂票 關於我們
一袋彈珠 A Bag of Marbles 2018-07-20
1小時53分
發行公司:捷傑電影 導演:克里斯欽杜給(Christian Duguay) 演員:派屈克布瑞爾(Patrick Bruel) 、 艾莎齊柏斯汀(Elsa Zylberstein) 、 凱夫亞當斯(Kev Adams) 、 希澤多柏伊(Cesar Domboy) 電影劇情介紹 改編自真人真事暢銷小說,1941年,10歲的喬瑟夫和哥哥莫里斯在幸福的 理髮店家庭中成長,每天期待著下課後的玩樂時光...
更多資訊
現正熱映
搶先看
立即訂票
現正熱映
一袋彈珠 2018/07/20
掃描看官網
1小時53分
發行公司:捷傑電影 導演:克里斯欽杜給(Christian Duguay) 演員:派屈克布瑞爾(Patrick Bruel) 、 艾莎齊柏斯汀(Elsa Zylberstein) 、 凱夫亞當斯(Kev Adams) 、 希澤多柏伊 (Cesar Domboy) 電影劇情介紹 改編自真人真事暢銷小說,1941年,10歲的喬瑟夫和哥哥 莫里斯...
更多資訊
搶先看
立即訂票
電腦版
手機版
Wireframe 手繪
網頁規範與溝 通
1.網站規範 2.與程式人員溝通
1
2
1
2
3
平面設計 餐飲名片設計、mockup呈現
使用軟體: Illustrator、Photoshop 設計理念: 傳統小吃大多並不會有優化的設計以及 網站,所以我將大腸包小腸的”行動餐 車”圖像化為真的餐車當作LOGO,增加 顧客對”餐車”的特色印象,改變整體 色彩顛覆大眾對於傳統美食的想法。
厚牛皮紙
平面設計 手工具名片設計、mockup呈現
使用軟體: Illustrator、Photoshop 設計理念: 以手工具公司為發想,製作常用尺寸
0
1
2
3
4
5
6
7
8
的六角板手,增加名片實用性與趣味 性,QRcode也提醒顧客有其他工具可
手 工 具 專 門 店
以購買。名片使用特殊厚鋼材做六角 裁切以及防止劃傷的導角。 mm
m
15
8m
手工具專門店
店
官方 網站
長
李大人
0908-123-456 (04)1234-5678 台中市西屯區永福路168號
mm
10
厚鋼材做六角裁切 防止劃傷導角
未來世界 場景 使用軟體:Photoshop
以奇幻為主題發想設計的未來 世界場景
1.跳卡、貼紙設計 1
2
3
2.DM設計 3.封面、雜誌廣告DM設計 4.摺頁DM設計
4
5
5.燈片設計
平面設計 使用軟體:Illustrator、Photoshop
網頁Ban ner設計 使用軟體:Photoshop
門市活動 門貼設計 使用軟體:Illustrator
T HA NKS