41
以上兩點在廣告色彩設計上皆是要引起「視覺的注意」或「調和 感」或「統一感」或「對比感」等等皆是在使廣告設計上有比較明顯 的吸引力及商品訴求力與競爭。
芬妮花果茶之色彩計畫的基本原則 １. 運用各種色彩對心理情感或聯想 ２. 運用互補色系搭配
３. 運用同色系的搭配
４. 運用調和原理：如同色系調和，對比色的調和
５. 色彩與整體版面搭配問題；選擇何者為主色；副色考慮色相、明度、
彩度學，秩序感。
第四章 創作作品分析與解說
芬妮花果茶包裝設計 創作主題之擬定
設計型態：新包裝設計
商品性質：蘋果茶、檸檬茶、蓮花茶、玫瑰花茶 包裝材質：200 磅雪花銅版紙盒
42
包裝容量：單包/15 入/40 入
設計要素：芬妮花果茶品牌標誌，高級、精緻之風格 消費市場：一般大眾、百貨公司、超市
宣傳媒介：電視、報紙廣告、海報
主要訴求：設計風格為歐式典雅、精緻、高雅的包裝外觀表縣花 果的新鮮度。
包裝設計確實是無言的消費者，它能隨時提供訊息給社會大眾，
包裝設計的好壞，直接影響商品的銷售，使其能在琳瑯滿目的商品中，
脫穎而出，而將整個銷售行為從傳統的銷售行為演變成 DIY 型式。
如何在視覺傳達設計的學習的過程中，能設計出好的作品，通常 人類對美好的造形會有喜好，這種喜好即是美感，也就是美的感受能 力，雖然人的感受能力是主觀的，但是對美的感受卻還是有客觀基礎。
客觀基礎即是美的型式從希臘哲學家亞里斯多德﹝Aristoteles﹞
以來康德﹝Kant﹞黑格爾﹝Hegel﹞等的研究近代學者的分析改進把美 的型式歸納為 1•反覆 2•交替 3•漸變 4•律動 5•對稱 6•對比•7•
平衡 8•調和 9•支配和從屬 10•統一 11•比例。
設計美感的培養可從三大部分探討：
一、造型美的感受能力；
43
二、對人事物的感受能力；
三、美感與詩意的結合。
在現代設計運動裡，藝術家、設計家、設計教育家認為美感的第 一原則是造型美感元素的認識。這包括了對點、線、面、體、空間等 性質的探討，對色彩及光線性質的探討，對質地肌理性質的探討第二 個原則是：組合原則或造型美感原則的認識，這包括了對尺寸比例的 探討，對造型元素組合的探討，如和諧、平衡、韻律、對比、漸變、
層次等（民 89，楊裕冨）。
44
作品 1：芬妮花果茶 Apple Tea 包裝盒設計步驟與解說
步驟 1：於 Corel DRAW 繪製包裝盒之外型，尺寸為 36×46 cm。
步驟 2：轉檔至 photo phop 並存成 psd 檔。
步驟 3：開啟新檔案設定頁面大小為 A4，解析度為 300 像素/英吋，模 式：CMYK、內容為白色。
步驟 4：開啟包裝盒之展開圖，並將背景色彩定為 C39﹪、M0﹪、Y83
﹪、k﹪。
步驟 5：拖曳圖 4-2 至工作視窗
圖 4-1 芬妮花果茶系列（一）
蘋果茶包裝盒設計 001
圖 4-2 芬妮花果茶系列（一）
蘋果茶包裝盒設計 002
45
步驟 6：拖曳圖 4-3 至工作視窗，並作選取、反轉、羽化，羽化程度為 30﹪透明化為 55﹪
步驟 7：拖曳圖 4-4 至工作視窗，使用魔術棒去背，執行影像/曲線作調 整
圖 4-4 芬妮花果茶系列（一）蘋果茶包裝盒設計 004 圖 4-3 芬妮花果茶系列（一）蘋果茶包裝盒設計 003
46
步驟 8：拖曳圖 4-5 至工作視窗，並複製三個圖層
步驟 9：選取工具箱的文字工具並輸入芬妮花果茶
圖 4-5 芬妮花果茶系列（一）蘋果茶包裝盒設計 005
圖 4-6 芬妮花果茶系列（一）蘋果茶包裝盒設計 006
47
步驟 10：拖曳芬妮花果茶的 mark 並複製三各圖層
圖 4-7 芬妮花果茶系列（一）蘋果茶包裝盒設計完成品
48
作品 2：芬妮花果茶 Lemon tea 包裝盒設計與解說
步驟 1：於 Corel Draw 繪製包裝盒外型，尺寸定為 36×46 cm 步驟 2：存成 psd 檔並輸出至 photoshop
步驟 3：開啟包裝盒之展開圖，並將背景添滿為 C28％、M0％、Y60
％、K0％
步驟 4：拖曳圖 4-9 至工作視窗
圖 4-8 芬妮花果茶系列（二）
檸檬茶包裝盒設計 001
圖 4-9 芬妮花果茶系列（二）
檸檬茶包裝盒設計 002
49
步驟 5：選取包裝盒之正面及背面，並將背景添滿為深綠色彩為 C80
﹪M29﹪Y100﹪K15﹪
步驟 6：拖曳手繪圖 4-11 至工作視窗並作去背
圖 4-10 芬妮花果茶系列（二）檸檬茶包裝盒設計 003
圖 4-11 芬妮花果茶系列（二）檸檬茶包裝盒設計 004
50
步驟 7：拖曳手繪圖 4-12 至工作視窗並作選取羽化，羽化程度為 30﹪
透明化為 45﹪
步驟 8：拖曳 mark 至工作視窗並複製三個圖層
圖 4-12 芬妮花果茶系列（二）檸檬茶包裝盒設計 005
圖 4-13 芬妮花果茶系列（二）檸檬茶包裝盒設計 006
51
步驟 9：於工具箱中選取文字工具輸入 Lemon Tea 每日 C 色彩為 C23
﹪M89﹪Y43﹪K3﹪
作品三：芬妮花果茶 Rose tea 包裝盒 圖 4-14 芬妮花果茶系列（二）檸檬茶包裝盒設計完成品
52
設計與解說
步驟 1：於 Corel Draw 繪製包裝盒外型，尺寸定為 36×46cm 步驟 2：存成 psd 檔並輸出至 photo shop
步驟 3：開啟包裝盒之展開圖，並將背景添滿為 C25﹪M9﹪y66﹪k0﹪
步驟 4：拖曳攝影圖片 4-16 至工作視窗並作選取羽化，羽化程度為 30
﹪透明化為 45﹪
圖 4-15 芬妮花果茶系列
（三）玫瑰茶包裝盒設計 001
圖 4-16 芬妮花果茶系列
（三）玫瑰茶包裝盒設計 002
53
步驟 5：拖曳版畫圖片 4-17 至工作視窗
步驟 6：拖曳手繪圖 4-18 至工作視窗並複製三個圖層，調整大小 圖 4-17 芬妮花果茶系列（三）玫瑰茶包裝盒設計 003
圖 4-18 芬妮花果茶系列（三）玫瑰茶包裝盒設計 004
54
步驟 7：拖曳 mark 至工作視窗並複製三個圖層
步驟 8：拖曳手寫字體芬妮並作去背
圖 4-19 芬妮花果茶系列（三）玫瑰茶包裝盒設計 005
圖 4-20 芬妮花果茶系列（三）玫瑰茶包裝盒設計 006
55
步驟 9：於工具箱中選取文字工具輸入 Rose Tea 色彩為 C23﹪M89
﹪Y43﹪K3﹪
圖 4-21 芬妮花果茶系列（三）玫瑰茶包裝盒設計 007
56
步驟 10：於工具箱中點選文字工具輸入來自法南西斯的玫瑰
圖 4-22 芬妮花果茶系列（三）玫瑰茶包裝盒設計完成品
57
作品四：芬妮花果茶 Lotus tea 包裝盒設計與解說
步驟 1：於 Corel Draw 繪製包裝盒外型，尺寸定為 36×46 cm 步驟 2：存成 psd 檔並輸出至 photoshop
步驟 3：開啟包裝盒之展開圖，並將背景添滿為 c25﹪m9﹪y66﹪k0﹪
步驟 4：輸入攝影圖片 012 設定透明化為 55﹪
圖 4-23 芬妮花果茶系列（四）
Lotus tea 包裝盒設計 001
圖 4-24 芬妮花果茶系列（四）
Lotus tea 包裝盒設計 002
58
步驟 5：拖曳手繪圖 4-25 至工作視窗並複製二個圖層，調整大小
步驟 6：拖曳手繪圖片 4-26 至工作視窗並複製二個圖層，並設定透明 化為 50﹪
步驟 7：輸入 mark 並複製四個圖層
圖 4-25 芬妮花果茶系列（四）Lotus tea 包裝盒設計 003 圖 4-25 芬妮花果茶系列（四）Lotus tea 包裝盒設計 003
圖 4-26 芬妮花果茶系列（四）Lotus tea 包裝盒設計 004
59
步驟 8：拖曳手寫字體芬妮並作去背
圖 4-27 芬妮花果茶系列（四）Lotus tea 包裝盒設計完成品
60
作品五：芬妮手提袋設計分析與解說
步驟 1：開啟 Corel DRAW 繪圖軟體，設定版面尺寸為 72cm×42cm 繪 製手提袋展開圖，完成後按輸出至 Photo Shop
步驟 2：開啟 Photo Shop 並開新檔案設定頁面大小為 A4 解析度為 300 像素/英吋，模式：CMYK 色彩，內容為白色並輸入手提袋展 開圖
步 驟 3 ： 選 取 工 具 箱 的 魔 術 棒 ， 寬 容 度 為 30 ， 分 別 填 上 綠 色 C52%M23%Y89%K4% 漸 層 與 滿 版 色 彩 ， 米 色 則 為 C14%M2%Y28%K0%
圖 4-28 芬妮手提袋設計 001
61
步驟 4：在工作視窗中選取工具箱的文字工具並輸入 Lemon tea 字形為 草書體
步驟 5：拖曳手繪圖 4-30 至工作視窗並去背景，於編輯中點選變形工 具調整至適當大小
步驟 6：選取工具相的文字工具輸入 Natural fruit flower tea 並作文字排列 圖 4-29 芬妮手提袋設計 002
圖 4-30 芬妮手提袋設計 003
62
步驟 7：拖曳芬妮 mark 至工作視窗之下方，調整適當的大小
步驟 8：拖曳圖 4-32 至手提袋側面之位置，並用變形工作調整畫面大小 圖 4-31 芬妮手提袋設計 004
圖 4-32 芬妮手提袋設計 005
63
步驟 9：拖曳圖 4-33 手提袋側面上方之位置，並複製 4 個檸檬片重疊 排列，最後將透明化設定為 55
圖 4-33 芬妮手提袋設計完成品
64
芬妮花果茶海報設計 創作理念：
海報設計主題的擬定包括：1.文字 2.插圖 3.色彩 4.編排，海報是屬於都 市環境的大眾意像。人們對海報的注意力不會超過一分鐘，但是海報對公 眾有強烈的視覺衝擊，概念要有支配性有影響力，要能留下深切明晰印象，
在花果茶的海報設計中，物件選擇以花果有相關之圖像與影像為主，插圖 或影像與主題的訴求內容要有關聯性，影像應有強烈的視覺效果，簡潔名 寮才能引起共鳴與吸引力，進一步引起消費者的購買慾望。
造型理念：
畫面中所有元素作透明化之變化，或有降低明度之變化，表現多層次 的視覺感受，物象之間有些增強或減弱的的處理，以達互相襯托的效果，
並且在當中思考如何突顯視覺的張力，但也要給人自然流露的印象，由畫 面可看出運用重疊法，覆蓋所呈現的意念。
65
芬妮花果茶海報設計
創作理念；海報設計主題的擬定包括 1、文字 2、插圖 3、色彩 4、編 排，海報是屬於都市環境的大眾意象。人們對海報的注意力不會超過一分 鐘，所以海報對公眾有強烈的視覺衝擊。概念有支配力、有引嚮力，要能 深深留下印象，在花果的海報設計中，物件選擇以花果有關的之圖像與影 像為主，插圖與影像的主題的訴求內容要有關聯性，影像應有強烈的視覺 效果、簡潔明瞭，才能引起觀者的共鳴與吸引力，進一步引起消費者的購 買慾望。
造形：畫面中，所有元素做透明度之變化，或有降低明度之變化，表 現多層次的視覺感受，物像間有些增強，或減弱、互相襯托並思考如何凸 顯視覺的張力，但也要給人自然流露的印象。由畫面中可看出運用重疊法、
覆蓋所呈現的視覺意念在編排時運用美的形式原理、媒材：有數位影像、
不透明水彩法、色鉛筆技法、素描技法、空白的運用、視覺的動態感、攝 影拼貼。
色彩：選擇以高彩度或對比色彩的配置，如補色對比、彩度對比、面 積對比、為了使主題明顯，通常把主題誇大，並放在引人注目的畫面上，
雖選擇對比之配色，但仍需要注意畫面的調和。
66
作品六：芬妮花果茶海報設計(一)分析與解說
步驟 1：開啟新檔案設定頁面大小為 A4 解析度為 300 像素/英吋 模式：CMYK 色彩內容為白色
步驟 2：拖曳手繪圖片 4-34 數位筆繪製至剛剛所建立的新檔案中
步驟 3：拖曳圖片 4-35 視窗中，並設定不透明為 62%
圖 4-34 芬妮花果茶海報設計(一)-1
圖 4-35 芬妮花果茶海報設計(一)-2
67
步驟 4：選取工具箱的矩形工具，並將前景色設定為黑色。
步驟 5：拖曳 4-37 至工作視窗
圖 4-36 芬妮花果茶海報設計(一)-3
圖 4-37 芬妮花果茶海報設計(一)-4
68
步驟 6：拖曳手繪圖片 4-38 至工作視窗
步驟 7：選取文字工具並輸入一喝上癮來自檸檬的誘惑，並設定彎曲文 字為波形效果，彎曲+54%，水平扭曲為+21%，並按下確定
圖 4-38 芬妮花果茶海報設計(一)-5
圖 4-39 芬妮花果茶海報設計(一)-6
69
步驟 8：選取工具箱的「文字工具」並輸入 Lemon 字型，顏色為 C75%M51%Y91%K62%字型為 Arial Narrow
圖 4-40 芬妮花果茶海報設計(一)-7
70
步驟 9：合拼可見圖層，並存成 TiF 檔
圖 4-41 芬妮花果茶檸檬系列海報設計表現 形式一
71
檸檬系列海報設計表現形式二
72
作品七：芬妮花果茶海報設計(二)分析與解說 步驟 1：開啟新檔案設定頁面大小為 A4 解析度為 300 像素/英吋
模式：CMYK 色彩內容為白色
步驟 2：新增一個圖層並拖曳拼貼圖 4-41 至工作視窗
步驟 3：新增一個圖 4-43 並拖曳攝影圖片至工作視窗，選取圖層選項，
設定效果為實光。
圖 4-42 芬妮花果茶海報設計(二)-1
圖 4-43 芬妮花果茶海報設計(二)-2
73
步驟 4：新增一個圖層並拖曳攝影圖 4-44 至工作視窗
步驟 5：新增一個圖層並拖曳攝影圖 4-45 至工作視窗
圖 4-45 芬妮花果茶海報設計(二)-4 圖 4-44 芬妮花果茶海報設計(二)-3
74
步驟 6：新增一個圖層並拖曳攝影圖 4-46 至工作視窗，並作反轉羽化，
羽化程度為 30，透明化為 55﹪
步驟 6：新增一個圖層並拖曳手繪圖 4-47 至工作視窗 圖 4-46 芬妮花果茶海報設計(二)-5
圖 4-47 芬妮花果茶海報設計(二)-6
75
步驟 7：新增一個圖層並選取工具箱的文字工具輸入 APPLE TEA Beauty by fen -ni 色彩分別為 C：33﹪M14﹪Y78﹪K1﹪ C：
71﹪M35﹪Y100﹪K23﹪ C：63﹪M80﹪Y59﹪K75﹪ C：44
﹪M15﹪Y66﹪K1﹪
圖 4-48 芬妮花果茶海報設計(二)完成品
76
芬妮花果茶蘋果系列海報設計表現形式二
77
作品八：芬妮花果茶海報設計(三)分析與解說（以復興鄉水蜜桃為例）
步驟 1：開啟新檔案設定頁面大小為 A4 解析度為 300 像素/英吋 模式：CMYK 色彩內容為白色
步驟 2：新增一個圖層並拖曳拉拉山攝影圖 4-49 至工作視窗中
步驟 3：複製三個圖 4-50 之圖層至工作視窗 圖 4-49 芬妮花果茶海報設計(三)-1
圖 4-50 芬妮花果茶海報設計(三)-2
78
步驟 4：拖曳攝影圖 4-51 至工作視窗，並在濾鏡的效果設定為 粗粉臘筆，然後選取工具箱之筆刷，再天空處噴上一些淡藍色
步驟 5：拖曳攝影圖 4-52 至工作視窗，並作反轉羽化，羽化程度為 30 圖 4-51 芬妮花果茶海報設計(三)-3
圖 4-52 芬妮花果茶海報設計(三)-4
79
步驟 6：拖曳攝影圖 4-53 至工作視窗，並執行影像 / 調整 / 曲線
步驟 7：輸入復興鄉字體，選取文字工具，設定效果為陰影外光暈，輸 入水蜜桃季節字體，選取文字工具，設定效果為斜角、外光 暈、色彩覆蓋
圖 4-53 芬妮花果茶海報設計(三)-5
圖 4-54 芬妮花果茶海報設計(三)-6
80
步驟 8：複製圖 4－53 並合併可見圖層，存成 TIF 檔，作 品完成。
81
