楊晴雯 作品集

Page 1



我不要過順其自然的人生,希望我做的 一切都是我去爭取來的!成不成功那不重 要,重點是那是爭取的。

Issuu : https://issuu.com/ching-wenyang Github : https://github.com/chingwenqqq/ My personal website : http://chingwenqqq.github.io/#/design

1


Ching-Wen Yang about

楊晴雯 國立台灣藝術大學 視覺傳達設計系三年級

2


3


4


Content 1

專案設計

3

插畫 Life Sketchy

Veg City 菜菜市民

沒有朋友的阿皮

萬物曆

少女與他的多重人格小夥伴

2

機器人與小殭屍

平面視覺設計

向量繪圖

台藝大殭屍淪陷區 Icon 設計 匠藏工坊父親節卡片設計

4

影片動畫設計

台南小旅行雜誌設計 OOPS 樂團試刊號雜誌設計 Life Sketchy 展覽邀請卡

APPMATE 廣告 雞吃機小動畫

臺北捷運路線圖優化 202X 版 鞋協網站標誌設計

5


Program

Program

6


1 Veg city 菜菜市民 你今天吃蔬菜了嗎?

Creative Development 創意發想

Design Implementation 設計執行

Model Making 模型製作

Animation Design 動畫設計

Website Design

菜菜市民 You're what you eat. 在都市的水泥叢林中,需要綠意去美化。 而我們的身 體,也需要蔬菜來維持我們的健康! 菜菜市民計畫是在熙來攘往的信義區中,設置巨大的綠 化公共座椅,並切具備了傳達資訊的的功能。希望人們從看 到座椅後的驚奇,進而掃描 QR code 達到觀念的提醒,並 化為真實的行動。

網頁設計

Responsive Web Design 響應式網頁設計

Environment Identity System 環境識別設計

網址 http://chingwenqqq.github.io/vegetable/

7


Program Design

Problem 我們發現,在台北高達 70% 的人蔬菜攝取不足,最主要的原因,是生活忙碌 而「沒有意識到自己蔬菜攝取不足」,又或者是選擇食物的時候,因為「不夠重 視吃蔬菜的重要性」,所以下意識的總是選擇肉類或澱粉類的食品為主。因此, 針對「台北人對蔬菜重要性認知不足」,我們決定從「宣導吃蔬菜」這件事下手, 解決都市人蔬菜攝取不足的問題。我們的裝置包含下列三大概念: (一)街道傢俱 (二)魚菜共生 (三)宣導看板

8


街道傢俱 公共座椅 提取街道家俱的概念,希望藉此裝置,展現城市的性 格。取名為「Veg City」,也是期待將台北打造成一個充滿 蔬菜的健康城市。木質的座椅與如同城市水族箱一般的魚 缸,搭配草皮與磁磚的排列,同時兼具實用與美化的功能。

9


Program Design

Story Board

1. 在天橋上的人發現公共座位是巨大 QR code。 2. 好奇地拿出手機掃描。 3. 出現擴增實境,巨大的蔬菜從公共座位中生長出來。 4. 擴增實境結束,進入菜菜市民的網站,宣導吃蔬菜的重要與好處。

1. 一旁的高樓上竟然鑲著巨大盤子,盤子裡面也有 QR code。 2. 好奇地拿出手機掃描。 3. 出現擴增實境,盤子裡出現了美味的沙拉。 4. 擴增實境結束,進入菜菜市民的網站,宣導吃蔬菜的重要與好處。

10


魚菜共生原理 這裝置採用「魚菜共生」的原理種植蔬菜,不須太 多的人力介入。魚產生的廢水會成為蔬菜的養分,蔬菜 吸收淨化後的水,也會變成魚生存的水。透過這項魚與 菜互利共生的循環系統,向大眾簡介「生態循環」的概 念,也代表我們的身體也必須有綠意的循環。

乾淨的水 回到水槽。

魚產生便便。

植物吸收養 並淨化水質。

微生物以及細菌 分解便便成為可 以吸收的養。

11


Program Design

宣導 網頁設計 吃蔬菜的好處

從四周往下看,我們的裝置是一 大型 Qrcode;從下方往上看,四周的 大樓貼著上面裝著 Qrcode 的盤子。兩 者掃描之後,手機螢幕裡分別會出現不 同的「擴增實境」效果,真實場景與虛 擬影像的即時互動的科技,並搭配我們 的宣導網站。網頁內容依序為: 1. 問題點 2. 吃蔬菜的好處 3. 我們的設計 4. 設計原理魚菜共生 5. 菜菜據點 6. 團隊

閱讀更多

問題點

點擊閱讀更多,頁面會往下瀏覽。 響應式網頁設計。

我們的設計

12


網址 http://chingwenqqq.github.io/vegetable/


Program

14


2 萬物曆 讓我們用身體去感受四季的變化吧!

萬物曆 Copy Writing 文案撰寫

Design of Exhibition 展示設計

Material Art 材質創作

Website Design 網頁設計

