Page 1

Christie Kuo’s Portfolio 2017

1


Content

目錄

個人簡介 About me

4

插畫 Illustration

6

職人SHOKUZiNE專案插畫

危害健康!久坐症候群:互動資訊插畫

睡眠危機!讓你失眠的罪魁禍首:互動資訊插畫 2017捷運站體環境音樂徵選官網插畫 個人插畫創作

2


Christie Kuo’s Portfolio 2017

平面設計 Graphic Design

Media Next講座:主視覺與系列文宣

18

2017 台灣資訊社會學會年會:主視覺與系列文宣 15x15 Studio:Logo設計

Typography Book:文字實驗zine

網頁設計 Web Design

32

我要打9個!撞球九號球小百科:戊戌梅竹競賽規則網站 網頁壽司吧:基礎Html教學網

3


個人簡介|About me

About me 個人簡介

郭庭芸 Christie Kuo 1997. 07. 02 女 

新竹人

國立交通大學 傳播與科技學系三年級

christiekuo0702@gmail.com

國立新竹女子高級中學

0935-872-533

4

2015 / 08 ~ 迄今

2012 / 08 ~ 2015 / 06


Christie Kuo’s Portfolio 2017

專業技能

Skills

英文多益880分(金色證書)

/ ClipStudio(插畫慣用軟體)

擅長插畫、平面設計,並有基本網頁(Html+Css)撰寫能力。 非常熱衷於將上述三項相互結合應用! 除了設計方面的學習,同時也透過系上新聞媒體「喀報」獲得扎實的文章寫作訓練。

接案經歷

Design Experience

職人SHOKUZiNE專案插畫

2017捷運站體環境音樂徵選官網插畫 校園活動、講座與研討會文宣設計 交大傳科系所文宣設計

其他經歷

Other Experience

作品參展:交大應用藝術研究所師生展|#808080 交大應用藝術所聯展|三山

曾任傳科系辦設計助理

交清學生設計工作室:15x15 studio成員 第一屆交大藝趣節行銷部插畫&設計師

從小,畫圖是我表達想法時最直覺選擇的語言,樂此不疲。 上大學之後,受到來自應用藝術研究所的恩師啟蒙,我一股腦地愛上 平面設計領域,在顧及本科專業的同時,積極參與交清兩校視覺設計 課程、在課餘時間負責系上設計工作、還和好朋友組成校園工作室接 案,努力增進自己的實力。

擅長並熱愛將插畫與平面設計融合,也擁有在傳播與科技學系習得的 專業能力,我相信自己能夠把握跨領域的特質,向大家證明,非本科 生也能做出好設計!

5


Illustration 插畫

6


Christie Kuo’s Portfolio 2017

職人SHOKUZiNE專案插畫

危害健康!久坐症候群:互動資訊插畫

睡眠危機!讓你失眠的罪魁禍首:互動資訊插畫 2017捷運站體環境音樂徵選官網插畫 個人插畫創作

7


插畫|Illustration

職人SHOKUZiNE專案插畫

Client|職人SHOKUZiNE 2017 May

這是由職人Shokuzine雜誌推出,協助學生瞭解各行各業的特別專案。我負責設計10種職 業的插畫角色形象,並繪製裝飾網頁用的插畫。這是我接到的第一個校外案,和團隊內的 視覺設計師合作得很愉快、也獲益良多,是很我很珍惜的一次案子。

網頁插畫

8


Christie Kuo’s Portfolio 2017

各式職業角色設計

9


插畫| 職人SHOKUZiNE專案插畫設計

各式職業角色設計

網頁插畫

10


Christie Kuo’s Portfolio 2017

網頁插畫

11


插畫|Illustration

危害健康 ! 久坐症候群

學生媒體喀報互動資訊插畫 2017 October

傳科系獨立學生媒體「喀報」 ,除了發表新聞報導外, 「動態廣告」的部分也是一大看點。我 以自身也困擾已久的久坐健康問題,製作了活潑生動的互動資訊插畫,讓大家能夠賞心悅 目地閱讀這則健康小百科。

12


Christie Kuo’s Portfolio 2017

互動資訊插畫遊玩連結

http://castnet.nctu.edu.tw/files/ad/ad_392/index2.html

13


插畫|Illustration

睡眠危機!讓你失眠的罪魁禍首

學生媒體喀報互動資訊插畫 2017 December

上篇於喀報發表的動態廣告獲得同學與老師的喜愛,於是我很幸運的獲得第二次製作的機 會。這次也是以設計師切身之痛的睡眠問題做健康小百科,還在開頭處增加了動畫劇情成 分,讓觀眾更好瞭解資訊內容。

互動資訊插畫遊玩連結

http://castnet.nctu.edu.tw/files/ad/ad_392/index2.html

14


Christie Kuo’s Portfolio 2017

15


插畫|Illustration

2017捷運站體環境音樂徵選官網插畫

網頁設計|墨雨設計 吳哲宇 插畫|吳哲宇 鄭維愷 郭庭芸 2018 February

協助台灣捷運聲音地景計畫的網頁插畫,我繪製了其中三個站點。這個案子的製作過程非 常有趣,是以團隊搜集的環境音作為發想素材,畫出捷運站周邊的氣氛和特色景點,最後 交由網頁設計師協助,為插畫做動態。

