Hope Design Shelter

希。望。園。地葉卿卿 | 個人作品集

建築我們的

I

我的學習歷程 1排版作品 3型錄 4

滋味 7

平面設計 10廣告 / i P h o n e 6 1 1

廣告 / i P h o n e 6 1 2

廣告 / 萬中選一 1 3

廣告 / N i k e 1 4

廣告 / C L A R I N S 1 5

D M / 生活五峰 1 6

L O G O / 書店 1 7

L O G O / 閱向未來 1 8

L O G O / L i l i k o k o 1 9

L O G O / 舒晶亮 2 0

L O G O / 樂活節能捲窗 2 1

L O G O / 行動手機架 2 2

L O G O / 佳錄 2 3

L O G O / 金漾高粱酒 2 5

T- s h i r t / 閱向未來 2 7

T- s h i r t / L e t ' s R e a d 2 8

D M / 創薪 2 9

D M / Av e d a 3 3

e D M / 吸塵器 3 5

e D M / 洗衣機 3 6

名牌 / 夏令營名牌設計 3 7

封面 / 夏令營學生手冊 3 8

封面 / 馬雅各宣教士 3 9

封面 / 馬雅各宣教士 4 0

封面 / 孫裡蓮宣教士 4 1

目錄

II

插畫練習 42塗鴉 4 3

小小人兒 4 4

花團錦簇 4 5

小天使 4 6

愛心蜜蜂 4 6

聖誕卡 4 7

海賊 4 7

機器娃娃 4 8

We b B a n n e r 4 9

愛哭鬼 5 0

頑皮鬼 5 1

熱情鬼 5 2

開心鬼 5 3

韌性鬼 5 4

滿足鬼 5 5

陽光小雞 5 7

網頁作品 59H i - Te c h D i g i t a l C C T V 6 1

經典名畫 6 7

其他作品 73F a c e O f f 7 4

目錄

小時候的我

從小愛塗鴉的我，高中擔

任社團文書，製作社團演

講海報與DM。大學參加計

算機研究社，負責美宣的

工作，學習 photoshop，

並自學 flash、網頁設計。

職訓局文化多媒體班

參加職訓局文化多媒體班學

習 photoshop、illustrator、

flash、dream weaver 及 網

頁設計技巧，為期三個月。

易禧創意平面美編職人班

課程內容方面，軟體學習

Photoshop, Illustrator 及

InDesign。亦接受構圖、

色 彩、 排 版 及 MindMap

等設計訓練。

貓頭鷹親子教育協會

擔 任 美 編 志 工，設計網頁

banner, 海 報 , DM , T-shirt

及形象廣告。

1

我的學習歷程從小愛塗鴉的我，曾經擔任五

年的程式設計師，因喜歡美的

事物轉換跑道。接受過職訓局

文化多媒體班、易禧創意平

面美編職人專家培訓課程、

飛 肯 設 計 Responsive Web

Design 手機網頁版型設計

班、易禧創意商業插畫課程。

進修期間亦擔任貓頭鷹親子教

育協會的美編志工，設計網頁

banner, DM , T-shirt 及形象

廣告來增加實作經驗。

易禧創意商業插畫訓練班

在商業插畫課程中，除了

學習手繪轉數位的上色流

程與方式之外，老師常常

耐心的一對一教學，針對

我們的作品，以構圖、色

彩、風格來分析講解。

貓頭鷹親子教育協會

擔 任 美 編 志 工，設計網頁

banner, 海 報 , DM , T-shirt

及形象廣告。

飛 肯 設 計 RWD 手 機網頁版型設計班

學習 RWD 網頁版型設計原理

切 版 及 CSS3 Animation、

Web font、使用視網膜解析度

圖片 ... 等新式網頁設計技巧。

2

排版作品

排版練

習

3

這是一本產品型錄的排

版練習，在跨頁中以高

對比大標題吸引讀者的

目光，並以留白使版面

舒適大方。

排版練習

型錄

4

這是一本產品型錄的排

版練習，在跨頁中以高

對比大標題吸引讀者的

目光，並以留白使版面

舒適大方。

排版練習

型錄

5

這是一本產品型錄的排

版練習，在跨頁中以高

對比大標題吸引讀者的

目光，並以留白使版面

舒適大方。

排版練習

型錄

6

這一系列的雜誌排版練

習想以不同風格表達同

一內容，本作品 以不

同大小的圖片製造律動

