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