我們班在大三上學期的時候自主性的策劃了班展。我們 希望可以有別於以往視傳系只著重在於視覺上的感受,在策 展時融入其他感官的體驗,或是將日常中特殊的感官體驗轉 換成為視覺的符號。同時也急欲擺脫總是使用電腦製圖而缺 乏其他材質的創作,希望可以加入實驗性要素,並將製作過 程以視傳設計的方式展現出來。 我與我的組員希望可以展現二十四節氣的季節變化,選 用了膠彩畫為主,創作了二十四張節氣質感,並邀請觀者使 用觸覺來感受。 網址 http://chingwenqqq.github.io/circle24/#/circle-24

15


Program Design

媒材 看似無差別的每一天,其實節氣 悄悄的在遞嬗,想把歲月留在紙上,每 次的物換星移,每次的日升日落 ... 萬 物曆的創作為複合媒材,使用包括 - 膠 彩、羊毛氈、黏土、紙板版畫、水彩、 壓克力、色鉛筆、塑膠袋、壓花、標 本 ... 豐富的創作方式希望大家可以感 受,而這裡的作品更可以用手去感覺, 希望大家體會二十四節氣蘊含的意義。

16


17


Program Design

籤詩 針對每一個節氣的特性,寫出籤 詩。也研究了傳統的習俗與農民曆,發 現農民曆如同算名告訴大家在各個節氣 適合做什麼事情,不適合做什麼事情。 所以發想成為籤詩,二十四節氣專屬。 並懸掛在展場中,觀展同時籤詩 同時就圍繞在四方,傳達著自然遞嬗無 所不在。並讓大家可以猜猜看那一首籤 詩是暑於那一張節氣創作的呢?

18


觀展互動 班展的主題是:五感,除了視覺傳達之外,我們希望可以融入新的感官體驗。 觀展的同時運用個種媒介讓觀者感受到季節的運行。 (壹)可以用身體觸摸,感受四季遞嬗。 (貳)翻看籤詩,猜想哪一種質感是屬於哪一種節氣 (參)用心感覺身邊的季節變化,創造自己的萬物曆。 (肆)進入萬物曆的網站,揭曉每一幅作品是何種節氣,並暸解製作過程。

19


Program Design

關於萬物曆

20

製作過程

觀展須知

春分

立夏

夏至

立秋

秋分

立冬

冬至

立春

清明

小滿

小暑

處暑

寒露

小雪

小寒

雨水

穀雨

芒種

大暑

白露

霜降

大雪

大寒

驚蟄


網站設計 網站主要呈現製作過程。一開始 分成三個部分: (壹)關於萬物曆 (貳)製作過程 (參)觀展須知 點進製作過程會出現象徵一年輪 迴的圓,節氣按照黃經角度在相對應的 位置上。當滑鼠移到按鈕上,中間的背 景圖像將會變成節氣的質感。 點進去之後,會有創作以及籤詩的 展示,並用 CSS 東華依序改變背景圖 像製作了作品逐步完成的 animation。 最後有步驟解說。

網址 http://chingwenqqq.github.io/circle24/#/circle-24

21


Graphic Design

Graphic Design

22


1 ICON 設計 在亂世中擁有玫瑰色的明天。

國立臺灣藝術大學 殭屍淪陷區 National Taiwan University of ART 國立台灣藝術大學殭屍淪陷區 ICON 設計 當自己的學校被殭屍病毒攻陷,我們需要只有人類看得懂 的 ICON 來加強紀律與團隊合作,整體設計由明清色系組成,讓 你在亂世中,依舊有開朗的每一天!

23


Graphic Design

ICON 詳細說明

24


位置分佈 台藝大地圖

25


Graphic Design

2 匠藏工坊父親節卡片設計 父親節活動企劃

Copy Writing 文案撰寫

Commercial Photography 商業攝影

Facebook 粉專經營

主題:你是我的靠山 爸爸是一座大山,撐起我們的天空, 風吹雨淋天搖地動,依舊屹立。

主題:你的領結,是我的蝴蝶結 你的鋼筆,是我的畫筆。你的襯衫,是我的百變禮服。 你的東西就是我的東西。你的愛也全部都是我的!

主題:尋找跟爸爸一樣的鬍子

Card Design

山羊鬍、絡腮鬍、翹翹鬍、刺刺鬍、八字鬍…

卡片設計

我想擁有跟您一樣的鬍子,因為我要成為最強的人 而您是我心中最強大、我最憧憬的男子漢 !

26


27


Graphic Design

3 台南小旅行 來去台南說走就走

Copy Writing 文案撰寫

Magazine Layout Design 雜誌排版設計

Travel 旅行

28


台南小旅行 來去台南說走就走!是一個小小的台南兩天一夜遊。 旅遊的行程飽含著文化、新舊時代的融合。在設計方面,我 以圓形、線條作為點綴,而色彩則是用網版印刷混色而成, 希望可以帶來耳目一新的感受!而每一面都有自己專屬的色 系,融合台南當地的特色,傳統的主題,卻以跳痛、明亮的 顏色構圖,成為新的風貌。底圖用紙撕破的質感,也同樣想 要表現質樸的事物卻有著叛逆的表現。

