Chapter01

MAGICAL COLOR STORY

神奇的色彩物語

Section 1? 何謂色彩???? 011

Section 2? 色彩三屬性???? 012

•色相是區分色彩的主要依據?? 012

•明度可以表現色彩層次感?? 013

•純度展現了色彩的鮮濁度?? 014

Section 3? 色彩的三種模式???? 015

•HSB——人眼對色彩直覺感知的色彩模式?? 015

•RGB——最適合電腦顯示的色彩模式?? 016

•CMYK——最適合印刷的色彩模式?? 017

Section 4? 扮演不同角色的色彩???? 018

•傳遞作品核心的主角色?? 018

•可營造獨特畫面風格的配角色?? 020

•支配畫面整體感覺的背景色?? 022

•緩和游離氛圍的融合色?? 024

•萬綠叢中一點紅的強調色?? 026



Chapter02

THE BASIC PRINCIPLE OF COLOR DESIGN

配色設計必備的基本原理

Section 1? 原則的基礎是不要超過三種顏色???? 031

•從色彩基調入手?? 031

•試試兩色搭配?? 033

•毫不遜色的三色搭配?? 037

Section 2? 準確判斷主色、輔助色、點綴色???? 041

•別混淆了主色?? 041

•輔助色讓畫面更完整?? 043

•點綴色讓作品綻放光彩?? 045

•多色設計的調整方法?? 047

Section 3? 不確定時，黑白灰是不錯的選擇???? 049

•簡單的色彩調和?? 049

•黑色讓畫面有重心、有秩序?? 051

•白色使畫面更有透氣感?? 053

•灰色營造了有質感的畫面氛圍?? 055

•綜合運用黑白灰使作品更受關注?? 057

Section 4? 展現強烈感和視覺衝突的對比色調???? 059

•加入對比色?? 059

•高彩度設計你敢用嗎？?? 061

•左右對決型設計?? 063

•自由開放的全色相型?? 065

•畢卡索派——純粹的三角形?? 067

•梵谷派——緊湊的十字型?? 069

Section 5? 平穩畫面效果的融合型配色???? 070

•類似色使畫面統一和諧?? 070

•統一明度讓畫面更融合?? 072

•選擇同一色調的顏色讓畫面氣氛更穩定?? 074

•複合色調給人安定感?? 076



Chapter03

THINK OF IMAGES、TEXT AND GRAPHICS AS A COLOR

把圖像、文字、圖表看成一種色彩

Section 1? 色彩如何配合圖像???? 081

•決定圖像與色彩的搭配方式?? 081

•統一零散的圖像達到呼應的效果?? 083

•大面積圖像與畫面的融合?? 085

Section 2? 文字配色表現多種表情???? 087

•突出文字訊息的可識別性?? 087

•文字可以作為視覺符號?? 089

•文字訊息充當背景色?? 091

Section 3? 把圖表視為一個色彩集合???? 093

•集合多種色彩?? 093

•理解圖表配色的關鍵?? 095

•圖表與畫面的協調?? 097

Section 4? 左右頁面風格的背景色選擇???? 099

•背景色決定頁面風格?? 099

•控制背景色突出訊息的識別性?? 101

•背景色實現多種變化效果?? 103



Chapter04

THE TRICK TO BREAK THE MEDIOCRE

打破設計平庸的配色訣竅

Section 1? 明確重點：增強主體視覺衝擊???? 107

•提高純度烘托中心?? 107

•增強色彩明度製造歡快感?? 109

•加入鮮豔的色彩盡顯活力?? 111

•製造亮點帶來活力與歡快?? 113

•引人注目的畫面留白?? 115

•增加色彩數量讓畫面生動?? 117

•當主角是淺色時需弱化其他顏色?? 119

Section 2? 調整畫面：營造畫面氛圍???? 120

•加強對比凸顯活力?? 120

•透過強調和重複使畫面平衡?? 122