感，標題以海苔色為底

色，連結壽司。

雜誌排版練習

滋味

7

這一系列的雜誌排版練

習想以不同風格表達同

一內容，本作品以綠橘

清爽風呈現， 並間接以

大幅筷子圖像為主視覺

引誘讀者的食欲。

雜誌排版練習

滋味

8

這一系列的雜誌排版練習想以

不同風格表達同一內容，本作

品 以大量的照片及夠大的標

題營造豐富多樣感，引發讀者

的食欲。

雜誌排版練習

滋味

9

平面設計

計設面

平

10

背景特別設計用以強調 iphone 6 螢慕的鮮豔色彩。

以弧型光芒及 iphnoe 的側視圖製造空間感，使觀

看者彷彿親眼所見。

廣告練習

iPhone6

11

背景特別設計，用以強調 iphone 6 的金色質感。以弧

型光芒及蘋果 Logo 曲度柔化 iphone 6 的剛硬感。

廣告練習

iPhone6

12

Vera Wang 的禮服以難預約聞名 ，因此想要向消費者傳

達等待是值得的。沙漏代表時間流逝，千萬張設計稿經沙

漏篩選出一件美麗的禮服一表達 Vera Wang 的禮服萬中

選一，新娘的等待是值得的。

廣告練習

萬中選一

13

本作品使用 Illustrator 製造出如針織排汗衫的

背景，配合明亮水藍色，給人清涼舒適排汗

感，襯托鞋子輕巧透氣感。 並以飛濺的液體

創造輕巧動感，比諭鞋子如流體般貼身動感。

廣告練習

Nike

14

本作品以葉子包覆保養品，象徵克蘭詩的草本保養

概念。綠色背景營造大自然意象，潑濺的水呼應其

保濕功能。

廣告練習

CLARINS

15

這是為貓頭鷹親子教育協會所繪製的活動 DM 海報，本作

品以繽紛色彩的小朋友插圖及高對比的標題字， 吸引觀看

者注意。設計力求活動資訊一目了然。

DM 設計

生活五峰

16

右方 Logo 由書本形狀組成

方向指標牌，象徵閱讀給我

們人生的方向。 左方 Logo

以帆船的帆桅為風向的意象，

象徵藉由書本得到動力來源。

這是一系列為書店 LOGO

設計練習，由於書店主人喜

愛大自然，希望 LOGO 中

有植物的元素， 且樹苗象徵

生命力，因此右圖以樹苗為

設計發想捷和書本，象徵書

本帶給人生命力。左圖象徵

赤子之心。

Logo & VI 練習

書店

17

此 VI 設計理念為 :" 書本給人方

向 "。 因此以由書本形狀組成

方向指標牌，象徵閱讀給我們

人生的方向。

VI 練習

閱向未來

18

518 外包網競標

LOGO / Lilikoko

業主希望 " 在設計 LOGO 時風格往簡約、高雅、

時尚、精緻方向 "，因此以獨一無二的手拉字型

繪出簡約優雅時尚 LOGO 字型，提高消費者的

購買慾。

19

葉黃素 DNA(生物科技)

www.eyel ight .com.tw

518 外包網競標

LOGO / 舒晶亮

業主希望以高科技出發，再加入一點生物科技

感。細長的中英文字體，優雅而現代。DNA 的雙

螺璇則是不可或缺的生醫科技意象。

20

518 外包網競標

LOGO / 樂活節能捲窗

業主希望 "LOGO 以綠色為主不超過 3

色，架構簡單即可，圖或文字皆可 "。

LOGO 的以節能捲窗的外型表達，手拉

字母 LOHAS 增加企業識別度，讓消費

者對 LOGO 過目不忘。

LOHAS

樂 活 節 能 捲 窗

21

518 外包網競標

LOGO / 行動手機架

業主希望 " 能夠給人一種貼心可愛、輕鬆簡單的

感覺 "。使用藍色呈現輕鬆戶外感，用簡單可愛

的造型呈現 Macana 手機鏡架的結構，使消費者

一看就記憶起來 LOGO。

22

518 外包網競標

LOGO / 佳錄

LOGO 呈現鏡頭底下隨時記錄路況，"

佳錄 " 兩個字特別手繪以醒目。名片簡

單乾淨大方排版。

國際股份有限公司

國際股份有限公司 路況安全 鏡頭

23

518 外包網競標

LOGO / 佳錄

LOGO 呈現鏡頭底下隨時記錄路