捷運大湖公園站

捷運北門站

捷運西門站

16


Christie Kuo’s Portfolio 2017

個人插畫創作

“Shopping at Midnight” 2018 February

和家人去採購時,我突發奇想學小朋友溜購物車,馬上就被罵了。但是大溜購物車的慾望 沒有從我心頭消退!近期迷上vaporwave獨特的視覺風格,挑戰以這種迷幻大膽的配色詮 釋,覺得很有趣。

17


Graphic Design 平面設計

18


Christie Kuo’s Portfolio 2017

Media Next講座:主視覺與系列文宣

2017 台灣資訊社會學會年會:主視覺與系列文宣 15x15 Studio:Logo設計

Typography Book:文字實驗zine

19 19


平面設計|Graphic Design

Media Next講座

Client|交大傳播與科技學系 2017 August

系上舉辦的講座,主題是傳播媒體的革新。以翻頁的紙張做發想,象徵繼傳統紙媒體後崛 起的新傳播力量。在製作學術活動設計時,我偏好使用灰色,因為這是種兼具美感與冷靜 專業的色彩。

講座宣傳海報

20


Christie Kuo’s Portfolio 2017

臉書粉專封面圖

21


平面設計|Graphic Design

2017 台灣資訊社會學會年會

Client|交通大學人社中心 2017 June

教授希望展現學術平易近人的一面,因此我以兩人三腳插畫和主題:行動連結 - 永遠在線 結合,活潑的插畫風格,讓研討會的氣氛輕鬆許多。主視覺應用在紀念品提袋上的效果很 可愛,有參加的同學拿到都很開心!

研討會宣傳海報

22


Christie Kuo’s Portfolio 2017

研討會紀念手提袋

23


平面設計|Graphic Design

屬於清交兩校的設計工作室 2017 December

15x15 Studio : Logo設計

與一群在平面設計課認識的好友,以改善校園設計為目標,成立了專門接清交兩校設計的 15x15 Studio( 因為設計課的作業大小是15x15cm,以此命名 )。Logo的發想回歸成員認 識的起點,以平面設計課最常做的基礎幾何練習融合數字15,形成極簡優雅的造型。

使用字型 Optima

色彩計畫

C0 M0 Y0 K100 RGB #000000

設計發想隨筆

屬於清交兩校的設計工作室

https://15x15studio.tumblr.com/

24


Christie Kuo’s Portfolio 2017

Logo設計發想過程

Logo標誌寬度尺寸示意

25


平面設計|15x15 Studio : Logo設計

Logo標誌組合規範

Logo背景色明度應用規範

26


Christie Kuo’s Portfolio 2017

Logo應用示意

27


平面設計|Graphic Design

Typography Book

Exhibition| 交大應用藝術所聯展 - 三山 Course|平面設計 Advisor|徐慈璟老師 2017 May

文字實驗小書Letterform Experiment以四種不同的方式:「 三字母 」 、「 三字母 + 三單字 」 、「 三字母 + 三單字 + 一個段落 」 、「 三字母 + 三單字 + 一個段落 + 灰階材質 」翻玩文字, 組合成為抽象畫面,最後編製成zine展出,是非常有趣的一次創作經驗。

全書閱讀連結

https://issuu.com/christiekuo/docs/____

28


Christie Kuo’s Portfolio 2017

29


平面設計|Typography Book

30


Christie Kuo’s Portfolio 2017

31


Web Design 網頁設計

32


Christie Kuo’s Portfolio 2017

我要打9個!撞球九號球小百科:戊戌梅竹競賽規則網站 網頁壽司吧:基礎Html教學網

33 33


網頁設計|Web Design

我要打9個 ! 撞球九號球小百科

戊戌梅竹競賽撞球規則網站 2018 February

梅竹賽是交大與清大備受矚目的聯合運動賽事,傳科系學生媒體喀報當然不可能放過這個 盛會,針對各項運動做專題報導。我負責介紹撞球項目的規則,以互動網頁搭配插畫,將 資訊整合,做成有趣的撞球小百科。美術風格的部分,色彩繽紛的撞球讓我決定採用迷幻 的霓虹風格。

網頁連結

http://web.it.nctu.edu.tw/~u0415409/Billiards/home.html

34


Christie Kuo’s Portfolio 2017

35


網頁設計|Web Design

網頁壽司吧 : 基礎Html學習網

Course| 多媒體網頁設計實務 Advisor|徐慈璟老師 2017 September

朋友想要學寫網頁,卻看不懂密密麻麻的網路教學。於是我靈機一動,利用網頁設計實務 課的期末project,著手製作這個html學習網,將撰寫網頁的過程比喻成做壽司捲,透過 內容設計將教學內容簡化、變有趣,並和老師討論教案內容。希望等教學文案完善後,可 以幫助更多人簡單學習網頁。

36


Christie Kuo’s Portfolio 2017

網頁連結

http://web.it.nctu.edu.tw/~u0415409/finalproject/Intro.html

37


38

2017portfolio  

插畫Illustration+平面設計Graphic Design+網頁設計Web Design作品集

2017portfolio  

插畫Illustration+平面設計Graphic Design+網頁設計Web Design作品集

Advertisement