Ruth YEH / Portfolio of Graphic Design

Page 1



INDEX Graphic Design

2009 - 2012

校內成果 school project

03

邊走。邊唱

06

Kennedy Assassination

08

8 / 2010第一屆系展酷卡提案

09

Caps

12

性,慾 Hands touch, Heart touched. / 2012畢業展海報提案

13

性,慾 Live in Purity. / 2012畢業設計專刊

16

慈鳳宮 LOGO

18

第七期系刊封面

20

Dive into design /

22

編輯設計

2011第三屆高師工設設計體驗營

獨立作品 independent work

38

Layoutaholic

40

Project 16

42

名片設計

44

影響空間能力的因素

46

TASM 統計年會



( L yri c b ook)

CD di sk

Box buttom

邊 走,

就讓我們帶著音樂出門

Box c ove r

邊 唱。 多媒材素描 概念專輯 concept album

指導老師 / 曾榮梅 大一

Bo

ok

D

et

ai

l

2009 . June

Bo x Si de

集結「多媒材素描」這堂課一學期 下來的作品集。

校 內 成 果 school project

「 邊走,邊唱。」這張概念專輯是

3


Lyric Book Layout

邊走。邊唱 / 指導老師 - 曾榮梅

2009 大一 多媒材素描

1 2 cm X 1 2 cm 2 0 p ag es ph ot osh op CS3

我選則耳機作為創作主角。 再配合老師給予的指令,使用不同 的表現方式、結合多種媒材,是一 校 內 成 果 school project

4

堂可以讓我們可以天馬行空作創作 的課程。 最後一項作業則是將這學期累積下 來的作品集結成冊。


但是,老師卻不希望我們只做單純 的作品集,還要將作品串聯起來, 製作成主題性書冊。 我想,既然我的主角是耳機,那就 做一張概念專輯吧!

邊走。邊唱 / 指導老師 - 曾榮梅

2009 大一 多媒材素描

校 內 成 果 school project

影像、文案皆為自己的創作,就差沒有 音樂。也許未來我學會創作音樂後,再 把這部分補足吧(笑)。

5


KENNEDY ASSASSINATION 圖文基礎與實務 圖文關係編排習作 Layout pratice

指導老師 / 曾榮梅 2010 . June

圖 > 文

大二

校 內 成 果 school project

Basic element : //

Kennedy

6

Blood

Gun


這份作業,老師希望我們練習圖文關係,形式 為A4對折的DM。封面個別有三種指令: 圖>文、圖=文、圖<文。

(甘迺迪、血滴)與前次作業的圖示(手槍)。

圖 = 文

Kennedy Assassination

語內文所用,使用的圖片僅能額外找兩張影像

2010 大二 圖文基礎與實務

並指定我們只能使用兩組字型,分別做為大標

圖 < 文

Stencil

//

Futura family

2 9 .7 cm X 2 1 cm

校 內 成 果 school project

Font :

A5 對折 DM photos hop C S 3 、 Il l u st rat or CS3

7


第一屆系展

8

酷卡設計提案 2010 1st NKNU ID Exhibition 2010 . March

大二

[eight]

eight 2010 大二 第一屆系展

8 8代表著我們創系至今已八年,若將阿拉伯數字8旋轉90度,就成了無限的符 號,期盼我們未來發展無限。 酷卡的設計概念由無限出發。既然未來發展無限,那就不會只特定朝一個方 向發展,所以酷卡就不特別訂定一個方向,任何方向皆可閱讀。

校 內 成 果 school project

8

1 4 . 8 cm X 1 0 . 5 cm Il l u st rat or CS3


Icon Design Caps / 指導老師 - 曾榮梅

2011 大三 視覺傳達設計

左下腳這個鴨舌帽是我所設計最原始的 icon,配合老師每周所下的指令,衍生出許 多不一樣的型態,有的扭曲、有的裁切、有 的是結合不一樣的元素。

視覺傳達設計

校 內 成 果 school project

Caps icon & poster layout 指導老師 / 曾榮梅 2010 . June 大 二

9


Layout 1 Caps / 指導老師 - 曾榮梅 2011 大三 視覺傳達設計

21

cm 、 .8 S3 14 C X op cm osh ot ph

Il

lu

st

ra

to

r

C

S3

校 內 成 果 school project

10


Layout 2

最初設計的icon經過多項指令變化,產生出 數種樣式,期末最後一項作業就是以這些變 化出來的icon作為素材,設計至少一個版式 並至少做出三張系列海報。

Caps / 指導老師 - 曾榮梅

2011 大三 視覺傳達設計

校 內 成 果 school project

Layout 3

11


第七屆畢業展 視覺形象海報提案 2012 7th Graduate Exhibition 2011 . Auaust