29


Graphic Design

30


31


Graphic Design

4 OOPS 試刊號 催化音浪 為了化解某種隔閡的方式。

Copy Writing 文案撰寫

Magazine Layout Design 雜誌排版設計

OOPS 試刊號 用音樂化解隔閡,不受拘束的搖滾精神。希望在有限的頁面中將每一個團員的 特色放到最大,去除飽和度,疊上一種專屬於自己的色彩,創造出個性,以潑墨的 效果做為點綴。 在目錄的背景中使用了 ABITE 既具有裝飾性並傳達訊息。標題字 則是 RAINFALL 既容易閱讀也具有裝飾性的下載字體,數字 RETRO 格局方正,易 於排版。內文則為宋體字,正式而不呆版,標題為王漢中特明體。 排版上希望顏色 和文字的方塊的堆砌可以有所突破而不顯凌亂的自我風格。

32


vol.001

試 刊 號 May

2014

催化音浪 為了化解某種隔閡的方式

https://www.facebook.com/oopsband777

33


Graphic Design

34


35


Graphic Design

5 Life Sketchy 展覽邀請卡 描繪我們周遭的朋友,重新欣賞、感受我們所關心的人。

36


6 台北捷運路線圖優化 202X 版 未來總有一天吧


Graphic Design

7 鞋協網站標誌設計 手工製鞋

鞋協網站標誌設計 由製鞋是何意組成的平台,目的在於幫助顧客認識收工製鞋,並找到屬於自己 的鞋鞋,設計方面有製作在較小的範圍內也可以辨識的的版本。

38


39


Illustration

Illustration

40


1

Life Sketchy

畫自己的好朋友

Life sketchy 和不同校不同專業的的三位好朋友組成的小小活動,並經營粉專,內容就是 找自己十個好朋友並且畫他們。 我都找我覺得十分有趣的人,再決定要畫他們時,會告知他們可以選擇兩個 物件方在自己的畫面裡,讓畫面變得更加豐富,更有個人的特色,而我的好朋友 們,選的東西都很有趣!真不愧是我的好朋友。

41


Illustration

這負心的宇宙 被畫者選擇物件:章魚 + 蝸牛。 當一個人,連文青的名詞冠在他身 上都顯得膚淺,那隨之而來,應該就是 無限的心傷和對整個宇宙的怨懟吧!

42


她和 UNA 被畫者選擇物件:自選物件 : 骷髏頭 ( 是 Una 吧 )+ 蛋 ( 作者自認為是荷包蛋 ) Una 是她寶貝的名字,我們帶 Una 去上夏季學院,跟她一起聽音樂,未來打 算一起去上攝影課、看展,把她教育成有內涵的好孩子。最近努力的自己做飯, 省錢又健康。明明容易覺得惆悵,還是要看虐心漫畫。

43


Illustration

2

沒有朋友的阿皮

阿皮沒有朋友

44


3

少女與他的多重人個小夥伴

45


Illustration

4

機器人與小殭屍

在世界末日中一路相伴

我聽得見你

46

到了夜晚,就是小殭屍睡覺的時候,他維持著人類時的習慣,並相信著土攘可以讓 靈魂安息,但不用睡覺的機器人就感到寂寞了 ... 我聽得見你。覬覦著可以做夢的靈魂, 這是他倆夜晚時的聯繫。


被狩獵者 人類摧毀了自己安寧的那一刻,就追殺著曾為同類的殭屍,以及自己製造的機器人。

47


Illustration

5

48

向量繪圖



Film

Film

50


1 APPMATE 廣告 你需要我的真心嗎?

APPMATE 廣告 這是一家開發就算不會寫程式也可以設計出自己的 APP 的 公司,APP 主要的形式是行銷,目標客群為設計師或是老闆想 要有平台可以販售自己的東西,比較年輕化。 我們策劃的廣告主軸:一個想要買愛心的機器人,處處碰 壁,大家都覺得機器人只需要零件,不需要會跳的心,但他進 入了 APPMATE 工廠,製作了自己的 APP,並成功找到了缺了 心的機器人。也表示著美好的事物連機器人都會發自內心的感 動。動畫製作手法是使用定格動畫,總共拍了 2305 張照片,最 後成為了一分四十五秒的廣告影片。

51


Film

分鏡草稿 小機器人賣不掉愛 心,進入的 APPMATE 工 廠,緊接著一連串製作過 程,最後上傳(飄上天空 進入雲層)開始下起了愛 心雨,需要愛心的機器人 得到了愛心。

52


配色嘗試 以比較明清色系的艷色去配色,希望可以抓住人們的目光,廣告中總共會出 現三隻機器人,各配與不同的顏色表達其角色與個性。

53


Film

54


55


Film

2 雞吃機小動畫 一個小小的動畫練習。

56




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.