出版:2025.07
規格:繁中/平裝/224頁/16 x 23/彩色
ISBN:9786263799479
備註:初版
好設計不靠虛無縹緲的品味
掌握資訊層級,凸顯內容亮點
改變配色、文字模組,讓版面煥然一新
外行人也能做出專業感商業設計!
商業設計的目的,在於確實傳達客戶要提供給消費者的資訊。
從基礎設計知識開始,理解資訊整理、版面配置、字形印象等大方向,
到色相環配色法、選用插圖的法則,以及圖表化的重點等等,
依循原則進行修改,輕鬆做出好讀易懂的商業設計!
Part 1 第一步最關鍵!進行設計前的準備步驟
Part 2 令人賞心悅目的排版重點
Part 3 讓文字資訊好看又好讀的重點
Part 4 營造理想氛圍的色彩與配色祕訣
Part 5 如何將照片與插畫的力量發揮到極致
Part 6 淺顯易懂的圖表與圖解
Part 7 專業級裝飾手法
✓字型、顏色不要超過三種的設計基本原則
▎黑體字、襯線字怎麼用?中英文字型搭配增加統一感
開始著手設計時,總是忍不住想用看看各種花式藝術字體,
然而當文字樣式一多,字型就開始打架,不曉得該如何搭配使用,
若再碰上中文和英文字型系統不合,整體氛圍也會大打折扣。
本書列出適合搭配的字型家族,以及各種字型適合的氛圍效果,
讓毫無頭緒的新手設計師可以參照搭配。
▎先決定主色,再用點綴色自在變換風格
配色是營造風格的一大重點,但若搭配失當,傳遞訊息的效果也事倍功半。
還不熟悉配色法則的新手,可使用「主色+無彩色」的手法,
塑造簡約俐落又不容易失敗的風格。
若想以2~3種色彩構成畫面,則可利用方便的工具「色相環」,
找出相近和對比的顏色,用不同點綴色組合變化設計風格。
✓插畫VS照片?依據想傳達的氛圍選擇合適素材
▎照片排版別有學問,人物視線方向傳達不同意境
商業設計中使用真人照片時,會充滿說服力與真實性,
可以具體傳達商品的使用效果與魅力,增加消費者的信賴感。
照片中的人物視線或動作方向,可以結合文字的視覺動向傳遞訊息,
利用裁切、重疊使用等不同編排方式,也能增添版面的活潑氛圍。
▎根據設計目的,選擇合適的插畫風格
插畫比起真人照片更有親切感,想讓設計平易近人時便可活用插畫素材。
簡約風格、帶線條感的插畫通用性很高,可以用在各種設計當中;
物品擬人化的角色插圖或漫畫筆觸插畫讓人眼睛一亮,卻因風格強烈需要謹慎選用;
圖示插圖可以用來裝飾標題或按鈕設計,不易干擾其他元素,有不錯的輔助效果。
✓資訊圖像化,讓消費者一眼看出文字與圖表的重點
▎圖表注重數據易讀性,避免增加閱讀壓力
有些商業設計中會列出數據,想提供消費者更完善的資訊,
然而品項數字一多,容易讓觀看者感到疲勞。
利用簡潔的色彩與強調重點,加上易讀小巧思,
讓觀看者不必思考就能馬上看懂,是在設計中使用圖表的重點。
▎對話框、裝飾巧思,讓文字細節更精緻
確保文字的易讀性之後,如何加入裝飾的巧思便是襯托整體氛圍的關鍵。
在標題周遭利用裝飾線、對話框或強調符號,就能增添活潑感並吸引目光,
常見的裝飾其實意外方便又好用,且裝飾的目的是襯托主角,應該適當使用。
無論是時髦的風格或隨興感,都能利用線條和文字裝飾輕鬆達成!
■ 本書特色
1.七大設計方向,練就專業級商業設計:以資訊整理、版面設計、文字、配色、照片插圖、圖表重點、裝飾手法七種設計思考方向進行解說,系統性學習設計基礎知識。
2.設計修改前後對照,調整效果更明顯:39招設計手法以淺顯方式解說,並展示修改前、後的比較範例,初學者更能一目了然看出箇中差異。
3.囊括精彩設計風格,解說實際運用範例:各風格商業設計包山包海,可做為新手設計教科書,更能當成靈感遲遲不降臨時的應用寶典。
■ 前言
大家可能覺得設計格外需要天分,但天分絕非必要條件。設計有許多應注意的重點與訣竅。只要保有這些知識,就能自然而然地培養品味,並且設計出讓人一目了然且賞心悅目的作品。
本書會搭配許多範例,以淺顯易懂的方式解說設計的七大基礎知識。不只是新手設計師,設計初學者或對設計有興趣的人,也能直覺並樂在其中地學習「設計的基礎」。
另外,應用篇會從無數的設計技巧與表現手法之中,嚴選特別容易運用或是可能派上用場的知識加以解說。當碰上缺乏靈感時,或是設計好的作品顯得差強人意的時候,都可善加參考這些輔助技巧。
設計是一連串苦思的過程。期盼這本書能在各位遇到瓶頸的時候,成為提供幫助的可靠夥伴,那麼我也會感到非常榮幸。
木村 宏明
前言 2
本書的使用方式 5
Part 1 第一步最關鍵!進行設計前的準備步驟
01:開始設計之前的資訊整理 8
02:草稿的建議 12
column 最棒的顧問 16
Part 2 令人賞心悅目的排版重點
01:資訊確實對齊 18
02:分門別類可以幫助理解 22
03:用強弱變化傳達資訊! 26
04:以重複的元素製造統一感! 30
05:充分留白更迷人! 34
06:製造魄力的魔術! 38
07:躍動感展現活潑的氣息! 42
08:曲線使畫面活靈活現 46
09:適合三分法的排版 50
10:易懂!醒目!資訊的標誌化 54
column 視線的動向與特性 58
Part 3 讓文字資訊好看又好讀的重點
01:精簡的字數更好理解 60
02:如何加強易讀性 64
03:文字的關鍵在細節 68
04:根據成品風格來選擇字型 78
05:挑選風格大不同的「基礎」與「變化」字型 88
06:先從日英各一種字型開始 98
07:標題就要有標題的樣子 102
column 多多欣賞他人的設計 108
Part 4 營造理想氛圍的色彩與配色祕訣
01:掌握色彩的特徵與風格 110
02:巧妙運用單一色彩 116
03:有兩種色彩就無敵了 122
04:三種色彩的搭配原則 126
05:不再猶豫!從色相環決定三種色彩配色 132
06:以色調展現配色的魅力 136
07:這些要避免!配色的陷阱 142
column 讓更多人看見自己的設計 146
Part 5 如何將照片與插畫的力量發揮到極致
01:照片的力量、插畫的力量 148
02:照片設計的基礎知識 152
03:掌握這些就沒問題!照片上的文字排版 158
04:襯托照片的裁切法 162
05:超實用!照片的各種表現手法 170
06:不失敗的插畫挑選原則 178
07:這樣就更協調了!進行插畫調整 184
08:使用插畫的範例集 188
column 可以使用在設計上的素材網站 196
Part 6 淺顯易懂的圖表與圖解
01:圖表設計要提升數據的易讀性 198
02:差別就在這裡!如何繪製易懂的圖解 202
03:圖表與圖解的使用時機 206
column 成為讓客戶說出「交給你處理」的設計師 210
Part 7 專業級裝飾手法
01:裝飾決定作品的精緻度 212
02:萬能的裝飾!文字、線條、邊框 216
column 事先整理好特定風格的重點 222
結語 223
◎ 木村宏明 Kimura Hiroaki
HAMMOCK Design代表
藝術總監/平面設計師
武藏野美術大學基礎設計學科畢業後,歷經設計事務所與一般企業的職務,於2022年成立HAMMOCK Design。以平面設計為基礎,從事品牌規劃、商品促銷、包裝與網頁等多種領域的藝術設計工作。
X (Twitter):@kimudesign