大四

4 2 cm X 8 9 .1 cm Photos hop C S 3

性,慾 Hands touch, Heart touched.

2011 大四 畢業展海報提案

性,本質也 在一片彩色中保持純白。 慾,慾望也 在一片純白中染上色彩。

font & color

校 內 成 果 school project

12

華康儷細黑 / 國立高雄師範大學工業設計學系 Existence / NKNU Industrial Deisgn Futura

/ 0123456789

10

10

40

40

10

40

40

15

70

5

10

15

0

0

0

0


第七屆畢業展 專刊編輯 2012 7th Graduate Exhibition 2012 . May

大四

1 9 c m X 26c m / 16K 1 9 6 p a g es I n d es i g n CS3 + P hotoshop CS3 性,慾 Live in Purity

2012 大四 畢業展專刊編輯

校 內 成 果 school project

IS BN 97 8- 98 6- 03 -1 40 07

13


性,慾

Live in Purity 2012 大四 畢業展專刊編輯

C

on

版權宣告

感謝

終點

展場設計

視覺形象

畢業設計作品

起點

成員介紹

得獎作品

師資介紹

系所簡介

目次

in

ta

校 內 成 果 school project

14


不知下一步該如何走 請想起 那深埋於慾望中的 本質

排版協力

/

/

李冠融

張境祐

陳瑞言

劉政崎

林欣蓉

許霈宥

校 內 成 果 school project

當你迷失在這個繁雜世界裡

共同設計

Live in Purity

/

性,慾

2012 大四 畢業展專刊編輯

專刊概念

15


慈鳳宮 屏東阿猴媽祖廟 慈鳳宮LOGO設計 Temple of Chi-Fung-Gong 指導老師 / 曾榮梅 慈鳳宮LOGO設計 / 指導老師 - 曾榮梅

2011 大四 校 內 成 果 school project

16

2011 . October

大四

Title

慈鳳宮歷史悠久,寺廟中有三塊來自清朝三位皇帝的匾額,分別是道 光「 海上慈雲」、咸豐「 故約配天」、乾隆「 濱海砥柱」。我以海 上慈雲以及濱海砥柱做發想。


LOGO

/

海上慈雲,

乘雲駕浪,

慈雲變成的慈鳳。

守護濱海的安寧。

校 內 成 果 school project

/

慈鳳宮LOGO設計 / 指導老師 - 曾榮梅 2011 大四

雲浪

慈鳳

17


7

系學會

系刊第七期封面 7th book

系刊第七期封面 2012 大四 系學會

校 內 成 果 school project

18

大四

2012 . May


實際成品

系刊第七期封面

2012 大四 系學會

Il l u s t r a t o r C S 3 Book Size / A5

騎 馬釘 裝 訂 表 面上 霧 膜

試 著跳 脫 以 往 常用的鮮豔色彩 使 用比 較 沉 穩 的色系 但 仍保 有 繽 紛 的感覺 以7作為中心 校 內 成 果 school project

未採用版本

19


Dive into design Dive into Design

2011 大三 第三屆高師工設設計體驗營平面文宣

宣傳海報 Photos hop C S3 I llus trator C S3 S ize / A2 以潛水為概念 就像是為了看更多設計 潛入這片 名為設計的海洋中

未採用版本

活動手冊 校 內 成 果 school project

C orelDraw 1 3 S ize / B5 騎馬釘 左邊是工作人員版 右邊是學員版 由於營隊有提供彩色筆給學員 我把封面設計成單色線框 讓大家自己塗色 變成一本屬於自己的版本

20

第三屆高師工設 設計體驗營平面文宣 2011 3rd NKNU ID CAMP 2011 . March

大三


大吸一口氣 接下來,我們準備 潛、進、設、計 !

證書

photoshop CS3

photos hop CS3 Size / A 5 、 A 4

Si z e / A2變形

I llus tr ator C S3 S ize / A5 左邊是工作人員版 為了增加親切感

校 內 成 果 school project

識別證

Dive into Design

2011 大三 第三屆高師工設設計體驗營平面文宣

設 計師 講 座 歡 迎海報

工作人員使用藝名(?) 右邊是學員版

21


編輯 設計

S i ze / A4

該 / 看哪個好?

ph ot o sho p CS3

大四

2011 . October

猶豫

指導老師 / 吳仁評

糾結 Size / A4

type & emotion

校 內 成 果 school project

情緒表現

心 / 肝勾勾纏。

p h otosh op CS3

文字情緒表現 / 指導老師 - 吳仁評 2011-2012 大四 編輯設計

22

文字


文字情緒表現 / 指導老師 - 吳仁評

Size / A4

