Design Experience
設計接案 ： 商品介紹圖排版設計 2020 - 2021
+ 整理商品特點 、 文案 、 找照片素材
+ 照片修圖或去背 、 介紹圖或 DM 排版設計
網頁設計助理 威亞創意設計 , 台中 , 2018 / 12 - 2019 / 10
+ 排版設計網站內頁 ， 符合首頁和整體風格
+ 處理素材 ： 照片修圖 、 去背 、 調整 ICON
+ 整理與上架網頁資料 、 調整基本 Html&CSS
+ 設計型錄封面與內頁版型
策展 《 WATA! 你很會 》 畢業製作 第 37 屆新一代設計展 , 2018
+ 掌控製作進度 ， 紀錄開會重點 ， 並經營粉絲專頁 ， 規劃發文時程與文案發想
+ 載體配色 、 影像拍攝與處理
+ 依照展示重點 、 需求進行展場設計
+ 入圍放視大賞平面類
美編實習生 中華民國對外貿易發展協會 , 遠端 , 2017 / 06 - 2018 / 03
+ 設計方向資料搜集及分析
+ 與廠商溝通與討論
+ 產品去背與修圖
+ 製作產品介紹圖
Social Experience
網拍人員 ： 點貨 / 出貨 / 客服 小丸童嬰幼兒童裝 , 台中 , 2020 / 03 - NOW
+ 點貨入庫存 、 統計叫貨數量 、 撿貨出貨
+ 整燙衣服 、 擺放貨物 、 維持環境整潔 + 直播時協助上架商品與收單 、 解決客人即時問題 、 臉書粉專的客服回覆
暑期門市工讀 美廉社 / 樂事漢堡 , 台中 , 2014 & 2016
+ 顧客接待與需求服務 ： 櫃檯收銀 、 協助找尋商品 、 送餐與收桌
+ 商品陳列與整理 、 飲品調製 、 維持店內環境整潔
北商大懸著彈吉他社 創社社長 2014 / 12 - 2016 / 01
+ 促使社團運作 ： 尋找適合師資 、 設立社團規範 、 爭取校內資源並增購必要設備
+ 掌握社員學習狀況 ： 與老師討論合適的教學模式 ， 建立社員信心
+ 活動策劃 ： 活動發想與規劃 、 宣傳與執行
05
#Graphic
#001
Works
0811 WATA! 你很會 WATA!You're Awesome 1619 標誌 / 字體設計及相關設計 Logotype & Other Design 1215 商品介紹圖設計 Product Layout Design
WATA! 你很會
WATA! You’re Awesome
/ 臺灣阿美族月曆設計 / 團隊成員 ： 藍子昀 、 王詩庭 、 蘇汨崙 、 曾懿萱 / 負責項目 ： 畢製進度規劃 、 載體排版與配色 、 載體內容 整理 、 載體照片拍攝 、 影像處理 、 展場設計 、 粉專經營 開會紀錄 & 會後整理 08 #001 Graphic Works
用月曆走進阿美族的現代日常 。
選用貼近生活的月曆 ， 看似只有看日期的功能 ， 其實還記載著各族群
長久累積的文化 ， 是一種需要時間或意義才能形成的節慶 ， 可說是看
似簡單卻有著深遠的情感 。
期盼大家可以認識阿美族的另外一面 ， 不只認識傳統節慶 ， 還能了解
最貼近他們生活的樣貌 ， 打破你對阿美族的既有印象 。
/ 入圍
放視大賞平面類
| 創作介紹 | 09 掛曆 、 桌曆 、 貼紙 、 明信片 、 羅馬拼音表 | 所有載體 |
WATA 阿美族語表示讚嘆或訝異的感 嘆詞 ，「 哇 ！」 的意思 。
你很會 部落裡的中文流行用語 ， 帶點 幽默 、 風趣來稱讚他人 。
| 六款精選掛曆 & 設計理念 | #001 Graphic Works
配色從族服上鮮豔強烈的配飾做發想 ， 插畫外框模擬早期服飾製料 樹 皮的感覺 ， 用不規則不塗滿填色 ， 表現阿美族不被框架所侷限 ， 最後再
結合現代呈現手法 ，
排出視覺上具有張力的排版 。 裝幀上使用手工縫製
模擬出阿美族圖騰 ， 且每個月選用不同的紙材 。
10
11 | 展場規劃 |
商品介紹圖設計 - 精選 Product Layout Design
12 #001 Graphic Works
13
14 #001 Graphic Works / 設計項目 ： 照片修圖與調色 、 排版設計 ｜ 介紹 DM ｜
15
標誌設計 Logotype
16 #001 Graphic Works
水體設計 Font Design
17
有 夠 豬標誌及名片設計
Full Of Fortune Logo & Card Design
為一間專門販售石雕藝品的商家 ， 雖然石頭藝品都是不規則的 線條 ， 但石雕看過去都滿有份量 、 也需要精細的雕刻 ， 加上是 個藝術作品 ， 因此想呈現較有質感的字體 ， 選擇稍微粗點的筆 畫表示份量 ， 配上方正一點 、 橫豎不同寬的結構 、 並在轉彎處 帶點圓弧感 ， 表示雕刻中的曲線不一 、 有圓有稜 。
18
| 設計理念 |
W&L 婚禮標誌及影片製作 W&L Wedding's Logo & Video
業主希望用 「 W 、 L 、 ∞ 」 組成一個 LOGO 。 因為結婚後將成為 一家人 ， 一同分享人生中的喜怒哀樂 ， 密切的生活再一起 ， 所 以用一筆畫的感覺將三者合併在一起 ， 除了象徵他們兩人無限 的愛 ， 也說明他們將永遠一起扶持 。 由此為他們延伸一段標語 「 Wu & Lan Wedding, Love Forever 」
19
|
設計理念 | | 影片 |
#Web&UI
#002
DESIGN
2225 友達網站內頁編排 AUO Website 2627 貢茶網站內頁編排 Gong-Cha Website 2829 網站首頁提案 Index Proposal 3031 地圖與行程規劃 APP Map & Trip Planner
友達網站內頁編排
設計概念及挑戰 |
業主希望活潑一點去呈現原來較乏味的數據 ， 剛好在首頁 有個數據的分類對應到網站的大分類 ， 業主原先也有給予
分類的顏色 ，因此提議在每個分類頁面使用不同的主要色 。
整個案子最具挑戰的除了要尋找大量合適的情境照 ， 最花 心思的就是將大量數據圖表化 ， 且要多樣性 、 配合版面的
輕重編排 ， 雖有些圖表在 RWD 上並不是太合適 ， 但和業主
溝通後 ， 他們仍希望用這樣的方式呈現較為活潑 。
/ 負責項目 ： 內頁排版將近 100 頁 、 數據圖表化 & 簡單化 、
尋找合適情境照達 50 張 、 圖表動態製作
22
AUO Website #002 Web&UI Design
|
# 0068 B 7 # 00 A 4 B 4 #F 6 AB 00 # 00 B 8 D 4 #EB 6153 # 4 FB 233 #C 07700
* 此為任職於威亞設計時之設計
23
本網站架構共有三層 。
第一層皆為無頁面之分類 ， 第二層大部份皆
有頁面 ， 僅少部分有第三層的第二層無頁
面 ， 若第二層之頁面亦有第三層 ， 則會在該
頁面最底下有第三層的連結區塊 。
▼ 以下畫面即是第二層 ， 並在頁面下方有第
三層的連結區塊 。
24
#002 Web&UI Design
25
26 貢茶網站內頁編排 Gong-Cha Website #002 Web&UI Design #C 32032 # 6 CB 295 # 382 B 20 #A 2 CBE 2 #E 4 D 2 BC # 666666
* 此為任職於威亞設計時之設計
27
久駿首頁提案
Jiujun Index Proposal
雖然是賣醫療器材 ， 但對象主要為學校 ， 所以想用稍微
柔和一點方式呈現 ， 在區塊的分界
轉角多為圓弧狀的
* 此為任職於威亞設計時之提案
28
#002 Web&UI Design
、
。
設計理念 | #EDF 7 F 7 # 5 EB 6 BA # 3 B 8589 # 3 B 3 B 3 B #D 99900
和導圓角
|
穩態首頁提案
Wentai Index Proposal
* 此為任職於威亞設計時之提案 在大圖呈現出在遠端也能操控
29
、 明亮度等 。 | 設計理念 |
城市裡燈的開關
# 009 FD 6 #EAEAEA # 000000 # 00 E 2 FF
30
Monospace 1 2 16 2 10:00 - 22:00 4.8 Monospace 以 Google Map 為雛形去做設計 ， 但原先的行程規劃是分開 的 ， 且在 APP 上功能不完整 。 因此提出改善他們不能直接在地 標內加入行程 、 在行程規劃內不能直接點選清單項目跳至規劃 路線 、不能在 APP 上編輯備註等概念 ，以方便規劃行程 、出遊 。 | 設計理念 | #002 Web&UI Design # 623 CEA # 9379 F 1
地圖與行程規劃 APP Map & Trip Planner
① 搜尋地標 ② 直接加入行程
③ 更改圖示 、 顏色 ④ 加入簡述與照片
點擊地點簡述 ， 即可顯 示詳細介紹 、 評價及更 多相片 。
査看 、 編輯行程規劃清 單 ， 且可為清單更換大 頭貼 。
點擊清單 ， 看該行程所
有景點 ； 點擊景點 ， 看
資訊 、 簡述 ， 並規劃行
程 ； 點擊右上點點 ， 可
對清單景點進行編輯 ，
更換順序等 。
31
#PHOTOGRAPHY #003
3434 攝影 Photography 3537 影像處理 Photo Retouching
34
攝影 Photography
#004 Photography
影像處理 Photo Retouching
利用當事人其他張未閉眼的照片 ， 來對這張照片進行修圖成睜眼 的樣子 ， 並調整到自然的角度 ； 將當事人的雙下巴消除
35
| 人像修圖 | Before After
。
修圖前臉上有些雀斑 ，進行肌膚美化 、磨皮 ，
並保留肌膚紋理 、 血色 。
36
* 原圖 * 自然 | 人像美膚 |
將物件去除
