ruth yeh / portfolio of graphic design
DESCRIPTION
My Portfolio og Graphic DesignTRANSCRIPT
INDEX
校內成果 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 / 2011第三屆高師工設設計體驗營
22 編輯設計
獨立作品 independent work
38 Layoutaholic
40 Project 16
42 名片設計
44 影響空間能力的因素
46 TASM 統計年會
Gra
ph
ic D
esig
n
2009 - 2012
3
校內
成果
scho
ol p
roject
邊 走 ，
邊 唱 。多媒材素描
概念專輯 concept album
指導老師 / 曾榮梅
2009 . June 大 一
Box Side
Book Detail
Box cover(Lyr ic book)
CD disk
Box but tom
就讓我們帶著音樂出門
「 邊走，邊唱。」這張概念專輯是
集結「多媒材素描」這堂課一學期
下來的作品集。
4
校內
成果
scho
ol p
roject
邊走
。邊
唱 / 指
導老
師 - 曾
榮梅
2009 大一
多媒
材素
描
Lyric BookLayout
我選則耳機作為創作主角。
再配合老師給予的指令，使用不同
的表現方式、結合多種媒材，是一
堂可以讓我們可以天馬行空作創作
的課程。
最後一項作業則是將這學期累積下
來的作品集結成冊。
12cmX12cm
20 pages
photoshop CS3
5
校內
成果
scho
ol p
roject
邊走
。邊
唱 / 指
導老
師 - 曾
榮梅
2009 大一
多媒
材素
描
但是，老師卻不希望我們只做單純
的作品集，還要將作品串聯起來，
製作成主題性書冊。
我想，既然我的主角是耳機，那就
做一張概念專輯吧!
影像、文案皆為自己的創作，就差沒有
音樂。也許未來我學會創作音樂後，再
把這部分補足吧(笑)。
校內
成果
scho
ol p
roject
6
KENNEDYASSASSINATION圖文基礎與實務
圖文關係編排習作 Layout pratice
指導老師 / 曾榮梅
2010 . June 大 二 圖 > 文
Basic element :
//
GunBloodKennedy
校內
成果
scho
ol p
roject
Ke
nn
ed
y A
ssassin
atio
n
2010 大二
圖文
基礎
與實
務
7
圖 = 文 圖 < 文
Font :
//
Stencil
Futura family
29.7cm X 21cm
A5 對折 DM
photoshop CS3 、Il lus t ra tor CS3
這份作業，老師希望我們練習圖文關係，形式
為A4對折的DM。封面個別有三種指令:
圖>文、圖=文、圖<文。
並指定我們只能使用兩組字型，分別做為大標
語內文所用，使用的圖片僅能額外找兩張影像
(甘迺迪、血滴)與前次作業的圖示(手槍)。
8
eig
ht
2010 大二
第一
屆系
展校
內成
果 sch
oo
l pro
ject
8
8第一屆系展
酷卡設計提案 2010 1st NKNU ID Exhibition
2010 . March 大 二
[eight]
8代表著我們創系至今已八年，若將阿拉伯數字8旋轉90度，就成了無限的符
號，期盼我們未來發展無限。
酷卡的設計概念由無限出發。既然未來發展無限，那就不會只特定朝一個方
向發展，所以酷卡就不特別訂定一個方向，任何方向皆可閱讀。
14.8cm X 10.5cm
I l lus t ra tor CS3
校內
成果
scho
ol p
roject
Ca
ps / 指
導老
師 - 曾
榮梅
2011 大三
視覺
傳達
設計
9
視覺傳達設計
icon & poster layout
指導老師 / 曾榮梅2010 . June 大 二
Caps
IconDesignIconDesign
左下腳這個鴨舌帽是我所設計最原始的
icon，配合老師每周所下的指令，衍生出許
多不一樣的型態，有的扭曲、有的裁切、有
的是結合不一樣的元素。
Ca
ps / 指
導老
師 - 曾
榮梅
2011 大三
視覺
傳達
設計
校內
成果
scho
ol p
roject
10
Layout
1
21cm X 14.8cm
photoshop CS3 、Il lus t ra tor CS3
校內
成果
scho
ol p
roject
Ca
ps / 指
導老
師 - 曾
榮梅
2011 大三
視覺
傳達
設計
11
Layout
2
Layout
3
最初設計的icon經過多項指令變化，產生出
數種樣式，期末最後一項作業就是以這些變
化出來的icon作為素材，設計至少一個版式
並至少做出三張系列海報。
10
10
70
0
10
40
5
0
40
40
10
0
40
15
15
0
性，
慾 H
an
ds to
uc
h, H
ea
rt tou
ch
ed
.
2011 大四
畢業
展海
報提
案校
內成
果 sch
oo
l pro
ject
12
華康儷細黑 / 國立高雄師範大學工業設計學系
Existence / NKNU Industrial Deisgn
Futura / 0123456789
font & color
性，本質也
在一片彩色中保持純白。
慾，慾望也
在一片純白中染上色彩。
第七屆畢業展
視覺形象海報提案2012 7th Graduate Exhibition
2011 . Auaust 大 四
42cm X 89.1cm
Photoshop CS3
校內
成果
scho
ol p
roject
性，
慾 L
ive
in P
urity
2012 大四
畢業
展專
刊編
輯
13
第七屆畢業展
專刊編輯2012 7th Graduate Exhibition
2012 . May 大 四
19cm X 26cm / 16K
196 pages
Indes ign CS3 + Photoshop CS3
ISBN
978-986-03-14007
性，
慾 L
ive
in P
urity
2012 大四
畢業
展專
刊編
輯校
內成
果 sch
oo
l pro
ject
14
Co n t a i n
版權宣告
感謝
終點
展場設計
視覺形象
畢業設計作品
起點
成員介紹
得獎作品
師資介紹
系所簡介
目次
序
校內
成果
scho
ol p
roject
性，
慾 L
ive
in P
urity
2012 大四
畢業
展專
刊編
輯
15
共同設計
/
李冠融
張境祐
劉政崎
許霈宥
專刊概念
/
當你迷失在這個繁雜世界裡
不知下一步該如何走
請想起 那深埋於慾望中的 本質
排版協力
/
謝 荃
陳瑞言
林欣蓉
慈鳳
宮L
OG
O設
計 / 指
導老
師 - 曾
榮梅
2011 大四
校
內成
果 sch
oo
l pro
ject
16
慈鳳宮屏東阿猴媽祖廟
慈鳳宮LOGO設計 Temple of Chi-Fung-Gong
指導老師 / 曾榮梅
2011 . October 大 四
慈鳳宮歷史悠久，寺廟中有三塊來自清朝三位皇帝的匾額，分別是道
光「 海上慈雲」、咸豐「 故約配天」、乾隆「 濱海砥柱」。我以海
上慈雲以及濱海砥柱做發想。Title
校內
成果
scho
ol p
roject
慈鳳
宮L
OG
O設
計 / 指
導老
師 - 曾
榮梅
2011 大四
17
慈鳳
/
海上慈雲，
慈雲變成的慈鳳。
雲浪
/
乘雲駕浪，
守護濱海的安寧。
LOGO
系刊
第七
期封
面
2012 大四
系學
會校
內成
果 sch
oo
l pro
ject
18
系學會
系刊第七期封面 7th book
2012 . May 大 四
7
校內
成果
scho
ol p
roject
系刊
第七
期封
面
2012 大四
系學
會
19
未採用版本
實際成品
Illus tra tor CS3
Book S ize / A5
騎馬釘裝訂
表面上霧膜
試著跳脫以往常用的鮮豔色彩
使用比較沉穩的色系
但仍保有繽紛的感覺
以7作為中心
Div
e in
to D
esig
n
2011 大三
第三
屆高
師工
設設
計體
驗營
平面
文宣
校內
成果
scho
ol p
roject
20
第三屆高師工設
設計體驗營平面文宣 2011 3rd NKNU ID CAMP
2011 . March 大 三
Dive intodesign
宣傳海報
Photoshop CS3I l lus t ra tor CS3
Size / A2
以潛水為概念
就像是為了看更多設計
潛入這片
名為設計的海洋中
未採用版本
活動手冊
CorelDraw 13Size / B5 騎馬釘
左邊是工作人員版
右邊是學員版
由於營隊有提供彩色筆給學員
我把封面設計成單色線框
讓大家自己塗色
變成一本屬於自己的版本
校內
成果
scho
ol p
roject
Div
e in
to D
esig
n
2011 大三
第三
屆高
師工
設設
計體
驗營
平面
文宣
21
大吸一口氣
接下來，我們準備
潛、進、設、計 !
識別證
Il lus t ra tor CS3Size / A5
左邊是工作人員版
為了增加親切感
工作人員使用藝名(?)
右邊是學員版
證書
photoshop CS3 S ize / A5、A4
設計師講座歡迎海報
photoshop CS3 S ize / A2變形
文字
情緒
表現
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
校
內成
果 sch
oo
l pro
ject
22
文字
情緒表現
type & emotion
指導老師 / 吳仁評
2011 . October 大 四
編輯設計
糾結 /
心肝勾勾纏。
ph
oto
sho
p C
S3 Size / A4
猶豫 /
該看哪個好？
ph
oto
sho
p C
S3 Size / A4
校內
成果
scho
ol p
roject
文字
情緒
表現
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
23
失落 /
墜入深淵。
ph
oto
sho
p C
S3 Size / A4
無助 /
空無一物的四周。
ph
oto
sho
p C
S3 Size / A4
校內
成果
scho
ol p
roject
24
單頁編排
標題、欄式、圖文關係
single page layout
指導老師 / 吳仁評
2011 - 2012 大 四
致:友
To: my dear f r iend
Photo / 自攝
Art ic le / 張小嫻<禁果的滋味>
Indes ign CS3
Size / A4
Time / 2012.March
設計交鋒了，然後呢?
Photo / 網路圖片
Artic le / 賣點子
Indes ign CS3
Size / A4
Time / 2012.December
校內
成果
scho
ol p
roject
單頁
編排
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
25
設計交鋒了，然後呢?
Photo / 網路圖片
Artic le / 賣點子
Indes ign CS3
Size / 23 X 36 cm
Time / 2012.December
設計交鋒了，然後呢?
Photo / 網路圖片
Artic le / 賣點子
Indes ign CS3
Size / 18 X 33 cm
Time / 2012.December
跨頁
編排
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
26
跨頁編排
標題、欄式、圖文關係
single page layout
指導老師 / 吳仁評
2011 - 2012 大 四
你的陽光在哪呢?
Photo / 自攝
Art ic le / 網路文章
Indes ign CS3
Size / 18 X 25 cm
Time / 2012.December
校內
成果
scho
ol p
roject
跨頁
編排
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
27
設計交鋒了，然後呢?
Photo / 網路圖片
Artic le / 賣點子
Indes ign CS3
Size / 18 X 25 cm
Time / 2012.December
高師
大簡
介 / 指
導老
師 - 吳
仁評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
28
高師大簡介
連續跨頁編排
NKNU Guide Page
指導老師 / 吳仁評
2012. Janurary 大 四
Photo / 自攝
Art ic le / 高師大首頁
Indes ign CS3
Size / 18 X 27 cm
page 1 ~ page2
校內
成果
scho
ol p
roject
高師
大簡
介 / 指
導老
師 - 吳
仁評
2011-2012 大四
編輯
設計
29
page 3 ~ page8
酷卡
設計
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
30
酷卡設計
格式線分析Cool card layout
指導老師 / 吳仁評
2012 . March 大 四
Photo / 網路素材
Il lus t ra tor CS3 + Photpshop CS3
Size / 10 X 15 cm
Photo / 自攝
Indes ign CS3
Size / 10 X 15 cm
校內
成果
scho
ol p
roject
酷卡
設計
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
31
Photo / 自攝
Indes ign CS3
Size / 10 X 15 cm
Photo / 自攝
Indes ign CS3
Size / 10 X 15 cm
立方
體編
排 / 指
導老
師 - 吳
仁評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
32
立方體編排
格式線的延續Layout on block
指導老師 / 吳仁評
2012 . April 大 四
校內
成果
scho
ol p
roject
立方
體編
排 / 指
導老
師 - 吳
仁評
2011-2012 大四
編輯
設計
33
I l lus t ra tor CS3 S ize / 12cm 3
未 採 用
自我
介紹
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
34
自我介紹 / 作品集
摺頁DMMy portfolio DM
指導老師 / 吳仁評
2012 . April - June 大 四
校內
成果
scho
ol p
roject
自我
介紹
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
35
Photo / 謝文瑄
Photoshop CS3 + I l lus t ra tor CS3
Size / 21cm 2
網頁
編排
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
校內
成果
scho
ol p
roject
36
網頁編排
版式的延續Web page layout
指導老師 / 吳仁評
2012 . June 大 四
Every L i t t le Thing
網站的整體是以我個人的日常攝影
作品為主軸，因此，我希望整個感
覺是簡單舒服的。可以的話，我希
望為每件作品配上一曲適合的歌。
校內
成果
scho
ol p
roject
網頁
編排
/ 指導
老師
- 吳仁
評
2011-2012 大四
編輯
設計
37
oops!
這裡的作品純粹只是Layout，並非真實架設。有畫面、有一些動畫與音效上的構想，但因
技術上的不足，目前並沒有辦法實際做出。
HANASPIRIT
個 人 網 站 。 花 的 行 星 與 夏 季 大 三
角 ， 我 喜 歡 奇 幻 感 。 夏 季 大 三 角 是
主 選 單 ， 希 望 可 以 配 合 滑 鼠 移 動 而
旋轉。
La
yo
uta
ho
lic
2012 大四
編排
練習
獨立
作品
ind
epen
den
t wo
rk
3838
Moments 剎那
Music / 濱崎 步
Il lus t ra tor CS3Size / 12cm 2
Time / 2012. August
蝕光
Photo / 自攝Photoshop CS3
Size / 12cm 2
Time / 2012. Apr i l
F lowery Spir i t
Music / f lumpool - 花になれ
Il lus t ra tor CS3 +Photoshop CS3 S ize / 10cm 2
Time / 2012. Apr i l
殘像
Music / f lumpoolPhoto / Jacob Sut ton I l lus t ra tor CS3 +Photoshop CS3Size / 12cm 2 T ime / 2012. August
變成花朵
Music / f lumpoolI l lus t ra tor CS3 S ize / 10cm 2 T ime / 2012. Apr i l
HANASPIRIT
Photoshop CS3Size / 704 pix 2 T ime / 2012. August
獨立
作品
ind
epen
den
t wo
rkL
ay
ou
tah
olic
2012 大四
編排
練習
3939
I've gotLayoutaholic,and there is no antidot!
嗜設成癮
課外自主練習Layout pratice off class
2012 . April - August 大 四
解藥
Photo / 自攝Il lus t ra tor CS3 + Indes ign CS3Size / A5 T ime / 2012. August
失焦
PhotoshopCS3 + I l lus t ra tor CS3 S ize / 8X11 inch 2 T ime / 2012. August
Pro
jec
t 16
2012 字體
典故
小報
獨立
作品
ind
epen
den
t wo
rk
40
Project
1 6f o n t
calender
postcard
postcard
實驗性小報
十六個月計畫
2012 . April ~ 2013 . December
獨立
作品
ind
epen
den
t wo
rkG
rap
hic
De
sign
2009 - 2012
41
CALENDER
FONT
Deta i l s
每期會配合設計，選用不一樣的紙張。由於是少
量輸出(每期約20分)，開模燙金趟銀處理不符成
本，最後找到金色與銀色貼紙來手工裁貼，製造
類似燙金的效果。
想回味做小報的熱血
又想做不太一樣的小報
所以改變了小報的形式
加上自己本身喜歡收集明信片
就這麼決定了
很突然也很毅然決然的決定
但是又不希望只是單純被收藏
所以又加入了月曆卡的概念
主題，就決定用經典字體小典故
沒為什麼，就平面設計的根本
邊吸收知識邊推廣給眾人也不錯
Project 16
預計十六個月，共十六期。
每月16日發行。
名片
設計
Bu
sine
ss Ca
rd D
esig
n
2012 個人
名片
獨立
作品
ind
epen
den
t wo
rk
42
BusinesscardDesign
2012新一代設計展 私人名片
由於畢業展的名片是以作品為主，名片
上的資訊還包含同組的成員，加上風格
是跟著畢展視覺走，於是決定自己另外
設計名片，附上更詳細的個人資訊。
個人名片設計2012 . May ~ June
獨立
作品
ind
epen
den
t wo
rk名
片設
計 B
usin
ess C
ard
De
sign
2012 個人
名片
43
後來想想，新一代私人名片那張掛有著學生
頭銜，有使用期限的問題，於是又再度製作
了另一個版本。
這個版本傾向個人品牌的感覺，也許那天成
立了個人工作室或是設計了商品販售，這個
版本的名片就可以拿去用。
All by I l lus t ra tor CS3Size / 9 X 5 .4 cm
獨立
作品
ind
epen
den
t wo
rk
44
影響空間能力的因素
書籍
封面設計
2011 . February
Factors of Spat ia l Abi l i ty
獨立
作品
ind
epen
den
t wo
rk影
響空
間能
力的
因素
2011 書籍
封面
設計
45
未採用稿
由 於 作 者 不 希 望 書 名 被 分 行 切 斷 ， 畫 面 元 素
也 稍 嫌 凌 亂 ， 還 要 再 更 簡 潔 ， 於 是 這 個 版 本
未採用。
Photo / Pro-E + CINEMA 4D
Edit /I l lus t ra tor CS3 + Photoshop CS3
Size / A4
TA
SM
百年
大計
。天
下一
統
2011 統計
方法
學學
會研
討會
獨立
作品
ind
epen
den
t wo
rk
46
TASM台灣統計方法學學會
年會暨研討會
活動海報與文宣品設計
共同設計 / 范潔如
2011 . September
I l lus t ra tor CS3Size / Poster - A1Book - A4
I l lus t ra tor CS3Size / Poster - A1Book - A4