2011-2012 大四 編輯設計

墜 / 入深淵。

p h otosh op CS3

失落

校 內 成 果 school project

S i ze / A4

/空 無 一 物 的 四 周 。

ph ot o sho p CS3

無助

23


單頁編排 標題、欄式、圖文關係 single page layout 指導老師 / 吳仁評 2011 - 2012

大四

校 內 成 果 school project

致:友

Ph ot o / 網 路 圖 片 Photo / 自攝

A rt icl e / 賣 點 子

A rti cle / 張小嫻<禁果的滋味>

In d esig n CS3

I ndes ig n C S 3

Size / A 4

S ize / A4

T im e / 2 0 1 2 . Decem b er

Time / 2 0 1 2 .March

24

設計交鋒了,然後呢?

To: my dear friend


Photo / 網路圖片

Ph o t o / 網 路 圖 片

Article / 賣點子

A rt icl e / 賣 點 子

I ndes ig n C S3

In d esig n CS3

S ize / 2 3 X 3 6 cm

Size / 1 8 X 3 3 cm

Time / 2 0 1 2 .December

T im e / 2 0 1 2 . Decem b er

校 內 成 果 school project

設計交鋒了,然後呢?

單頁編排 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

設計交鋒了,然後呢?

25


跨頁編排 標題、欄式、圖文關係 single page layout 指導老師 / 吳仁評 2011 - 2012

大四

跨頁編排 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

你的陽光在哪呢? Ph ot o / 自 攝 A rt icl e / 網 路 文 章 In d esig n CS3 校 內 成 果 school project

26

Size / 1 8 X 2 5 cm T im e / 2 0 1 2 . Decem b er


設計交鋒了, 然 後 呢 ? Photo / 網 路 圖 片 Ar ticle / 賣 點 子 I ndes ig n CS3 Size / 1 8 X 2 5 cm Time / 2 0 1 2 .D ecem b er

跨頁編排 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

校 內 成 果 school project

27


高師大簡介 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

高師大簡介 連續跨頁編排 NKNU Guide Page 指導老師 / 吳仁評 2012. Janurary

大四

Ph ot o / 自 攝 A rt icl e / 高 師 大 首 頁 In d esig n CS3 Size / 1 8 X 2 7 cm

page 1 ~ page2

校 內 成 果 school project

28


高師大簡介 / 指導老師 - 吳仁評 2011-2012 大四 編輯設計

校 內 成 果 school project

page 3 ~ page8

29


酷卡設計 格式線分析 Cool card layout

指導老師 / 吳仁評 2012 . March

大四

酷卡設計 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

Ph ot o / 網 路 素 材 Il l u st rat or CS3 + Ph o t psh op CS3 Size / 1 0 X 1 5 cm

P hoto / 自攝 Inde si gn CS3 校 內 成 果 school project

30

Si z e / 10 X 15 c m


Photo / 自攝 I ndes ig n C S 3 Size / 1 0 X 1 5 cm

校 內 成 果 school project

Si z e / 10 X 15 c m

酷卡設計 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

P hoto / 自攝 Inde si gn CS3

31


立方體編排

格式線的延續 Layout on block

指導老師 / 吳仁評

立方體編排 / 指導老師 - 吳仁評 2011-2012 大四 編輯設計

校 內 成 果 school project

32

大四

2012 . April


未採用

立方體編排 / 指導老師 - 吳仁評 2011-2012 大四 編輯設計

校 內 成 果 school project

Size / 1 2 cm 3

I llus tr ator C S3

33


自我介紹 / 作品集 摺頁DM My portfolio DM

指導老師 / 吳仁評 2012 . April - June 自我介紹 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計 校 內 成 果 school project

34

大四


校 內 成 果 school project

Size / 2 1 cm 2

自我介紹 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

Ph ot o / 謝 文 瑄 Photos h o p CS3 + Il l u st rat or CS3

35


網頁編排 版式的延續 Web page layout

指導老師 / 吳仁評 2012 . June

網頁編排 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計 校 內 成 果 school project

E v er y Little Thing 網站的整體是以我個人的日常攝影 作品為主軸,因此,我希望整個感 覺是簡單舒服的。可以的話,我希 望為每件作品配上一曲適合的歌。

36

大四


H A N A SPIR IT 個人網站。花的行星與夏季大三 角,我喜歡奇幻感。夏季大三角是 主選單,希望可以配合滑鼠移動而 旋轉。

校 內 成 果 school project

這裡 的 作 品 純 粹只 是La yo ut,並 非真實 架設。 有畫面 、有一些 動畫與 音效上 的構想 , 但 因

網頁編排 / 指導老師 - 吳仁評

2011-2012 大四 編輯設計