況，"佳錄 "兩個字特別手繪以醒目。

名片簡單乾淨大方排版，直式排版

增加識別度。

國際股份有限公司

國際股份有限公司 路況安全 鏡頭

24

以手繪風塑造自然清新感，素材

皆自己所繪，可用於名片、包裝

之使用，使有整體一致感。

518 外包網競標

LOGO / 金漾高粱酒

業主說明如下 :【以金門高粱

酒加山苦瓜浸泡而成，要有

高粱酒、山苦瓜、金門等元

素。" 漾＂ 波動、流動、水

波盪漾、動感、水流。加中英

文＂金漾高粱酒＂ ＂Kinyang

Kaoliang Liquor＂】。

以手繪風塑造自然清新感，

素材 皆自己所繪，可用於名

片、包裝 之使用，使有整體

一致感。

25

以手繪風塑造自然清新感，素

材皆自己所繪，可用於名片、

包裝之使用，使有整體一致感

。

以手繪風塑造自然清新感，素材皆自己

所繪，可用於名片、包裝之使用，使有

整體一致感。

26

這是為貓頭鷹親子教育協會所設計的

T-shirt，設計理念如下 :" 閱讀給我們

人生的方向，象徵站 在人生十字路口

的小朋友，藉由貓頭鷹親子教育協會

獲得人生 未來的方向。"

T-shirt 設計

閱向未來

27

這是為貓頭鷹親子教育協會

所設計的 T-shirt，用卡通風

呼籲大家一起來閱讀，配色

構圖力求活潑亮麗。

T-shirt 設計

Let's Read

28

以淡黃色麻布為背景，拼布質

地為標題背景，配合手寫字體，

給人手工的質感。DM 中自己所

繪之向量插圖，可無限放大。

518 外包網競標

DM / 創薪

29

30

518 外包網競標

DM / 創薪以淡黃色麻布為背景，拼布質

地為標題背景，配合手寫字體，

給人手工的質感。DM 中自己所

繪之向量插圖，可無限放大。

31

32

這是一份三摺兩頁的 DM 設計

練習。封面以草綠色嫩葉呈現

Aveda 的環保自然形象， 對

比色的橘色標題字，呈現清新

亮眼的效果。封底則以紅色營

造節慶的感覺。

DM 練習

Aveda

33

這是一份三摺兩頁的 DM 設計

練習。封面以草綠色嫩葉呈現

Aveda 的環保自然形象， 對

比色的橘色標題字，呈現清新

亮眼的效果。封底則以紅色營

造節慶的感覺。

DM 練習

Aveda

34

本 eDM 以居家的清爽色調

背景營造清潔乾爽感，排版

力求簡單明瞭，呈現資訊重

要性的階層。

eDM 練習

吸塵器

綠色環保超靜音吸塵器醫療級HEPA12級濾網，超強過濾效果

ZUSG3901

綠色環保吸塵器- UltraSilencer Green 是超靜音吸塵 UltraSilencer 與之環保升級版；綠色環保吸塵器

系列不僅具備一般版本之超靜音、超強集塵效能，機身以 55% 回收塑膠創造時尚俐落黑色外型，與製

造全新塑膠相比，僅消耗 15% 能源與 50% 用水量，並可減少塑膠掩埋量，並點綴自然草綠微笑曲線，

展現全新風貌。

使用 Ultra Silencer 吸塵器您將體驗到完全不同的清潔樂趣。它的超低噪音讓您不會遺漏身旁重要的聲

音，您也不用擔心清潔會打擾到其他人。此 Electrolux 吸塵器人性化的設計方便您調整吸力及清潔模式

，輕鬆清潔地板、地毯、甚至家具表面等。

超靜音僅68dB

超強每秒37公升的集塵氣流量，將灰塵一網打盡

歐洲原裝進口

升 級 綠 色 生 活

值 得 推 薦 有 清 潔 樂 趣 的 吸 塵 器 品 牌 E l e c t ro l u x

吸塵器使用可水洗之 12 級認證的HEPA濾網，可濾 99.97% (0.3微米) 以上的微塵及過敏源。若家中有

氣喘、過敏患者，或只想擁有一塵不染、健康的生活環境，高過濾效果的HEPA 12 級濾網讓您不用擔

心空氣二次污染。

1 2 級 H E PA 濾 網 9 9 . 9 7 ％ 的 過 濾 效 果

