Chapter2 蔬菜專賣店酷卡

NG 「我想讓成品呈現出既隨興又歡樂的氛圍，結果怎麼好像很平淡……」

OK 「只要運用圓點跟條紋，便可輕易提升輕鬆感喔！」

客戶要求重點

‧以「近在生活圈中、可輕鬆取得的有機作物」為訴求的蔬菜專賣店

‧希望設計保有自然風格，並呈現出輕鬆歡樂的氛圍

NG 平淡的版面，給人鬆散的印象

NG1

整體來說大範圍的色塊太多，版面顯得過於平淡，導致設計看起來鬆散。

NG2

這條資訊相當重要，但由於裝飾過於薄弱，顯得一點都不起眼。

NG3

雖然採用略帶手寫風格的黑體字，企圖營造輕鬆感，卻未能建構出歡樂的感覺。

NG4

文字只是被單純地排列出來、缺乏變化，無法讓人一眼就消化資訊內容。

「我希望能再進一步呈現出，在店面挑選蔬菜時的雀躍感……」

NG1 色塊的濫用

大面積色塊過多，給人平淡的印象

NG2 細部裝飾過於薄弱

細部裝飾過於簡單，不夠搶眼

NG3 字體選擇

選用的字體給人正經八百的印象

NG4 資訊的排列方式

單純羅列的資訊，難以掌握其內容

OK 運用條紋與圓點增添輕鬆感



OK1

使用條紋與圓點帶出輕快和輕鬆感。有機形狀的邊框也可營造出雀躍感。

OK2

在對話框內加入圓點，並將文字放在波浪邊框上，演繹出歡樂的氛圍。

OK3

針對英文選用去角、帶有圓潤感的字型，日文則是採用圓體字，營造柔和氛圍。

OK4

放大重要的電話號碼，藉由增添變化讓資訊更易讀。加上電話圖案效果更佳。

細節修飾POINT！

「試著在邊框與對話框內也加入條紋跟圓點！」

在邊框與對話框內加入條紋與圓點，比起使用大面積色塊所構成的版面會更具有隨興感，並可營造出輕快、歡樂的印象。不過圖樣太大的話，會給人過於強烈的印象，務必小心！

使用條紋與圓點的細節修飾手法

常見的條紋跟圓點只要稍加變化，便能有多元的呈現方式喔

1. 上下方的條紋跟鮮豔的橘色標題構成吸睛的設計，不僅呈現出天然的感覺，同時提升了隨興感。

〉〉餅乾形狀邊框

〉〉輕飄飄的對話框

2. 加入小圓點的邊框既可愛又帶有時髦的隨興感。垂掛於左上角的絲帶則有助於強化版面。

〉〉垂掛絲帶×條紋

〉〉留有開口的對話框

3. 在上下方放置超出畫面的煙霧狀圖形，並於其中散置條紋與圓形色塊，構成活潑的設計。

〉〉上下線條×兩邊的圓點

〉〉虛線對話框

4. 在恰似店面外觀的背景中加入白色中空字以及留有開口的對話框，營造出輕快、帶有流行風格的印象。

〉〉留有開口的圓形對話框

〉〉留有開口的圓角對話框

適用於新鮮蔬菜的字型與選色

範例中所用到的字型與顏色：

Brandon Grotesque Bold

DNP 秀英丸ゴシック Std B

‧CMYK /24,0,76,0

‧CMYK /0,37,74,0

‧CMYK /89,47,100,11

這些字型與顏色也相當推薦：

ErnestinePro Bold

VDL メガ丸 R

‧CMYK /0,5,70,0

‧CMYK /37,39,58,0

‧CMYK /61,7,67,0



Chapter7 日本酒活動傳單

NG 「我太想烘托出日本酒的形象，結果讓和風設計顯得很礙眼」

OK 「只要運用細線邊框，便能營造出符合時下趨勢的隨興感喔」

客戶要求重點

‧為年輕人與親子都能樂於其中的輕鬆日本酒活動

‧希望擺脫拘謹感，呈現出易親近又時髦的活動意象

NG 細部裝飾的主張太強，反而礙眼

NG1

照片塞滿了整個版面，給人擁擠且不入流的印象。單純地隨機配置照片是無法營造出品味感的。

NG2

邊框過粗，給人厚重的印象。此外，毫無巧思的簡單六角形更加助長了老氣感。

NG3

濫用下拉式陰影造成文字難以閱讀，並給人散漫的印象。而真正想要強調的資訊也未能被凸顯。

NG4

深藍色的色塊給人陰暗的印象，可能會使年輕人或親子族群敬而遠之。

「我本來是想做出，充滿隨興感又時髦的設計……」



NG1 照片的配置

在畫面中各處放上多張大照片顯得擁擠

