2
3
chp. 1
Project
1. 粗活少女 Gungho Girl
6
2. Veg City 菜菜市民
12
3. 萬物曆
16
chp. 3
4
chp. 2
Film Design
9. APPMATE 廣告
37
10. 裙擺搖搖 男裙實驗影片
40
Graphic Design
4. 西門桔子商旅
22
5. 智園暑期實習
26
6. 金石為開 KNIART
28
7. 性別工作坊
30
8. OOPS 樂團創刊號
32
chp. 1
企劃包含了非常多設計項目,多為團體創作,也持續比較長的時間,需要 的技能更多元,每一個企劃希望連宣傳、展示等等細節都可以顧慮到!
粗活少女 誰說少女不能幹粗活!
菜菜市民 吃青菜!
萬物曆 感受節氣的變化
5
1 粗活少女 Gungho Girl 給少女的五金工具包裝。
設計理念 現今五金工具包裝的形象大多是粗獷、硬派、陽剛的,對許多人來說是相對不友善的。為了翻轉「做五金」這件 事的形象,粗活少女想要設計一款有少女心的五金工具包裝。全品項總共三個系列五十個不同的包裝:家用五金 工具系列、五金耗材系列以及撲滅害蟲系列,讓更多人可以開心地使用。
Packaging
Promotion Video
包裝設計
宣傳影片創作
Illustration
Website Design
插畫設計
網頁設計
Comic Creation 漫畫創作
設計手法 將五金工具與浪漫的少女漫畫兩樣截然不同的元素做結合,製 造趣味的衝突感。利用五金工具的造型與少女漫畫中的特色圖 像連結,設計出別出心裁的包裝形式。
8
設計細節 嘗試了許多不同的風格以及印刷方式。最終採用紙盒、紙板 以及塑膠泡殼的形式,在販售時方便呈列、吊掛。紙板的形 狀有別於市面上方正的形式,讓圓滑的曲線呈現浪漫感。印 刷運用具有美麗反光的雷射紙,以噴墨的方式疊加細節,讓 標誌以及邊框反映出絢麗的顏色。
9
10
11
2
Veg City 菜菜市民 水泥叢林中,需要綠意美化。 我們的身體,也需要蔬菜來維持健康!
菜菜市民計畫是在熙來攘往的信義區中,設置巨大的綠化 公共座椅,並切具備了傳達資訊的的功能。希望人們從看 到座椅後的驚奇,進而掃描 QR code 達到觀念的提醒,並 化為真實的行動。
Model Making 模型製作
Animation Design 動畫設計
Responsive Web Design 響應式網頁設計
13
問題點 根據我們的調查-在台北,有 70% 的人認為青菜量攝取不足。台北人太過於忙碌,而多選擇外食, 成為青菜攝取不足的主因。因為對於健康觀念的不重視,雖然已經發現問題點,卻沒有用行動去改善
1
2
3
4
使用情境 1. 在天橋上的人發現公共座位是巨大 QR code。 2. 好奇地拿出手機掃描。 3. 出現擴增實境,巨大的蔬菜從公共座位中生長出來。 4. 擴增實境結束,進入菜菜市民的網站,宣導吃蔬菜的重要與好處。
14
宣導網頁設計 從四周往下看,我們的裝置是一大型 QR code;從下方往上看,四 周的大樓貼著上面裝著 QR code 的盤子。兩者掃描之後,手機螢幕 裡分別會出現不同的「擴增實境」效果,真實場景與虛擬影像的即 時互動的科技,並搭配我們的宣導網站。點擊閱讀更多,頁面會往 下瀏覽。響應式網頁設計。
1
2
1. 菜菜市民宣導網站介面瀏覽。 2. 模擬行人掃描進入網站 後的場景。 3. 發表時,拿著菜菜市民的模型。
3
網址:http://chingwenqqq.github.io/circle24/#/circle-24
3 萬物曆 急欲擺脫總是使用電腦製圖而缺乏其他材質的創作。
班展 萬物曆 萬物曆的創作為複合媒材,包括 - 膠彩、羊毛氈、 黏土、紙板版畫、水彩、壓克力、色鉛筆、塑膠袋、 壓花、標本 ... 豐富的創作方式希望大家可以感受, 而 這 裡 的 作 品 更 可 以 用 手 去 感 覺, 希 望 大 家 體 會 二十四節氣蘊含的意義。
Copy Writing 文案撰寫
Design of Exhibition 展示設計
Material Art 材質創作 Website Design 網頁設計
1. 展覽現場,春季和夏季 2. 小暑 3. 冬至 4. 清明
1
2
3
5. 雨水 6. 立秋 7. 展覽現場,秋季和冬季。 網址:http://chingwenqqq.github.io/circle24/#/circle-24
4
5
6
7
17
1
2
3
觀展互動 班展的主題是:五感,除了視覺傳達之外,我們希望可以融入新的感官體驗。觀展的同時運用個種媒介讓觀者感受到季節的運行。 1. 可以用身體觸摸,感受四季遞嬗。 2. 翻看籤詩,猜想哪一種質感是屬於哪一種節氣 3. 用心感覺身邊的季節變化,創造自己的萬物曆。 4. 進入萬物曆的網站,揭曉每一幅作品是何種節氣,並暸解製作過程。
18
4
20
chp. 2
Graphic Design 包含了企業識別、網頁設計、書籍編輯等等。作品本身較為單一,也多為個人獨 立思考、完成的作品。
西門桔子商旅
性別工作坊
企業識別
便器調查懶人包
智園暑期實習
OOPS 樂團創刊號
網頁設計
雜誌編排
金石為開 包裝設計
21
Corporate Identity System
4
西門桔子商旅 Orange Hotel 成為旅行路途中的交會點。
西門桔子商旅標誌設計理念 取西門的英文發音「Ximen」首字 X 作為標誌造形發想開端,結 合旅行路途中的交會點之概念,象徵了旅客們來自四面八方都將 來到西門桔子商旅這個共同的地方。線條走向運用了錯視的設計 手法,象徵旅行與結識新朋友、事物的趣味。顏色上使用使用可 以連想到「桔子」的黃橘色為主,也帶出溫暖以及熱心的服務之 概念。
標誌及標準字直式排列 / 標準字單獨排列
標誌及標準字在不同背景色下之應用
22
標誌最小使用尺寸
輔助圖形
左圖:桔子商旅招牌 / 右圖:桔子商旅名片。
23
應用符號識別
樓梯
行李寄存處
充電插座區
行動上網
洗衣機
自助用餐區
女廁
男廁
2 1 3
1. 桔子商旅房間門牌。 2. 房間門牌近照。 3. 方向指示牌。
1
2
3
4
1. 餐廳廚櫃指示牌。 2. 文書用具。 3. 洗髮精和沐浴乳。 4. 馬克杯。
Website Design
5
智園暑期實習
實習經驗 智園公司是專門開發大學生學習管理系統的軟體公 司,我在大三的暑假,擔任 UI 設計實習生一職,在兩 個月內完成了兩個網站以及一本產品的使用說明書。 這次經驗除了增進自己的設計專業,最大的幫助是獲 得了在公司中與他人溝通、協調逐步完成任務的能力。
補助計畫網站 公司產品的補助計畫的介紹網站,詳細說明了申請的 流程以及各項補助方案等等。實習期間所架設的網站, 下載文件,提交申請
文件審查
到校諮詢,需求確認
1.傳真或mail申請文件。
1.申請文件之完整性。
1.需求暸解,提出方案。
2.預計使用評估確認。
2.確認服務項目,提供規格。
下載申請文件
Start
2~3 day
1
1~3 week
2
step
1~3 week
3
step
step
回訪,意見回饋
開通平台,教育訓練
簽訂合約
1.使用期間進行訪談。
1.申請文件之完整性。
1.服務細節雙方合意。
2.意見回饋,提升服務品質。
2.教育訓練,輔導人員使用。
2.保障雙方權利義務。
finish
2~3 month
6
step
看情況
5
step
下載申請文件
4
step
從設計到前端的程式編寫由我獨立完成,目前仍在線 上使用中。
MVP 計畫網站 智園公司希望可以與愛用公司產品的老師教授合作, 成為 MVP 的老師會有特別的專訪,在網站中呈現每位 教師的特色教學以及愛用的產品功能,達到宣傳的目 的,吸引可能的客群。目前網站仍在使用中,並且依 照我所編寫的程式持續新增 MVP 成員。
上圖:軟體使用說明書封面。 下圖:內頁。
27
Packaging
6
金石為開 KNIART 拔出石中之劍吧!在廚房裡展開一場冒險。
設計概念 將石中劍與菜刀包裝做結合,廚房的任務變得重大而有趣。內盒為結構精緻的多面 體紙盒,表現石頭的質感。將西方的傳說結合傳統東方水墨畫,讓人有新奇的感受。 不同的刀配合不同的皴法展現刀的切面與功能。
亞洲包裝設計競賽 台灣區金獎 亞洲 國際交流賞
7 性別工作坊 推動性別友善廁所計畫!
30
校內便器調察 懶人包 臺大性別工作坊致力於推動校園內的性別友善廁所計畫。除了積極向校方 要求硬體設施的完備之外,向學生方推廣性別友善廁所的概念、破除迷思 與謠言也是最大的努力方向。這個懶人包呈現男女廁馬桶數量的不平衡。 我為這個計畫繪製了一些插畫,解釋性別友善廁所的概念。
31
Editing
8
vol.001
試 May
刊
號 2014
OOPS 樂團創刊號 催化音浪 為了化解某種隔閡的方式。
設計理念
催化音浪 為了化解某種隔閡的方式
用音樂化解隔閡,不受拘束的搖滾精神。希望在有限 的頁面中將每一個團員的特色放到最大,去除飽和度, 疊上一種專屬於自己的色彩,創造出個性,以潑墨的 效果做為點綴。 排版上希望顏色和文字的方塊的堆砌 可以有所突破而不顯凌亂的自我風格。
https://www.facebook.com/oopsband777
33
1
2
Organic coffee
3
4
34
5
6
7
8
9
1. 筠景山莊,有機咖啡包裝標識與標準字。 2. 金石為開。刀體,菜刀包裝標準字嘗試。 3. 硬派少女, 字形嘗試。 4. 鞋協,手作皮鞋網站標準字。 5. 凡爾賽螺絲,標準字嘗試。6. 金石為開,菜刀包裝標準 字嘗試。7. 白日依山盡 黃河入海流。閃亮亮體創作。 8. 便器調查,懶人包封面字形。 9. 帝江刑天。
35
chp. 3
Film Design Appmate 廣告設計 定格動畫
裙擺搖搖 男裙計畫 實驗影片拍攝
Advertisment
9
APPMATE 廣告 美好的事物連機器人都會發自內心的感動
廣告概念 APPMATE 是一家開發就算不會寫程式也可以設計出自己的 APP 的公司,APP 主要的形式是行銷,目標客群為 設計師或是老闆想要有平台可以販售自己的東西,比較年輕化。 我們策劃的廣告主軸:一個想要買愛心的機器人,處處碰壁,大家都覺得機器人只需要零件,不需要會跳的心, 但他進入了 APPMATE 工廠,製作了自己的 APP,並成功找到了缺了心的機器人。表示著美好的事物連機器人 都會發自內心的感動。動畫製作手法是使用定格動畫,拍了 2305 張照片,最後成為了一分四十五秒的廣告影片。
37
配色嘗試 以比較明清色系的艷色去配色,希望可以抓住人們的目光,廣告中總共 會出現三隻機器人,各配與不同的顏色表達其角色與個性。
38
39
Street Experiment
10
裙擺搖搖 男裙實驗影片 在這樣多元化的社會,我們選擇的服裝就是為了展現自我。
大家都可以穿自己想穿、覺得漂亮的衣服。而不是被男女之間的刻板印象所困擾。 男生穿裙子很奇怪?裙子是屬於女生的?是不是有些設計本身就帶著成見呢? 男裙體驗活動,以實驗影片的方式拍攝。我們邀請到兩位想穿裙子的男孩來為我們 拍攝這部影片,請他們跟路人互動,並拍下大家的反應,再進行訪問。
40
41