超低噪音，不論在何時使用，一點也不會讓人煩躁，讓您清潔時心情更加愉快。

超 靜 音 6 8 d B

Ultra Silencer吸塵器擁有低噪音、高集塵效率，兩種強效。其秘密就在於我們有超大排氣口，避免氣

體洩漏，渦輪馬達周邊使用[減震圈]、[消音棉]、[雙層電機罩]以及[專利集塵袋 S-bag]。提高密封效率

以降低氣流所產生的噪音，設計符合空氣動力學的吸塵器，因此Ultra Silencer吸塵器成為我們最安靜

的吸塵器。

低 噪 音 、 高 集 塵 效 率 U l t r a S i l e n c e r 吸 塵 器

沙發小吸頭：有效吸附毛絮且不傷家具表面 / 尖嘴吸頭：清潔隙縫輕鬆省時 / 馬鬃毛刷：含50%馬鬃毛

最 新 三 合 一 吸 頭

滑動流暢，使用輕鬆不傷腰

全 新 A e ro p ro 超 輕 鋁 合 金 材 質

ZUSG3901黑色1000W37

68db600mm x 400mm x 360mm9.93kg匈牙利

型號顏色

輸入功率(瓦數)吸力空氣流量 (公升/每秒)

聲量值(分貝)尺寸重量產地

http://www.electrolux.com.tw/ 新北市板橋區縣民大道2段68號9F 0800-888-259

35

本 eDM 以居家的清爽色調背

景營造清潔乾爽感，排版力求

簡單明瞭，呈現資訊重要性的

階層。

eDM 練習

洗衣機

6 種烘乾行程選擇鍵

專利蝴蝶式葉版

獨家雙層濾網

可更換開門方向

簡易可清理式風扇

熱傳式冷凝器易清洗

智慧型烘乾感應

熨燙烘乾程式

溫度感應裝置

外接式冷凝排水管

定時烘乾/強力烘乾/自動烘乾/一般烘乾/熨燙烘乾/噴氣除塵

適用於烘乾精緻衣物或化纖質料。

低溫鍵

視窗會以倒數方式顯示洗程時間，當洗程完成時視窗會出現"END"。

當機器發生故障時視窗能顯示各項故障訊息，以方便維修人員儘速完修。

視窗會以倒數方式顯示洗程時間，當洗程完成時視窗會出現"END"。

啟動鍵

控制停止烘衣機或中途要更改洗程的開關。

停止鍵

ASKO 烘衣機最智慧的設計

選擇此功能滾筒在2小時內會每分鐘旋轉3秒，以防衣物因久置變皺。。

防皺鍵

視窗螢幕

http://www.electrolux.com.tw/ 新北市板橋區縣民大道2段68號9F 0800-888-259

白色12Kg (洗衣12Kg、烘衣7.5Kg )82Kg

110V/60Hz1260W (含電熱器)寬630*高976*深7924716022062112

顏色總容量

重量

電壓消耗功率

尺寸條碼

寬697*高1015*深842外箱尺寸

榮獲 G-Mark 設計大賞

大直徑滾筒內槽

鑽石型內槽設計

5 重流體平衡振動

日本原裝進口

HITACHI 日立SFBD1700T

11公斤滾筒洗脫烘洗衣機

36

這是給夏令營小朋友

設計的名牌，共有

六組加一款老師的名

牌。

插畫與編排

夏令營名牌設計

2

2015教會兒童夏令營

愛 希望仲夏夜之

1

2015教會兒童夏令營

愛 希望仲夏夜之

5

愛 希望仲夏夜之

2015 教會 兒童夏令營

4

愛 希望仲夏夜之

2015教會兒童夏令營

3

2015教會兒童夏令營

愛 希望仲夏夜之

6

愛 希望仲夏夜之

2015 教會 兒童夏令營

37

3

2015教會兒童夏令營

愛 希望仲夏夜之

6

愛 希望仲夏夜之

2015 教會 兒童夏令營

以清爽的白綠色為主軸，標題搭配一點對比色紅色，畫龍點睛。插圖，

標準字皆為自己所繪製設計。希望活潑的版面能讓小朋友愉快地閱讀吸

收。

2015 南勢角長老教會兒童夏令營

姓名年級組別

我的成長日記高年級組

插畫與書籍編排

夏令營學生手冊封面

38

金句

台灣府城教會報

台灣第一座西式醫院

台灣第一份

報紙

第一課

