CONTENTS
KAI JIE,HUANG | 2016-2018
Chapter 01 About
Chapter 05 Brand
01
KAI JIE HUANG Data
25
02
Portfolio Concept
29 33
中壢車站識別系統 Re-Design
中原大學企業管理學系識別系統 景雅琦建築師事務所識別系統
Chapter 02 Typography
Chapter 06 Interaction
03
電
35
04 HEXAGON 05
造字己
39 41
06 07
恭賀新禧 四元素
43 51
茶顏觀器互動遊戲 賞茶壺， AR 體驗
識茶壺， 部件體驗 製茶壺， 影片體驗
KJ Huang Photography Web
Chapter 03 Layout
Chapter 07 Illustration
09
東方之光，木村雅彥
56
Unlimited Desire 洋
11
設計的條件
59
Unlimited Desire 蝕
10 Typography 麵 12 13 15 17
發散設計 滿版編排
小茶栽堂 Re-Design BEAUTE POINT DM
Chapter 04 Collage 19
食在彰化
21
現在進行式 WAR PEACE
20 22 23 24
遊在彰化
現在進行式 FUTRUE
現在進行式 OLD MY GOD 現在進行式 GAP
57 61 62
Unlimited Desire 空 Unlimited Desire 林
Unlimited Desire 噬
Chapter 01
About —
KAI JIE HUANG Data
Portfolio Concept
01 02
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
Introduce 簡介
KAI JIE HUANG 黃楷傑
Born in 1990, Chuanghua 虎尾科技大學材料工程學系 中原大學商業設計系研究所 kaijay790730@gmail.com +886 933-848-623
Personality Trait 人格特質 挑戰、毅力、熱情、規律
Hobbies 嗜好
閱讀、音樂、攝影、登山、旅行
Skills 技能 Graphic Design : Photoshop、Illustrator、Indesign、Lightroom Web Design :Html、CSS
Experience 經歷
2014/01 - 2015/06 巨大機械 CF 量產導入工程師
2015/08 - 2016/08 畢啾子視覺藝術進修
2017/03 - 2017/06 中原大學企業管理學系識別系統 2017/03 - 2017/06 景雅琦建築師事務所識別系統 2017/07 - 2017/07 木村雅彥，東方之光工作坊 2017/07 - 2017/09 畢啾子視覺藝術實習 2017/11 - 2018/02 鶯歌陶瓷博物館特展「紫砂漫遊．聚焦臺灣」 2017/06 - 2018/06 中原商設 105 級碩士班畢展總召
Social Media 社群媒體 Facebook : www.facebook.com/kj790730 Flickr : www.flickr.com/photos/59376086@N03/ Personal website : huangphotography.pancakeapps.com/
1
KAI JIE HUANG 2016-2018 作品集，封面視覺呈現一種自由、多變、隨興的氛圍，而這也和自身性格
相呼應；本集收錄這兩年半於研究所前和研究所時期之創作與實例，範圍涵蓋字體、編排、拼貼、標示、 品牌、互動、網頁、插畫，我認為設計師的作品範疇應該具一廣度，千萬別狹義地設定自己定位於何處， 而應多方參與嘗試，每個案子和作業對我而言都是挑戰與學習，而我也都以全力以赴的精神下去創作 與執行。
2
Chapter 02
Typography —
電
03
造字己
05
HEXAGON 恭賀新禧 四元素
04 06 07
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
電 (2016)
Typography Poster Layout 297mmx420mm 電，將眾多不同尺寸大小之電池，以串聯之形式將其組合連接，在最外圍處再以一電池形狀將其包覆，配色上 選用為漸層綠，代表了希望日後的電源，皆是擁有永續循環的環保綠色電源。
3
HEXAGON (2016) Typography Poster Layout 297mmx420mm 以六角形為基本單位體，採用三乘五的格局，作為字母和數字之基底，打造出具數位感的科技字體，在配置上 採用海報搭配網格架構，將字母和數字依序填入，營造出一種極度理性的設計語彙。
4
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
造字己 (2017)
Typography Poster Layout 297mmx420mm 造自己的字，即是在介紹自己，為了求追最初的本質性，字的造型，參考了古代中國象形文字，在掌握其造型 特徵後，便將字體拉長，重心提高，解構筆畫，並結合正負空間的概念，使字體更具備了表情與個性，同時也 與創作者本身個性和特質相呼應。
5
恭賀新禧 (2017)
Typography Poster 297mmx420mm 金農，中國書法家，是揚州八怪的核心人物，其書法字又稱「漆書」，擁有楷書和隸書之體勢，以金農之書法
體作為創作基底，將「恭賀新禧」四字筆畫模仿漆體的抑揚頓挫，藉由手繪與電繪的相輔相成，呈現一兼具現 代與古典風格之字體。
6
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
四元素 (2016)
Typography Poster Layout 297mmx420mm 元素，在古典哲學中是構成世界物質的最基本實體。在歷史上，許多不同民族，都曾建構出屬於他們自己的元 素思想說；大約在西元前六世紀的古希臘，哲學家開始探討物質構成來源的說法，這便是四元素的由來。
此後，四大元素地、火、水、氣，長期影響人類的科學發展，雖然在十九世紀現代科崛起後，四元素一說就被 無情地拋棄，但實際上，人類若無這四大元素，是無法在地球上生存的。
四元素系列作品係利用設計構成的點、線、面，並結合其擁有的自然意象，將兩者應用在中文字體上，並且加 以重新組構，使字體具備四元素之特徵。
01-04
大地 : 297mm x 420mm 火炎 : 297mm x 420mm 流水 : 297mm x 420mm 空氣 : 297mm x 420mm
7
2017 2017 Typography Typography Four Elements
2017 Typography Four Elements
Four Elements
EARTH
FIRE
-Earth is both cold and dry-
-Fire is both hot and dry-
Four inherent natures distinguish everything on earth, They are cold, hot, dry, and moisture.
Four inherent natures distinguish everything on earth, They are cold, hot, dry, and moisture.
地元素乃地球核心
火元素給予地球萬物希望
01
02
2017 Typography Four Elements
2017 Typography Four Elements
WATER
AIR
-Water is both cold and moisture-
-Air is both hot and moisture-
Four inherent natures distinguish everything on earth, They are cold, hot, dry, and moisture.
Four inherent natures distinguish everything on earth, They are cold, hot, dry, and moisture.
水元素乃地球萬物起源
空元素給予地球萬物變化
03
04
8
Chapter 03
Layout —
東方之光
09
設計的條件
11
滿版編排
13
Typography 麵 10 發散設計 小茶栽堂 Re-Design BEAUTE POINT DM
12 15 17
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
東洋の光
The Light of the East 木村雅彦 Masahiko Kimura
2017年7月17日月曜日 松山文創園區
17th July 2017 Songshan Cultural and Creative Park
東洋之光，木村雅彥 (2017)
Layout Innovation 210mmx210mm 東洋之光，為木村雅彥工作坊之排版作品，藉由木村老師提供之圖像與文字作為設計創作元素，木村老師告知 設計者，須知曉各項資訊的優先傳達順序，誰為主要資料、誰為次要資訊，方能達到資訊傳達之功能性；畫面
上圖像元素皆為橫條構圖，所以將資訊分層，並配合視覺動線引導，將文字各司其職擺放在適當位置上，文字 色彩則選用接近畫面之深灰，使文字能融於圖像中，成為一體，而不互相衝突。
9
中 華 風．經 典 美 食 好 纖 ！ 好 鮮 ！ 營 養 更 進 化 ， 纖 維 含 量 提 升 3 0 %
01
T
Y
P
O
G
中 華 風 · 經 典 美 食
R
A
P
H
Y
麵
好 纖 ！ 好 鮮 ！ 營 養 更 進 化 纖 維 含 量 提 升 3 0 %
Typography 麵 (2017)
02
Layout Illustration 160mmx160mm 中
Typography 麵為視覺編排課程之作業，老
華 風
師僅提供文字資訊和創作主題「麵」，我嘗
· 經 典
試作了以下三種版本編排，分別為夢幻的
美 食
麵、銀河的麵、喧鬧的麵，而不同情境之麵， 需要搭配不一樣的排版形式和造型，才能傳 達這三種麵之樂趣與精神所在。
好 纖 ！ 好 鮮 ！ 營 養 更 進 化 ！ 纖 維
01-03
含 量
夢幻的麵 : 160mm x 160mm 銀河的麵 : 160mm x 160mm 喧鬧的麵 : 160mm x 160mm
提 升 3 0 % ！
03
10
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
綜 合 以 上 兩 點 ，得 知 設 計 除 了 視 覺 ，還 需 考 慮 其 機 能 與 感 動 兩 要 素 ；
設 計 最 直 接 聯 想 便 是 視 覺 ，但 以 廣 義 層 面 解 釋 ，使 生 活 更 舒 適 便 利 、滿 足 使 用 者 需 求 、解 決 問 題 ，皆 是 設 計 重 要 的 幾 個 環 節 。
因 此 ，目 前 很 多 的 現 代 設 計 ，都 擁 有 這 三 要 素 。
現 代 生 活 裡 看 到 的 、接 觸 到 的 、概 念 上 的 ，都 和 設 計 脫 離 不 了 關 係 ； 設 計 絕 對 是 我 們 這 時 代 重 要 的 一 部 分 ，
得，並以心得作為設計元素，進行自由創作的編排，我嘗試兩種版本編排，「設計的條件」根據字面意思，呈
現出較理性且乾淨俐落的編排形式，「發散設計」則是採取比較活潑好動的視覺編排形式。
良 好 的 設 計 帶 給 社 會 益 處 ，給 予 我 們 便 利 有 趣 的 生 活 體 驗 ，不 良 的 設 計 則 製 造 麻 煩 與 帶 來 不 便 。
當 今 設 計 牽 涉 到 的 範 圍 之 廣 ，以 至 於 和 其 他 學 問 相 比 ，並 不 具 備 狹 窄 而 獨 立 的 學 術 性 格 ， 它 關 連 到 藝 術 、科 學 、以 及 心 理 學 等 其 他 領 域 ， 所 以 設 計 師 如 何 統 合 、選 擇 ，進 而 發 展 新 產 品 甚 至 體 驗 ，便 是「 現 代 設 計 師 」的 任 務 。
設 計 與 藝 術 的 共 同 點 即 是美 ， 但 藝 術 越 是 呈 現 個 人 對 於 美 的 存 在 和 純 粹 性 ，無 須 考 慮 商 業 行 為 上 的 種 種 因 素 ，然 而 設 計 則 與 我 們 生 活 息 息 相 關 ，必 須 具 備 滿 足 各 條 件 的 機 能 ，
這一點 便 是 設 計 和 藝 術 的 分 歧 點 。 美感的養成， 我們該從何判斷美？美的基準點到底位在何處？
件
11
從 生 活 中 美 的 事 物 來 探 討 ，表 現 上 它 們 皆 是 幾 何 組 成 的 抽 象 造 型 ，
設計表現的培養， 「 須 培 養 具 系 統 的 理 論 ，與 感 覺 之 能 力 ，極 力 避 免 自 然 相 關 之 型 與 色 ，將 重 點 放 在 完 全 抽 象 表 達 ； 唯 有 抽 象 才 能 達 到 具 美 感 、便 利 、機 能 之 設 計 」。 設 計 師 須 具 備 理 智 的 頭 腦 、敏 銳 的 洞 察 、感 性 的 審 美 ，並 將 各 條 件 分 析 並 綜 合 ， 製 造 出 具 視 覺 條 件 、機 能 條 件 與 感 動 條 件 的 設 計 作 品 。
照 相 術 的 發 明 ，為 藝 術 帶 來 重 大 的 衝 擊 ，但 新 事 物 的 發 明 也 會 導 致 另 一 種 新 革 命 ， 取 而 代 之 的 是 對 於 自 我 情 感 的 藝 術 表 現 ，許 多 美 術 流 派 紛 紛 出 現 。
到 了 二 十 世 紀 ，強 調 幾 何 的 風 格 派 、天 馬 行 空 的 超 現 實 主 義 、探 究 平 面 與 立 體 的 空 間 派 、普 普 藝 術 、歐 普 藝 術 等 等 ， 使 現 代 美 術 更 多 采 多 姿 ，也 影 響 到 現 代 設 計 ，包 浩 斯 造 型 學 校 可 謂 現 代 設 計 的 先 驅 ， 目前的設計無不受其影響，
追 求 合 乎 機 能 、目 的 ，探 求 合 理 的 機 能 主 體 ，皆 將 設 計 帶 到 另 一 高 度 。
條
設計就是人性化的事情。
無 論 是 藝 術 或 設 計 ，皆 因 時 代 不 同 作 出 改 變 ，這 也 正 是 它 們 的 迷 人 之 處 。
設計
的
設計的條件、發散設計 (2017)
Layout Poster210mmx297mm
設計的條件與發散設計皆是視覺編排課程之作業，根據自己閱讀的設計書刊，撰寫大約一到兩千字之閱讀心
左-右 設計的條件 : 210mm x 297mm 發散設計 : 210mm x 297mm
12
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
滿版編排 (2017)
Layout 297mmx420mm 此作品為視覺編排課程之作業，找尋自己較有興趣的文章，將其內容作一 A3 大小的滿版編排，在滿版畫面中， 字體需有不同大小的呈現，藉由橫式與直式的文字交錯，來填滿版面空間，製造出一種編排的張力性，而整體 版面的流動感，不能太滿、不能太散，只能恰到好處。
左-右 白 : 297mm x 420mm 黑 : 297mm x 420mm
13
14
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
小茶栽堂 黑烏龍茶 / 黒烏龍茶
3.0 g / teabag ; 6 teabags / package
自然栽培茶葉
NET WT 18.0 g
ZENIQUE
ZENIQUE
產地 : 台灣南投名間 成份 : 台灣自然栽培茶葉 保存期限 : 2年 有效日期 : 14/03/2019 (日/月/年)(DD/MM/YY)
每一份量 Serving size : 3公克 g
本包裝含 Serving’s Per Container : 6份 Servings 每份 Amount Per Serving
每100公克 per 100g
0.4 大卡Kcal 0.0公克g 0.0公克g 0.0公克g 0.0公克g 0.1 公克g 0.0 公克 g 1 毫克 mg
13大卡Kcal 0.0公克g 0.0公克g
飽和脂肪 Saturated Fat 反式脂肪 Trans Fat 碳水化合物 Total Carbonydrate 糖 Sugar 鈉 Sodium
Black Oolong Tea / Schwarzer Oolong Tee / Thé Oolong Noir Naturally Grown Tea / Natürlich angebauter Tee / Thé Naturellement Cultivé
小茶栽堂 自然栽培黑烏龍茶
營養標示 Nutrition Facts
熱量 Calories 蛋白質 Protein 脂肪 Total Fat
Ingredients / Zutaten / Ingredients : Black Oolong Tea / Schwarzer Oolong Tee / Thé Oolong Noir Without additives / ohne Zusatzstoffe / Sans additifs EXP / Haltbarkeitsdauer / Durée de conservation : 2 years / 2 Jahre / 2ans Best Before / Mindestens haltbar bis / A consommer de préférence avant : Details on bottom / Detail siehe unten / Détails au fond Country of origin / Herkunfstland / Origine : Nantou ,Taiwan
Yi Da International Co., Ltd Taiwan Branch No.29,Ln.270, Sec.1,Dunhua S Rd.,Taipei,106 Taiwan Tel : (886)-2-8772-6160 www.zenique.net
PET Tea Bag
薩摩亞商億達國際股份有限公司 台灣分公司 106 台北市敦化南路1段270巷29號 訂購專線 : 02-8772-6160
0.0公克g 0.0公克g 3.3 公克 g 0.0 公克 g 33 毫克 mg
小茶栽堂 Re-Design (2017)
Layout Illustration Package 113mmx88mmx46mm 將小茶栽堂包裝重新設計，並訂定主題為「春季限定茶」，整體畫面以一種浮世繪之視覺形式，將春燕作為主 角，櫻花與雲朵為輔，色彩採用黑金配色，加強包裝質感，並與春季限定相呼應，而原本舊包裝上之所有文字 資訊，經過縝密的編排和梳理，皆將其配置於適當的位置內。
15
NAT
Black Oolong Tea / Schwarzer O
小茶栽堂
TURALLY GROWN TEA
3.0 g / 袋 ; 6 袋入 內容量 18.0 g
Oolong Tee / Thé Oolong Noir
小茶栽堂
自然栽培黑烏龍茶 / 黒烏龍茶【袋茶 / ティーバッグ 】
成分 ： 黑烏龍茶/黒烏龍茶 不含人工添加物 / 人工添加物は一切含まれていない 保存期限 ： 2年 有效日期 / 賞味期限： 詳見封底 / 詳しくは下を參照したください 產地 ： 台灣南投 / 台湾南投県 自然農法栽培
薩摩亞商億達國際股份有限公司台灣分公司 出品 106 台北市大安區敦化南路一段270巷29號 Tel : (886)-2-8772-6160 www.zenique.net
黑烏龍茶 黒烏龍茶 Black Oolong Tea Schwarzer Oolong Tee
OPEN
小茶栽堂 自然栽培黑烏龍茶【黑烏龍茶】 NATURALLY GROWN TEA‧Black oolong tea
Ingredients / 成分 : Black oolong tea / 黑烏龍茶 / 黑烏龍茶 EXP / 保存期限 : 2 years / 2年
Best Before / 有效日期 / 賞味期限 : Details on package (YY/MM/DD) 詳見包裝(年/月/日) / 詳しい內容は包裝說明をご覽ください
Country of origin / 產地 : Nantou, Taiwan / 台灣南投 / 台湾南投縣
耐熱PET茶包
Intermezzo International Co .Ltd 買達國際有限公司 出品
耐熱ペットのティーバッグ
No.29,Ln.270, Sec.1,Dunhua S.Rd.,Taipei , 106 Taiwan 106台北市敦化南路1段270巷29號 Tel: (886)-2-8772-6160
Made in Taiwan / 台灣製
Nutrutuin Facts 營養標示【營養成分表】 Serving size 每一份量(一回用量) : 3g Serving Per Container 內容量 : 1 Servings Amount Per serving 每份含量 (一回おたりの攝取量) Calones 熱量 0Kcal Protein 蛋白質 (たんばく質) 0g Total Fat 脂肪(脂質) 0g Saturated Fat 飽和脂肪(飽和脂肪酸) 0g Trans Fat 反式脂肪(トランス脂肪酸) 0g Carbohydrate 碳水化合物(炭水化物) 0.1g Sodium 鈉(ナトリウム) 0.8mg
0 kal 0g 0g 0g 0g 0.1g 0.8mg
NET WT 30 ± 0.5g
www.zenique.net
左-右 茶葉包裝主體 茶包包裝
16
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
品牌故事 Independent x Confident x Elegant 在所有花朵都凋零的深秋花園，唯有山茶花不懼風雪的高潔氣質，獨自開得美麗 自得。花色明豔動人，同時又不失清新脫俗的獨特韻味，隱逸純潔，柔情芳香。 而女人就如同山茶花，靜靜盛開，以內在的聰慧內涵，散發於外的自信恬淡，淨 透秀美，展現不凡的優雅與魅力。 貝緹普恩的誕生，是由優秀專業的研發團隊，結合國內頂尖美妝研發博士，專注 在肌膚知識與優越品質的研究，針對需求來量身打造，為台灣海島型氣候開發出 適合東方人膚質的專屬美容聖品，不分年齡，提供完整的保養功效，為每一位女 人守護年輕與丰采，散發自信魅力。
卸妝精蜜 Cleansing Cream / 120gm 豐潤潔淨的觸感，以拭去或水洗的方式均能輕易卸臉上髒污及化妝品，針對 油性粉底、持久粉底、持久唇膏，皆能快速徹底卸除。
使用方法： 使用前手臉勿沾濕。取適量以螺旋方式按摩全臉，等污垢及殘妝溶解後，直 接用水洗淨，無須用化妝棉或面紙擦拭，再以潔顏霜清洗，效果更佳。
胺基酸潔顏霜 Clearing Foam / 120gm 有效溶解污垢，清除殘妝、雜質、溫和洗淨、高效保濕、幫助肌膚維持保濕 ，洗後溫和不緊繃。
使用方法：
恆顏逆時系列 - 產品介紹
取適量於手心，加少許水搓成泡沫後，清洗全臉。
柔皙保濕露 Lotion-Tender / 120ml 滿足肌膚滋養與滋潤的需要，持續肌膚的保濕，緊緻細嫩令肌膚維持彈性。
使用方法： 早晚清潔臉部後，以化妝棉沾濕，由下而上輕拍臉部及頸部。
BEAUTE POINT DM (2017) Layout 680mmx174mm BEAUTE POINT DM 為暑期實習案例，根據業主提供的元素與要求進行設計，DM 為開門摺，在封面上直接呈 現山茶花保養品的視覺語彙，整體配色採用粉紅與淺灰，編排則將各產品之說明資訊分層，並使用線條和色塊 營造空間感，藉以讓使用者能清楚知道各產品之功能與說明。
17
恆顏逆時系列 - 使用順序建議書 恆顏逆時—成分有效精純，由肌表直接滲透至肌底，迅速達到撫紋、提拉、緊實
恆顏逆時系列
、彈力、修護及滋潤等多重保養功效，密集呵護，創造絲緞般柔滑膚觸，肌膚彈 潤豐盈，給您無與倫比的自信美麗。
步驟 1.
恆顏逆時-卸妝精蜜 使用量：約2.5g 適用膚質：一般性
步驟 2.
恆顏逆時-胺基酸潔顏霜 使用量：約1g 適用膚質：一般性、乾性膚質
步驟 3.
恆顏逆時-柔皙保濕露 使用量：約1.5ml 適用膚質：中性、乾性與老化肌膚使用
使用前手臉勿沾濕。取適量擦在臉上
取適量於手心，加少許水搓成泡沫後
早晚清潔臉部後，以化妝棉沾溼由下
，等污垢及殘妝溶解後，直接用水洗
，清洗全臉。
而上輕拍臉部及頸部。
淨，無須用化妝棉或面紙擦拭，再以 潔顏霜清洗，效果更佳。
步驟 4.
恆顏逆時-柔皙修護精華乳 使用量：約0.6ml 適用膚質：中性、乾性與老化肌膚使用
步驟 5.
恆顏逆時-H-24 活賦液 使用量：約0.2ml 適用膚質：一般性肌膚
步驟 6.
恆顏逆時-明眸精露 使用量：約0.05ml 適用膚質：乾性、老化肌膚
早晚清潔臉部後，使用保濕露後，均
早晚清潔臉部後，取適量於手掌中再
早晚清潔臉部及保養後，取出少量輕
勻塗抹於全臉。
以指腹輕柔擦拭全臉。
拍眼部周圍，或肌膚乾燥處，直至完 全被吸收。
步驟 7.
恆顏逆時-特效修護霜 使用量：約0.3g 適用膚質：乾性肌膚
步驟 8.
恆顏逆時-日間防護乳霜 使用量：約0.3g 適用膚質：一般性肌膚
早晚清潔臉部後，以手指沾上用畫圈
早上清潔臉部後，使用化妝水及乳液
圈方式，輕輕按摩臉部，讓肌膚完全
後，再使用本產品，日間室內每隔四
吸收為止。
小時補擦本產品一次，如於戶外每隔
步驟 9.
恆顏逆時-光潤粉霜 使用量：約0.4g 適用膚質：一般性肌膚
化妝時，取適量輕抹於臉上。
兩小時補擦本產品一次即可。
柔皙修護精華乳 Emulsion Essence-Tender / 100ml
特效修護霜 Super Revitalizer / 50gm
幫助肌膚修復滋潤肌膚，具有長時間的保濕效果，提升肌膚保護力，預防肌 膚老化，能完全展現細嫩光澤。
不油膩，細緻如絲，即時修護賦活肌膚，調理老化肌膚，並能提升皮膚保護 力，讓肌膚滋潤。
使用方法：
使用方法：
於保濕露後，取適量擦抹於肌膚。
早晚清潔臉部後，以手指沾上用劃圓圈方式輕輕按摩臉部，讓肌膚完全吸收 為止。
H-24 活賦液 H-24 Revitalizing Essence / 30ml
日間防護乳霜 Mild Day Cream / 40gm
高效保濕，使膚留住水分。柔軟肌膚 ､ 維持肌膚彈性，撫平細紋，預防肌膚 乾燥，防止肌膚老化，使肌膚光滑，細緻，亮麗。
具抗水性效果、保護肌膚、提升肌膚對環境傷害的保護力，是溫和無負擔的 臉部專用防護乳霜。
使用方法：
使用方法：
早晚清潔臉部後，取適量於手掌中再以指腹輕柔擦拭於全臉。
早上清潔臉部後，使用化妝水及乳液後，再使用本產品，日間室內每隔四小 時補擦本產品一次，如於戶外每隔兩小時補擦本產品一次即可。
明眸精露 Eye Essence Extra / 30gm
光潤粉霜 Nature Powder Cream / 30gm
預防眼部周圍肌膚乾燥，撫平細紋、滋潤肌膚，維持肌膚彈性，是眼周肌膚 專用凝膠狀美容菁華。(乾性肌膚亦可全臉使用)
能維持肌膚光澤，細緻地與肌膚融為一體，能修飾膚色、無遮蓋粉飾的自然 感。
使用方法：
使用方法：
早晚清潔臉部及保養後，取出少量輕拍眼部周圍，至完全被吸收為止。
出門前，取出適量抹勻於臉部及頸部，配合使用微濕海綿效果更好。
上-下 正 : 680mm x 174mm 背 : 680mm x 174mm
18
Chapter 04
Collage —
食在彰化
19
現在進行式 WAR PEACE
21
遊在彰化
現在進行式 FUTRUE
現在進行式 GAP
現在進行式 OLD MY GOD
20 22 23 24
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
食在彰化、遊在彰化 (2016)
Collage Layout 423mmx573mm 將我認知的彰化食與遊之印象，以寫實攝影和去背手法呈現，標準字體採用視覺感強烈的紅色噴漆，直接表現 出這兩張海報即是在陳述彰化，而黑白照片則襯托出彰化純樸的庶民文化。
19
左-右 食在彰化 : 423mm x 573mm 遊在彰化 : 423mm x 573mm
20
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
現在進行式 (2017)
Collage 210mmx297mm 此系列創作採超現實的拼貼手法，使用聳動的紅色標題襯托出每張圖像創作之主題，並呈現美式復古的設計風 格，勾勒出我對於戰爭、未來、高齡化、貧富差距的荒謬想像。
21
左-右 WAR PEACE : 210mm x 297mm FUTRUE : 210mm x 297mm
22
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
23
左-右 OLD MY GOD : 210mm x 297mm GAP : 210mm x 297mm
24
Chapter 05
Brand —
中壢車站識別系統 Re-Design
25
景雅琦建築師事務所識別系統
33
中原大學企業管理學系識別系統
29
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
中壢車站 Re-Design (2016) Brand Sign Icon Layout
中壢車站被喻為全台灣最醜、最髒的車站，而據本創作者觀察，車站內部的標示系統在統整性和美觀性都是不 佳的，因此想藉課程專案機會，將中壢車站的標準字體、標示系統等平面相關之載體皆重新設計一番。
識別組合
標準字體 0.33x
x
x
Taiwan Railways Administration Zhongli Station
0.4x
0.4x
內文字體
思源黑體 思源黑體 思源黑體 思源黑體
Franklin Gothic Book Franklin Gothic Medium Franklin Gothic Demi Franklin Gothic Heavy
C100 M90
25
平面配置圖
1
後站出入口 Rear Entrance/Exit
1
第三月台 Platform3
1
第二月台 Platform2
1
第一月台 Platform1
4
2
5 6 3
1
地下道 Underpass
5
剪票口 Boarding Entrance
電梯 Elevator
垃圾桶 Trash Can
自動售票機 Tickets Vending Machine
2
補票處 Fare Adjustment
6
候車室 Departures Waiting Area
廁所 Toilet
寄物櫃 Locker
公共電話 Public Phone
3
販售部 Shop
自行車 Bike
服務台 Information
月台區域 Platform Area
4
前站出口 Front Exit
售票處 Ticket Stand
服務中心 Information
未使用 No Use
車票
自
強
T.C Ltd Exp
花 蓮 Hualien
14:55 開
4 車 33 號
NT$445元
2040 次
區間車
台 北 Taipei
新烏日
17:45 到
Xinwuri
Car. 4 Seat. 33
大 甲 Dajia
票價 67 元
016724-0014-024 限當日當次車有效
26
2012.03.28 06:17 016724-0014-024 限當日當次車有效
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
圖示系統
導引指標 廁所 Toilet 公共電話 Public Phone 垃圾桶 Trash Can
往第二月台、第三月台、後站請過地下道
Underpass to Platform 2, Platform 3 and Rear Station
1-5號車廂 No. 1-5 Car
2B
第二月台 Platform 2
6-11號車廂 No. 6-11 Car
第二月台
2A
Platform 2
出口EXIT
電梯
Elevator
27
導引指標
車廂指標
第二月台
1-5號車廂 2009.07.24 06:17
Platform 2
No. 1-5 Car
往台中、彰化、台南、高雄請至第二月台上車 Please to Platform 2 for southbound trains.
設施識別指標
電梯 Elevator
男 Man
女 Women
1
2
3
4
5
6
7
8
9
車站模擬圖
左-右 車廂指標模擬圖 設施導引指標模擬圖
28
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
中原大學企業管理學系識別系統 (2017) Brand Layout
以不同顏色之三角形作為主要設計元素，並凝聚成六角形，象徵企管系通才和六管的全能發展 (01)。 最外圍未閉合的三角形，使整體識別更具動感，象徵企管系學生活潑的特質 (02)。
B 與 A 用不同顏色區別並匯集，表示企業與管理是互根互生、不可分離的群體，也是相互分立、各有其屬的相 對獨立體，雙方均衡的互抱為一，處於平等關係 (03、04)。
Chung Yuan Christian University Depar tment of Business Administration Chung Yuan Christian University Department of Business Administration
Chung Yuan Christian University Depar tment of Business Administration Chung Yuan Christian University Depar tment of Business Administration
01
02
03
04
29
上-下 識別系統模擬圖
30
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
01
01-03
識別系統模擬圖 識別證件模擬圖 系旗模擬圖
31
02
03
32
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
景雅琦建築師事務所識別系統 (2017) Brand Layout
在識別設計中採一點透視，並呈現漸層堆疊感，使其具空間感和建築感知意象 (01)，在上下半部分別代表歷史 與現代，呈現出二元思想的概念 (02)。
採用虛線概念，強調出一點透視的概念，也代表散播二元思想概念的一種形式擴散 (03)。
中文標準字體採用日本森澤徐明體，並修改使其兼具明體與黑體之特徵，具備二元概念，英文標準字採用兼具 現代感與歷史感的 Optima 字體。
CHING Associates Architects
CHING & Associates,Architects
CHING & Associates,Architects
01
02
33
03
上-下 識別系統模擬圖 名片模擬圖
34
Chapter 06
Interaction —
茶顏觀器互動遊戲
35
識茶壺， 部件體驗
41
Huang Photography Web
51
賞茶壺， AR 體驗 39 製茶壺， 影片體驗
43
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
01
03
茶顏觀器互動遊戲 (2018) ( 整體視覺：黃楷傑、動畫與角色：洪藝姍、程式：羅文成、許智詠 ) Interaction Game Illustration Layout
此互動遊戲呈現奇幻童趣的喝茶情境氛圍，藉由正上方投影機之虛擬實境，結合互動桌面的實體物件，營造嶄
新的虛實視覺感，並透過影像辨識技術使觀眾能動手與遊戲互動，將傳統茶文化與遊戲結合，觀眾除了能輕鬆 地認識宜興紫砂茶壺的四種主要形制（圓器、方器、塑器、筋紋器）也能對五種台灣知名茶葉（臺灣高山茶、 凍頂烏龍茶、文山包種茶、東方美人茶、正欉鐵觀音）有簡單體認，而在遊戲中段，茶壺精靈會邀請觀眾一同 品茶，茶水便會投影至桌面茶杯，達到虛實交錯的效果與寓教於樂的目的。
01-05
茶顏觀器互動遊戲首頁 茶顏觀器互動遊戲精靈介紹 茶顏觀器互動遊戲茶葉選擇 茶顏觀器互動遊戲茶葉介紹 茶壺精靈 ( 洪藝姍繪製 )
35
02
04
05
36
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
01
02
01-04
茶顏觀器展區入口 茶顏觀器互動遊戲 茶水投影效果 茶顏觀器互動遊戲整體
37
03
04
38
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
賞茶壺，AR 體驗 (2018) ( 整體視覺：黃楷傑、程式：徐遠星 ) Interaction AR Illustration Layout 1500mmx3000mm
賞茶壺使用示意型資圖像結合四種宜興紫砂茶壺之形制，視覺上呈現知性與神祕感，圖像使用具內光暈漸變效 果的茶壺三視圖表現，其使茶壺特徵在三種視角皆能被欣賞。
而為了此區延伸性及互動性，結合 AR 技術，透過平板 APP 掃描各壺之側視圖即可呈現 3D 茶壺，觀眾可以旋 轉、放大、縮小，鉅細靡遺地觀賞各茶壺之美。
39
40
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
41
識茶壺 ，部件體驗 (2018)
Interaction Illustration Layout 1500mmx2200mm 此區為認識茶壺各部件，圖像為茶壺各部件之平面圖 解，使觀眾能清楚認識各部件的功能與目的，互動手法 則是館方提供真實茶壺部件供觀眾把玩、觸摸，使這區 也跳脫傳統的靜態展示，讓觀眾能更印象深刻。
42
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
43
製茶壺，影片體驗 (2018)
Interaction Video QR-Code Illustration Layout 1500mmx5000mm 此區重點於認識製造茶壺之技術，視覺上是由大量向量手繪圖像結合文字輔助，提供觀眾四種製壺技術的簡易
製作過程。而其互動方式則是，在欣賞完圖示步驟後，若觀眾想更清楚其製作過程，即可掃描 QR-Code，隨 即會在行動裝置上提供動態影像的茶壺製作過程，使觀眾能更認識製茶壺之過程與技術精隨。
44
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
左-右 手拉坯成形法 打身筒成形法
45
46
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
47
左-右 鑲身筒成形法 注漿成形法
48
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
01
03
01-04
識茶壺與製茶壺 識茶壺整體 賞茶壺整體 製茶壺整體
49
02
04
50
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
Huang Photography Web(2017) Interaction Web RWD Layout 藉由網站的架設，將過去五年累積的攝影作品做一統整與發表，而此也讓自己達到一個新里程碑；科技的與時
俱進，網站的型態也因智慧型手機的崛起產生巨變，而我藉由 Html、CSS、JQuery 的網頁語法撰寫，將網頁 呈現動態性，並且符合當今的響應式設計，無論是寬螢幕、中螢幕、手機螢幕，都有不同的設計尺寸將網站套 用呈現，整體視覺採黑白灰配色，並依據欄位劃分將攝影作品放置於固定位置，鮮明震撼的攝影視覺，相較於 簡樸沉穩的背景配色，則能深深吸引觀者目光。
51
網站介面各分頁呈現
52
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
01
01-03 RWD-IPAD RWD-IMAC RWD-IPHONE
53
02
03
54
Chapter 07
Illustration —
Unlimited Desire 洋
56
Unlimited Desire 蝕
59
Unlimited Desire 噬
62
Unlimited Desire 空 57 Unlimited Desire 林
61
A b o u t | Ty p o g r a p h y | L a y o u t | C o l l a g e | B r a n d | I n t e r a c t i o n | I l l u s t r a t i o n
Unlimited Desire (2016) Illustration Pen Acrylic color 395mmx545mm Unlimited Desire 作品總共分成五系列，以藍色油性原子筆為主媒材，壓克力顏料為輔，將現代運動結合全球
日趨嚴重的環境議題，除了呈現出運動獨有的視角，也帶動出自身對於現在環境的表現與看法，以及未來的演
變，現在和未來的地球面貌，似乎就是「破壞、殆盡、耗竭、疫情、髒亂」，人類因為自己無止盡的慾望，造 就了現在的處境，而在未來我們是否能給予下一代舒適的地球？
55
56 æ´‹ (2016) / Illustration Pen Acrylic color 395mmx545mm
57
58 空 (2016) / Illustration Pen Acrylic color 395mmx545mm
59
60 č?• (2016) / Illustration Pen Acrylic color 395mmx545mm
61 æž— (2016) / Illustration Pen Acrylic color 395mmx545mm
62 噬 (2016) / Illustration Pen Acrylic color 395mmx545mm