•去除影響畫面效果的顏色?? 124

•透過群化法收斂混亂的畫面?? 126

•調整色彩配置使畫面配色更有序?? 128

•統一的色階讓畫面更舒適?? 130



Chapter05

LOOKING FOR INSPIRATION FROM HUE

從色調出發尋找配色的靈感

Section 1? 配色要從明確基調開始???? 134

•掌握色調可以讓配色更高效?? 134

•統一基調的配色是最簡單的用色方法?? 135

Section 2? 常見色調的應用技巧???? 136

•純色色調?? 136

•明色色調?? 138

•淡弱色調?? 140

•濁色色調?? 142

•暗色色調?? 144

•黑色色調?? 146

•白色色調?? 148

Section 3? 多種色調的優勢組合???? 150



Chapter06

TRANSMIT DIFFERENT IMAGES

驚豔的配色速查方案

01? 給人清新感，滿滿少女心???? 154

02? 時尚、前衛、大膽???? 156

03? 充滿神秘、異域風情???? 158

04? 營造浪漫、夢幻、甜美氣息???? 160

05? 充滿現代感，給人簡約明瞭的印象???? 162

06? 彰顯古典、傳統特色???? 164

07? 給人安定、自然、平靜感???? 166

08? 散發優雅、高貴的氣質???? 168

09? 充滿激情與活力???? 170

10? 穩重、成熟，具有歷練感???? 172

11? 呈現出豪華、高級質感???? 174

12? 彌漫著暗黑、金屬氣息???? 176

13? 給人健康、樂觀積極的印象???? 178

14? 充滿都市、商務氣息???? 180

15? 懷舊、復古，傳遞經典???? 182

16? 散發黑暗、罪惡、危險氣息???? 184

17? 充滿孤寂、悲壯感???? 186

18? 純潔、爽朗，令人愉悅???? 188

19? 風土人情、民俗文化感???? 190

20? 性感、嫵媚，具有誘惑力???? 192



Chapter07

CASE OF COLOR MATCHING

配色實戰案例

case 1? UI配色設計???? 196

Case 2? 網頁配色設計???? 200

Case 3? 商品配色設計???? 204

Case 4? 包裝配色設計???? 208

Case 5? 插畫配色設計???? 212

Case 6? 廣告海報配色設計???? 216

Case 7? 書籍封面配色設計???? 220

Case 8? 家居配色設計???? 224

Case 9? 服裝配色設計???? 228



附錄

•常見彩虹色速查?? 232

•不同印象的配色?? 233

•不同族群的配色?? 237

序



　　色彩非常有趣，和每個人息息相關，我們每天都被各種各樣的色彩包圍著。日常生活中，我們似乎是在無意識地使用色彩，其實這種無意識也是有豐富的含義的，它可以激發情感、刺激感官，進而影響我們的心理感受。



　　不論是否從事和色彩相關的職業，我們都會面對色彩的選擇，並將其以合適的形式進行應用。本書內容主要分為基礎知識、綜合實踐、配色方案速查三方面，意在讓初學者可以快速掌握色彩要領，同時也可以提高個人的配色能力。



　　全書透過豐富的圖例來講解配色的知識。在基礎知識部分，每一篇先透過一個測試題導入，增強大家學習與閱讀的興趣。並在較難理解的知識中設計了小問答，讓學習變得生動有趣，使知識點變得通俗易懂。除此之外，在講解部分還標註了重點文字，讓讀者可以快速瞭解。最後，列舉了眾多配色方案並賞析了大量優秀作品，以此提高綜合能力。



　　色彩的力量是無窮的，所以我們應不斷地瞭解色彩，多多嘗試與練習，發現問題並解決問題，這樣才會不斷開拓並有長足的進步。希望本書可以幫助大家全面瞭解色彩的搭配，提高設計師的色彩設計敏感度，激發配色靈感，從而創作出更加優秀的設計作品。

?