3 第一課 馬雅各宣教士

2015_學生手冊_中年級.indd 3 2015/6/24 下午 04:24:36

這是夏令營學生手冊第一課的封面。自己繪、設計的插圖，標準字，希望

活潑的版面能讓小朋友愉快地閱讀吸收。

插畫與書籍編排

馬雅各宣教士封面

39

這是夏令營學生手冊第二課的封面。自己繪、設計的插圖，標準字，希

望活潑的版面能讓小朋友愉快地閱讀吸收。

金句

第二課

你可以教我台語嗎?

好阿

6 第二課 馬偕博士

2015_學生手冊_中年級.indd 6 2015/6/24 下午 04:24:37

插畫與書籍編排

馬雅各宣教士封面

40

有法寶

金句

第三課

11 第三課 冬瓜奶奶有法寶

2015_學生手冊_中年級.indd 11 2015/6/24 下午 04:24:39

這是夏令營學生手冊第三課的封面。自己繪、設計的插圖，標準字，希望活潑

的版面能讓小朋友愉快地閱讀吸收。

插畫與書籍編排

孫裡蓮宣教士封面

41

插畫練習排版練

習

習練

插畫

42

鮮豔的前色配上留白的背景，運用了 illustrator 的漸層、漸

變、3D、旋轉及路徑管理員功能。

插畫練習

塗鴉

43

Painter 的筆觸練習。

插畫練習

小小人兒

44

配色鮮艷，使用 Illustrator 繪製的花，使用了扭曲與變形效

果、3D 效果、彎曲效果及圖樣筆刷。

插畫練習

花團錦簇

45

小天使與愛心蜜蜂 : 以條紋的愛心為身體，對比色的配色，生

動的姿勢營造活潑感。

插畫練習

小天使愛心蜜蜂

46

聖誕卡練習與改為三頭身的 Q 版海賊。

插畫練習

聖誕卡海賊

47

三頭身的機器娃娃，運用了 Illustrator 的漸層色票及繪圖樣

式。

插畫練習

機器娃娃

48

這一系列的 Web Banner 是為貓頭鷹親子教育協會所繪製，

本作品以繽紛色彩的小朋友插圖及高對比的標題字， 吸引觀

看者注意。設計力求活動資訊一目了然。

插畫練習

Web Banner

49

躺臥在祢懷裡，今天讓我當個愛哭鬼，盡情的哭。

插畫練習

愛哭鬼

50

偶爾也讓心中的頑皮鬼出來搗蛋一下 。

插畫練習

頑皮鬼

51

熱情鬼 - 當一個溫柔的熱情鬼 !!

插畫練習

熱情鬼

52

要頭髮快掉光光牙齒快掉光光也要開開心心的。

插畫練習

開心鬼

53

再倒楣也要勇敢面對每一天

插畫練習

韌性鬼

54

要像滿足鬼一樣，天天滿足的感謝上帝。

插畫練習

滿足鬼

55

56

這是練習給憂鬱

症防治機構的吉

祥物 - 陽光小雞。

右 : 四分之三側臉

左下 : 正面

右下 : 側面

吉祥物設計練習

陽光小雞

57

上 : 一起走

下 : 陪伴

58

網頁作品

品作

網頁

59

60

這是為阿姨製作的官網 - Hi-Tech Digital

CCTV，位於澳洲，是一家專門銷售監

控系統的商店。此網站為響應式網頁設

商業網站

Hi-Tech Digital CCTV計 (RWD)，在行動裝置與平板上

亦有良好的視覺呈現。內頁已設計

完成，等待更新資料。首頁完成了

61

使用技術

banner，等待阿姨提供首頁內容。全

站由個人負責製作，包含所有美術、

切圖、前端 JS...。

62

63

64

65

66

此網站收集了了我認為經典的名畫，並詳

細介紹畫派與畫家的風格與特色。文字資

料與名畫圖片皆由網路蒐集而得。此網

教育網站

經典名畫

站為 響應式網頁設計 (Responsive

Web Design)，在行動裝置與平板

上亦有良好的視覺呈現。全站由個

67

人負責製作，包含所有美術、切圖、

前端 JS...。

使用技術

68

69

70

71

72

其他作品

品作

其他

73

此 作 品 使 用 了 "How to

cheat in photoshop CS6"

一書中的原始圖片， 運用

photoshop 中修圖的技巧

為女主角化妝成美女。

PS 練習

Face Off

74