o o ps ! 技 術上 的 不 足 ,目前並沒有辦法實際 做出。

37


蝕光 P hoto / 自攝 P hotoshop C S3 Si z e / 12 cm 2 T i m e / 2012. Apr il Fl owe ry Spirit Musi c / fl um pool - 花になれ I ll u s t ra tor CS3 + P hotoshop C S3 Si z e / 10 cm 2 T i m e / 2012. Apr il

Layoutaholic

2012 大四 編排練習

殘像 Mom e nts 剎那 獨 立 作 品 independent work

Musi c / 濱崎 步 Il l ustra tor C S3 Si z e / 12 cm 2 T i m e / 2012. A ug us t

M u sic / f l u m po o l Ph ot o / Jaco b Su t t on Il l u st rat or CS3 + Ph o t osh op CS3 Size / 1 2 cm 2 T im e / 2 0 1 2 . A u g u st 變成花朵 M u sic / f l u m po o l Il l u st rat or CS3 Size / 1 0 cm 2 T im e / 2 0 1 2 . A p ril H A N A SPIR IT Ph ot osh op CS3 Size / 704 pix 2 Time / 2012. August

38


Layoutaholic

2012 大四 編排練習

嗜設成癮 課外自主練習 Layout pratice off class 2012 . April - August

Ph o to / 自攝 I l l u stra tor CS3 + Inde si gn C S3 S i z e / A5 T i m e / 2012. Aug us t 失焦 Ph o toshopCS3 + Il l ustra tor C S3 S i z e / 8X11 i nc h 2 T i m e / 20 1 2 . Aug us t

I've got Layoutaholic, and there is no antidot!

獨 立 作 品 independent work

解藥

大四

39


Project Project 16

2012 字體典故小報

16

f o n t calender postcard 實驗性小報 十六個月計畫 ~ 2013

獨 立 作 品 independent work

40

postcard

2012 . April . December


想回味做小報的熱 血 又想做不太一樣的 小 報 所以改變了小報的 形 式 加上自己本身喜歡 收 集 明 信 片

就這麼決定了 很突然也很毅然決 然 的 決 定

所以又加入了月曆 卡 的 概 念

主題,就決定用經 典 字 體 小 典 故 沒為什麼,就平面 設 計 的 根 本

Graphic Design

2009 - 2012

但是又不希望只是 單 純 被 收 藏

邊吸收知識邊推廣 給 眾 人 也 不 錯

Project 1 6 預計十六個月,共 十 六 期 。 每月1 6 日發行。

FONT

CALENDER

每期會配合設計, 選 用 不 一 樣 的 紙 張 。 由 於 是 少 量輸出(每期約 2 0 分 ) , 開 模 燙 金 趟 銀 處 理 不 符 成 本,最後找到金色 與 銀 色 貼 紙 來 手 工 裁 貼 , 製 造 類似燙金的效果。

獨 立 作 品 independent work

Details

41


Business card Design 名片設計 Business Card Design

2012 個人名片

2012新一代設計展 私人名片

由於畢業展的名片是以作品為主,名片 上的資訊還包含同組的成員,加上風格 是跟著畢展視覺走,於是決定自己另外 設計名片,附上更詳細的個人資訊。 獨 立 作 品 independent work

42

個人名片設計 2012 . May ~ June


名片設計 Business Card Design

2012 個人名片

All by I llus tr ator CS3 S ize / 9 X 5 .4 cm

後 來想 想 , 新 一代私人名片那張掛有 著學生 頭 銜, 有 使 用 期限的問題,於是又再 度製作

這個版本傾向個 人 品 牌 的 感 覺 , 也 許 那 天 成 立了個人工作室 或 是 設 計 了 商 品 販 售 , 這 個 版本的名片就可 以 拿 去 用 。

獨 立 作 品 independent work

了 另一 個 版 本 。

43


影響空間能 力的因素 Factors of Spatial Ability

獨 立 作 品 independent work

44

書籍 封面設計 2011 . February


Ph ot o / Pro-E + C I NE M A 4 D E d it / I llus trator C S3 + Photos h o p CS3 Size / A 4

也稍嫌凌亂,還要再更簡潔,於是這個版本 未採用。

獨 立 作 品 independent work

由於作者不希望書名被分行切斷,畫面元素

影響空間能力的因素

2011 書籍封面設計

未採用稿

45


TASM 台灣統計方法學學會 年會暨研討會 活動海報與文宣品設計 TASM 百年大計。天下一統

2011 統計方法學學會研討會 獨 立 作 品 independent work

46

共同設計 / 范潔如 2011 . September

Il l u st rat or CS3 Size / Po st er - A 1 Bo o k - A 4






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.