NG2 過粗的邊框

讓設計顯得不入流且老氣

NG3 陰影過多

製造出散漫的印象，且模糊掉重要資訊

NG4 深色色塊

顯得厚重又陰暗，並不適合主打的族群

OK 用細緻的顏色與隔線，營造輕巧和風感

OK1

統一照片的顏色，並縮小照片後再進行配置，就能讓版面變清爽，帶來整合感與時髦的印象。

OK2

將酒名配置於照片附近，誘發觀者的興趣。加上邊框也可構成設計的亮點。

OK3

將標題與英文字全都放入細線構成的邊框內，這樣的手法是近年來和風設計的趨勢。

OK4

於版面各處添加白底可演繹出輕盈的感覺，同時也讓觀者聯想到冷酒清冽的透明感。

細節修飾POINT！

「如果想營造出輕巧感與隨興感，試著將重點放在線條的粗細與留白上吧」

想呈現出隨興感或輕巧感時，相當推薦使用細線。細線不會讓人覺得厚重，可在整體版面中營造出輕飄飄的空氣感。此外，也切記別將版面塞得滿滿的，適度地留下留白空間吧。

給人時髦感的細節修飾手法

藉由和風意象，營造出充滿日本味的風格

1. 四周的方格圖案演繹出和式氛圍。加入商家門簾的意象，有助於讓觀者更加感受到與日本酒活動的關聯性。

〉〉格紋邊框

〉〉商家門簾

2. 將畫面整體用雙線邊框框住，並在格線版面中用細線分隔各項資訊，使整體版面既時髦又清爽。

〉〉雙線邊框×色塊

〉〉方頭實心括號

3. 復古風的絲帶為此範例的重點。左右對稱的版面帶來穩定感，讓人感受到傳統與協調等和風的精髓。

〉〉復古風格的絲帶

〉〉左右兩方的集中線

4. 繩子上的線條除了烘托出標題，同時也兼具了區隔資訊的功效。照片與商品名稱的部分也用了和風主題的細部裝飾。

〉〉繩子的線條

〉〉木瓜紋形邊框

譯註1：木瓜紋為日本古代家徽之一。

適用於輕鬆日式活動的字型與選色

範例中所用到的字型與顏色：

A-OTF リュウミン Pro R-KL

Mrs Eaves Roman All Petite Caps

‧CMYK /0,5,9,2

‧CMYK /65,40,5,7

‧CMYK /100,83,5,24

這些字型與顏色也相當推薦：

A P-OTF 秀英にじみ明朝 StdN L

Copperplate Regular

‧CMYK /12,5,0,0

‧CMYK /15,90,90,65



Column 細節修飾×注目度

「打造吸睛元素提升注目度！」

POINT

即便是簡單或以文字為主的設計，些許的細部裝飾都有助於讓視線聚焦。試著在希望提升注目度的地方加入吸睛元素，如此一來，觀者的視線自然會停留該處，並被版面吸引住。

而製作吸睛元素最簡單的方法，就是運用圖形。在觀看上方的OK範例時，你的目光是否停留在黑色圓形上？有如這個例子所示，單純的圓形或四方形都充分具備了吸引目光的功效。而對話框或圖標等圖形，更能讓觀者感到親切，並為設計營造出熱鬧的效果。版面中的左上角是吸睛元素最能發揮功效的位置，因為人的視線是沿著從左到右、從上到下的方向移動，在偏左或版面上方處若放有醒目的元素，在一開始就容易受到注目。

此外，想吸引觀者閱讀文章時，在起頭的文字上加入吸睛的元素，就能順利將觀者引導至閱讀文章的方向。

參考下方範例，試著打造出效果非凡的吸睛元素吧。

‧各種吸睛元素‧

對話框

對話框是任誰都無法忽視、親切感十足的招牌元素

集中線

集中線是使用門檻低、並可輕鬆營造出時髦感的時下細部裝飾元素

圖標

選用與設計內容意象有關聯的圖標，能幫助掌握內容

標籤風格

利用絲帶或標籤有助於達成風格精緻的設計

添加圖形

樸素的圖形即便設計簡單，同樣能不著痕既地捕捉住視線

放大起頭文字

這項手法可引導觀者下意識地閱讀文章

Chapter2 蔬菜專賣店酷卡

NG 「我想讓成品呈現出既隨興又歡樂的氛圍，結果怎麼好像很平淡……」

OK 「只要運用圓點跟條紋，便可輕易提升輕鬆感喔！」

客戶要求重點

‧以「近在生活圈中、可輕鬆取得的有機作物」為訴求的蔬菜專賣店

‧希望設計保有自然風格，並呈現出輕鬆歡樂的氛圍

NG 平淡的版面，給人鬆散的印象

