Portfolio 2017

Page 1


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



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.