NG1

整體來說大範圍的色塊太多，版面顯得過於平淡，導致設計看起來鬆散。

NG2

這條資訊相當重要，但由於裝飾過於薄弱，顯得一點都不起眼。

NG3

雖然採用略帶手寫風格的黑體字，企圖營造輕鬆感，卻未能建構出歡樂...

前言：本書的概念

該怎麼做才能設計出彷彿出自專家之手的高質感作品？

是放入有型的照片？還是選用具有時尚感的字型？

當然這些方法都有幫助，但想達成高完成度的設計，

針對細節進行不著痕跡的修飾最為有效！

但我不太懂修飾細節的手法耶……

內心抱有這種想法的人應該不少。這點我懂。

這條資訊該放哪裡比較好

資訊量太多整理不來！

讓標題更加搶眼……？該怎麼做才對？

我想讓版面看起來可愛，但完全不曉得該如何下手！

↓ ↓ ↓

這些問題全部都能透過細節的修飾來解決！！

也就是說，既符合潮流同時又能直達人心的設計

取決於修飾細節的能力！

本書將介紹各種符合時下趨勢的細節修飾手法，

是一本前所未有、聚焦於「細部裝飾」的設計參考書。

前言：本書的概念

該怎麼做才能設計出彷彿出自專家之手的高質感作品？

是放入有型的照片？還是選用具有時尚感的字型？

當然這些方法都有幫助，但想達成高完成度的設計，

針對細節進行不著痕跡的修飾最為有效！

但我不太懂修飾細節的手法耶……

內心抱有這種想法的人應該不少。這點我懂。

這條資訊該放哪裡比較好

資訊量太多整理不來！

讓標題更加搶眼……？該怎麼做才對？

我想讓版面看起來可愛，但完全不曉得該如何下手！

↓ ↓ ↓

這些問題全部都能透過細節的修飾來解決！！

也就是說，既符合潮流同時又能直達人心的設計...

前言：本書的概念
本書使用方法
Chapter 01 時尚風設計｜STYLISH DESIGN
生活風格用品店的活動宣傳DM
女性時尚雜誌
咖啡店菜單
品牌服飾店開幕宣傳海報
餐具專賣店網站首頁
Column／細部修飾 × 隨興感

Chapter 02 流行風設計｜POP DESIGN
宣傳促銷的換頁橫幅廣告
蔬菜專賣店傳單
個展DM
戶外活動傳單
Column／細部修飾 × 風格營造

Chapter03 自然風設計｜NATURAL DESIGN
地方縣市宣傳海報
天然肥皂傳單
花草茶新品廣告海報
婚禮展傳單
Column／細部修飾 × 質地

Chapter04 商業風設計 ｜BUSINESS DESIGN
網路集客行銷研討會傳單
商管書籍POP廣告
招募職場新鮮人的網站
Column／細部修飾 × 資訊整理

Chapter05 公共設計｜PUBLIC DESIGN
市民講座海報
智慧型手機應用程式登陸頁面
親子取向活動海報
Column／細部修飾 × 文字裝飾

Chapter06 少女風設計 ｜GIRLY DESIGN
香水新品廣告海報
時尚雜誌封面
兒童服飾品牌形象海報
美髮沙龍店開幕宣傳DM
甜點外包裝
Column／細部修飾 × 對比

Chapter07 和風設計｜JAPANESE DESIGN
水墨畫展傳單
日本酒活動傳單
新春特賣橫幅廣告
餐廳新推出的日式料理POP廣告
Column／細部修飾 × 注目度

Chapter08 季節性設計｜SEASON DESIGN
櫻花攝影比賽海報
夏季旅遊橫幅廣告
聖誕節蛋糕傳單
Column／細部修飾 × 律動感

Chapter09 奢華風設計 ｜LUXURY DESIGN
高級手錶廣告
度假飯店廣告手冊
高級閃電泡芙專賣店DM

網羅細部裝飾！

前言：本書的概念
本書使用方法
Chapter 01 時尚風設計｜STYLISH DESIGN
生活風格用品店的活動宣傳DM
女性時尚雜誌
咖啡店菜單
品牌服飾店開幕宣傳海報
餐具專賣店網站首頁
Column／細部修飾 × 隨興感

Chapter 02 流行風設計｜POP DESIGN
宣傳促銷的換頁橫幅廣告
蔬菜專賣店傳單
個展DM
戶外活動傳單
Column／細部修飾 × 風格營造

Chapter03 自然風設計｜NATURAL DESIGN
地方縣市宣傳海報
天然肥皂傳單
花草茶新品廣告海報
婚禮展傳單
Column／細部修飾 × 質地

Chapter04 商業風設計 ｜BUSINESS DESIGN
網...