平面設(shè)計(jì)配色從入門到精通

第1章 平面設(shè)計(jì)基礎(chǔ)知識　｜1

1.1 什么是平面設(shè)計(jì)?。?

1.1.1 平面設(shè)計(jì)的概念?。?

1.1.2 平面設(shè)計(jì)的原則?。?

1.1.3 平面設(shè)計(jì)的范疇?。?

1.2　構(gòu)成平面的要素?。?

1.2.1　布局?。?

1.2.2　色彩　｜7

1.2.3　文字　｜8

1.2.4　圖片/圖形?。?

1.3 構(gòu)成平面的點(diǎn)、線、面?。?

1.3.1　點(diǎn)?。?0

1.3.2　線?。?1

1.3.3　面?。?2

1.3.4　點(diǎn)線面的混排?。?2

1.4　平面設(shè)計(jì)的視覺流程?。?3

1.4.1　單向視覺流程?。?4

1.4.2　曲線視覺流程　｜15

1.4.3　重心視覺流程?。?5

1.4.4　導(dǎo)向性視覺流程　｜16

1.4.5　反復(fù)視覺流程?。?6

第2章　色彩達(dá)人必學(xué)知識?。?8

2.1　色彩究竟是什么?。?9

2.2　色彩能夠做什么?。?0

2.2.1　識別判斷?。?0

2.2.2　襯托對比?。?0

2.2.3　渲染氣氛　｜21

2.2.4　修飾裝扮?。?1

2.3　色彩的類型?。?2

2.3.1　有彩色　｜22

2.3.2　無彩色?。?3

2.4　色彩的三大屬性?。?3

2.4.1　色相?。?3

2.4.2　明度　｜25

2.4.3　純度?。?6

2.5　色彩的心理感受　｜27

2.5.1　色彩是有重量的?。?7

2.5.2　色彩的冷暖?。?7

2.5.3　前進(jìn)色和后退色?。?8

2.6　圖像的色調(diào)?。?8

2.7　主色、輔助色、點(diǎn)綴色的關(guān)系　｜30

2.7.1　主色?。?0

2.7.2　輔助色　｜31

2.7.3　點(diǎn)綴色?。?1

2.8　色彩的對比?。?2

2.8.1　明度對比?。?2

2.8.2　純度對比?。?3

2.8.3　色相對比?。?4

2.8.4　面積對比?。?6

2.8.5　冷暖對比　｜37

2.9　顏色搭配的一般原則?。?8

第3章　基礎(chǔ)色與平面設(shè)計(jì)?。?0

3.1　紅　｜41

3.1.1　認(rèn)識紅色?。?1

3.1.2　應(yīng)用實(shí)例　｜42

3.1.3　喜慶熱烈的紅色?。?2

3.1.4　女人味十足的玫瑰紅?。?3

3.1.5　常見色分析?。?3

3.1.6　猜你喜歡?。?4

3.2　橙?。?5

3.2.1　認(rèn)識橙色?。?5

3.2.2　應(yīng)用實(shí)例?。?6

3.2.3　橙色調(diào)配色方案營造復(fù)古氣氛?。?6

3.2.4　溫暖、醒目的橙色?。?7

3.2.5　常見色分析?。?7

3.2.6　猜你喜歡?。?8

3.3　黃?。?9

3.3.1　認(rèn)識黃色?。?9

3.3.2　應(yīng)用實(shí)例　｜50

3.3.3　茉莉黃與金黃搭配?。?0

3.3.4　輕快躍動(dòng)的鮮黃色?。?1

3.3.5　常見色分析　｜51

3.3.6　猜你喜歡?。?2

3.4　綠?。?3

3.4.1　認(rèn)識綠色?。?3

3.4.2　應(yīng)用實(shí)例　｜54

3.4.3　自然健康綠色海報(bào)?。?4

3.4.4　青春活力蘋果綠?。?5

3.4.5　常見色分析?。?5

3.4.6　猜你喜歡?。?6

3.5　青?。?7

3.5.1　認(rèn)識青色?。?7

3.5.2　應(yīng)用實(shí)例?。?8

3.5.3　低沉厚重的深青灰色　｜58

3.5.4　干凈清爽的白青色?。?9

3.5.5　常見色分析?。?9

3.5.6　猜你喜歡　｜60

3.6　藍(lán)?。?1

3.6.1　認(rèn)識藍(lán)色?。?1

3.6.2　應(yīng)用實(shí)例?。?2

3.6.3　深沉憂郁的藍(lán)色調(diào)?。?2

3.6.4　青春活力天藍(lán)色?。?3

3.6.5　常見色分析　｜63

3.6.6　猜你喜歡?。?4

3.7　紫　｜65

3.7.1　認(rèn)識紫色?。?5

3.7.2　應(yīng)用實(shí)例?。?6

3.7.3　華麗的紫色調(diào)?。?6

3.7.4　神秘夢幻的紫色調(diào)?。?7

3.7.5　常見色分析?。?7

3.7.6　猜你喜歡?。?8

3.8　黑、白、灰?。?9

3.8.1　黑色?。?9

3.8.2　白色?。?9

3.8.3　灰色　｜70

3.8.4　應(yīng)用實(shí)例?。?1

3.8.5　猜你喜歡?。?1

第4章　平面設(shè)計(jì)的構(gòu)圖與色彩　｜74

4.1　和諧?。?5

4.1.1　和諧——整體　｜76

4.1.2　和諧——協(xié)調(diào)?。?6

4.1.3　動(dòng)手練習(xí)——更換背景色使廣告變清涼　｜77

4.1.4　設(shè)計(jì)師談——巧妙利用調(diào)和色?。?7

4.1.5　配色實(shí)戰(zhàn)——卡片色彩搭配　｜77

4.1.6　常見色彩搭配?。?8

4.1.7　猜你喜歡?。?8

4.2　對比　｜79

4.2.1　對比——鮮明?。?0

4.2.2　對比——強(qiáng)烈?。?0

4.2.3　動(dòng)手練習(xí)——使包裝文字更清晰?。?1

4.2.4　設(shè)計(jì)師談——白色的巧妙運(yùn)用　｜81

4.2.5　配色實(shí)戰(zhàn)——插畫場景色彩搭配?。?1

4.2.6　常見色彩搭配　｜82

4.2.7　猜你喜歡?。?2

4.3　對稱　｜83

4.3.1　對稱——和諧?。?4

4.3.2　對稱——嚴(yán)謹(jǐn)　｜84

4.3.3　對稱——調(diào)和?。?5

4.3.4　對稱——統(tǒng)一　｜85

4.3.5　動(dòng)手練習(xí)——使海報(bào)主體物更突出?。?6

4.3.6　設(shè)計(jì)師談——調(diào)整色彩領(lǐng)地?。?6

4.3.7　配色實(shí)戰(zhàn)——請柬封面的常見色彩搭配　｜86

4.3.8　常見色彩搭配?。?7

4.3.9　猜你喜歡　｜87

4.4　平衡?。?8

4.4.1　平衡——色彩?。?9

4.4.2　平衡——分布?。?9

4.4.3　平衡——形量　｜90

4.4.4　平衡——大小?。?0

4.4.5　動(dòng)手練習(xí)——利用文字排版豐富畫面層次　｜91

4.4.6　設(shè)計(jì)師談——巧妙地運(yùn)用無彩色 ?。?1

4.4.7　配色實(shí)戰(zhàn)——海報(bào)配色方案?。?1

4.4.8　常見色彩搭配?。?2

4.4.9　猜你喜歡?。?2

4.5　比例?。?3

4.5.1　比例——等比例　｜94

4.5.2　比例——黃金比例?。?4

4.5.3　動(dòng)手練習(xí)——增加畫面顏色的對比度　｜95

4.5.4　設(shè)計(jì)師談——利用類似色的配色原理達(dá)到視覺上的平衡感 ?。?5

4.5.5　配色實(shí)戰(zhàn)——名片的配色?。?5

4.5.6　常見色彩搭配?。?6

4.5.7　猜你喜歡?。?6

4.6　重心?。?7

4.6.1　重心——居中?。?8

4.6.2　重心——向下　｜98

4.6.3　動(dòng)手練習(xí)——提高背景明度增強(qiáng)視覺沖擊力?。?9

4.6.4　設(shè)計(jì)師談——三角構(gòu)圖法 ?。?9

4.6.5　配色實(shí)戰(zhàn)——低純度配色方案　｜99

4.6.6 常見色彩搭配?。?00

4.6.7　猜你喜歡?。?00

4.7　節(jié)奏?。?01

4.7.1　節(jié)奏——?dú)g快　｜102

4.7.2　節(jié)奏——舒緩?。?02

4.7.3　節(jié)奏——沉重?。?03

4.7.4　節(jié)奏——詭秘?。?03

4.7.5　動(dòng)手練習(xí)——打造單色的復(fù)古調(diào)　｜104

4.7.6　設(shè)計(jì)師談——大膽運(yùn)用黑色 ?。?04

4.7.7　配色實(shí)戰(zhàn)——企業(yè)VI設(shè)計(jì)色彩搭配　｜104

4.7.8　常見色彩搭配?。?05

4.7.9　猜你喜歡　｜105

4.8　韻律?。?06

4.8.1　韻律——舒展?。?07

4.8.2　韻律——緊張?。?07

4.8.3　韻律——曼妙?。?08

4.8.4　韻律——輕盈?。?08

4.8.5　動(dòng)手練習(xí)——增加畫面顏色純度　｜109

4.8.6　設(shè)計(jì)師談——“禁欲系”風(fēng)格 ?。?09

4.8.7　配色實(shí)戰(zhàn)——可愛風(fēng)格色彩搭配?。?09

4.8.8　常見色彩搭配?。?10

4.8.9　猜你喜歡?。?10

第5章　色彩在平面設(shè)計(jì)中的應(yīng)用?。?12

5.1　標(biāo)志設(shè)計(jì)與色彩?。?13

5.1.1　體現(xiàn)安全的標(biāo)志?。?14

5.1.2　健康、自然食品標(biāo)志?。?14

5.1.3　表現(xiàn)美味的谷物制品標(biāo)志　｜115

5.1.4　三角形的標(biāo)志?。?15

5.1.5　動(dòng)手練習(xí)——巧用原色使標(biāo)志更加引人注目　｜116

5.1.6　設(shè)計(jì)師談——妙用對比色?。?16

5.1.7　標(biāo)志配色實(shí)戰(zhàn)　｜116

5.1.8　常見色彩搭配?。?17

5.1.9　猜你喜歡?。?17

5.2　名片設(shè)計(jì)與色彩?。?18

5.2.1　簡約型的名片設(shè)計(jì)?。?19

5.2.2　特殊形狀的名片設(shè)計(jì)?。?19

5.2.3　霓虹色調(diào)名片設(shè)計(jì)?。?20

5.2.4　個(gè)性的名片設(shè)計(jì)?。?20

5.2.5　動(dòng)手練習(xí)——減少色彩使名片更醒目?。?21

5.2.6　設(shè)計(jì)師談——將名片改為圓角?。?21

5.2.7　名片配色實(shí)戰(zhàn)　｜121

5.2.8　常見色彩搭配?。?22

5.2.9　猜你喜歡?。?22

5.3　廣告設(shè)計(jì)與色彩　｜123

5.3.1　采用比喻手法的皮鞋廣告?。?24

5.3.2　奢華感化妝品廣告?。?24

5.3.3　天然化妝品廣告?。?25

5.3.4　色彩絢麗的電商廣告?。?25

5.3.5　動(dòng)手練習(xí)——利用白色背景增加視覺沖擊力?。?26

5.3.6　設(shè)計(jì)師談——借助相像合理夸張　｜126

5.3.7　廣告配色實(shí)戰(zhàn)?。?26

5.3.8　常見色彩搭配　｜127

5.3.9　猜你喜歡?。?27

5.4　招貼設(shè)計(jì)與色彩?。?28

5.4.1　公益主題招貼設(shè)計(jì)　｜129

5.4.2　環(huán)保主題招貼?。?29

5.4.3　令人食欲大增的海報(bào)設(shè)計(jì)　｜130

5.4.4　飲品類招貼設(shè)計(jì)?。?30

5.4.5　動(dòng)手練習(xí)——修改畫面文字對齊方式?。?31

5.4.6　設(shè)計(jì)師談——文字不是越多越好?。?31

5.4.7　招貼配色實(shí)戰(zhàn)　｜131

5.4.8　常見色彩搭配?。?32

5.4.9　猜你喜歡　｜132

5.5　書籍設(shè)計(jì)與色彩?。?33

5.5.1　極簡風(fēng)格書籍封面設(shè)計(jì)　｜134

5.5.2　書籍目錄設(shè)計(jì)?。?34

5.5.3　傳記類書籍版式?。?35

5.5.4　技術(shù)類書籍封面?。?35

5.5.5　動(dòng)手練習(xí)——修改圖片尺寸　｜136

5.5.6　設(shè)計(jì)師談——統(tǒng)一圖片間隔的距離?。?36

5.5.7　中純度的色彩搭配?。?36

5.5.8　常見色彩搭配　｜137

5.5.9　猜你喜歡?。?37

5.6　報(bào)刊設(shè)計(jì)與色彩　｜138

5.6.1　體育類報(bào)刊　｜139

5.6.2　娛樂類報(bào)紙?。?39

5.6.3　時(shí)尚類報(bào)刊?。?40

5.6.4　事實(shí)類報(bào)刊　｜140

5.6.5　動(dòng)手練習(xí)——利用分割線劃分文字區(qū)域?。?41

5.6.6　設(shè)計(jì)師談——顏色絢麗更加吸引讀者注意?。?41

5.6.7　報(bào)刊配色實(shí)戰(zhàn)?。?41

5.6.8　常見色彩搭配　｜142

5.6.9　猜你喜歡?。?42

5.7　畫冊、折頁與色彩?。?43

5.7.1　多圖的畫冊內(nèi)頁　｜144

5.7.2　大圖展示的畫冊內(nèi)頁　｜144

5.7.3　色塊與圖像拼合的畫冊設(shè)計(jì)?。?45

5.7.4　多彩折頁的配色　｜145

5.7.5　動(dòng)手練習(xí)——利用滿版圖打造舒展的視覺效果?。?46

5.7.6　設(shè)計(jì)師談——文字效果要適度　｜146

5.7.7　企業(yè)宣傳手冊內(nèi)頁配色實(shí)戰(zhàn)?。?46

5.7.8　常見色彩搭配　｜147

5.7.9　猜你喜歡?。?47

5.8　包裝設(shè)計(jì)與色彩　｜148

5.8.1　可愛風(fēng)格包裝設(shè)計(jì)?。?49

5.8.2　華麗風(fēng)格包裝設(shè)計(jì)?。?49

5.8.3　質(zhì)樸風(fēng)格包裝設(shè)計(jì)?。?50

5.8.4　個(gè)性風(fēng)格包裝設(shè)計(jì)?。?50

5.8.5　動(dòng)手練習(xí)——改變包裝顏色打造清爽感覺?。?51

5.8.6　設(shè)計(jì)師談——包裝與色彩?。?51

5.8.7　廣告配色實(shí)戰(zhàn)?。?51

5.8.8　常見色彩搭配　｜152

5.8.9　猜你喜歡?。?52

5.9　網(wǎng)頁設(shè)計(jì)與色彩?。?53

5.9.1　地產(chǎn)網(wǎng)頁?。?54

5.9.2　汽車網(wǎng)頁?。?54

5.9.3　飲料網(wǎng)頁　｜155

5.9.4　幼兒用洗滌用品網(wǎng)頁?。?55

5.9.5　動(dòng)手練習(xí)——使標(biāo)題文字更加突出?。?56

5.9.6　設(shè)計(jì)師談——統(tǒng)一文字顏色與畫面顏色?。?56

5.9.7　柔和色調(diào)的配色實(shí)戰(zhàn)　｜156

5.9.8　常見色彩搭配?。?57

5.9.9　猜你喜歡?。?57

5.10　插畫設(shè)計(jì)與色彩?。?58

5.10.1　創(chuàng)意的藝術(shù)插畫?。?59

5.10.2　可愛的兒童插畫?。?59

5.10.3　極簡風(fēng)格插畫設(shè)計(jì)?。?60

5.10.4　極具表現(xiàn)力的抽象插畫?。?60

5.10.5　動(dòng)手練習(xí)——整潔顏色純度，讓插畫更加個(gè)性　｜161

5.10.6　設(shè)計(jì)師談——插畫的風(fēng)格?。?61

5.10.7　插畫配色實(shí)戰(zhàn)　｜162

5.10.8　常見色彩搭配?。?62

5.10.9　猜你喜歡?。?63

第6章　平面設(shè)計(jì)中色彩的視覺印象?。?64

6.1　表現(xiàn)積極的色彩?。?65

6.1.1　熱情　｜166

6.1.2　興奮?。?66

6.1.3　旺盛　｜167

6.1.4　斗志?。?67

6.1.5　充沛?。?68

6.1.6　激動(dòng)　｜168

6.1.7　活力?。?69

6.1.8　激昂?。?69

6.1.9　動(dòng)手練習(xí)——讓文字動(dòng)起來?。?70

6.1.10　設(shè)計(jì)師談——組合圖片的利用　｜170

6.1.11　配色實(shí)戰(zhàn)——卡片配色方案?。?70

6.1.12　常見色彩搭配?。?71

6.1.13　猜你喜歡　｜171

6.2　表現(xiàn)溫和的色彩?。?72

6.2.1　溫婉　｜173

6.2.2　平和?。?73

6.2.3　和諧　｜174

6.2.4　輕柔?。?74

6.2.5　優(yōu)雅?。?75

6.2.6　舒展?。?75

6.2.7　和煦?。?76

6.2.8　溫情?。?76

6.2.9　動(dòng)手練習(xí)——增強(qiáng)純度使畫面更生動(dòng)?。?77

6.2.10　設(shè)計(jì)師談——無彩色的巧妙運(yùn)用?。?77

6.2.11　配色實(shí)戰(zhàn)——中對比度色彩搭配?。?77

6.2.12　常見色彩搭配　｜178

6.2.13　猜你喜歡?。?78

6.3　表現(xiàn)愉快的色彩?。?79

6.3.1　歡樂　｜180

6.3.2　愉悅?。?80

6.3.3　開朗　｜181

6.3.4　灑脫?。?81

6.3.5　熱烈?。?82

6.3.6　鮮活?。?82

6.3.7　明艷　｜183

6.3.8　明朗?。?83

6.3.9　動(dòng)手練習(xí)——修改標(biāo)題文字為畫面增加信息傳遞性　｜184

6.3.10　設(shè)計(jì)師談——文字與圖片的處理?。?84

6.3.11　配色實(shí)戰(zhàn)——海報(bào)配色方案?。?84

6.3.12　常見色彩搭配　｜185

6.3.13　猜你喜歡?。?85

6.4　表現(xiàn)動(dòng)感的色彩?。?86

6.4.1　生長?。?87

6.4.2　動(dòng)勢　｜187

6.4.3　奔放　｜188

6.4.4　迸發(fā)?。?88

6.4.5　激情　｜189

6.4.6　躍動(dòng)?。?89

6.4.7　流暢?。?90

6.4.8　曲線?。?90

6.4.9　動(dòng)手練習(xí)——將畫面中元素旋轉(zhuǎn)活躍畫面氣氛?。?91

6.4.10　設(shè)計(jì)師談——利用顏色純度的推移為畫面增加空間感?。?91

6.4.11　配色實(shí)戰(zhàn)——文字類型海報(bào)配色方案?。?91

6.4.12　常見色彩搭配　｜192

6.4.13　猜你喜歡?。?92

6.5　表現(xiàn)莊重的色彩?。?93

6.5.1　凝重?。?94

6.5.2　穩(wěn)重?。?94

6.5.3　沉穩(wěn)　｜195

6.5.4　莊嚴(yán)?。?95

6.5.5　低沉　｜196

6.5.6　冷峻?。?96

6.5.7　蒼勁?。?97

6.5.8　沉靜?。?97

6.5.9　動(dòng)手練習(xí)——利用居中型的構(gòu)圖方式使版面統(tǒng)一?。?98

6.5.10　設(shè)計(jì)師談——利用出血照片控制視覺效果?。?98

6.5.11　配色實(shí)戰(zhàn)——卡片的配色方案?。?98

6.5.12　常見色彩搭配　｜199

6.5.13　猜你喜歡?。?99

6.6　表現(xiàn)消極的色彩　｜200

6.6.1　憤怒?。?01

6.6.2　悲痛?。?01

6.6.3　猙獰?。?02

6.6.4　恐怖　｜202

6.6.5　哀傷?。?03

6.6.6　憂悶?。?03

6.6.7　殘忍?。?04

6.6.8　詭異?。?04

6.6.9　動(dòng)手練習(xí)——將大面積文字進(jìn)行分欄?。?05

6.6.10　設(shè)計(jì)師談——利用曲線為畫面增加活力?。?05

6.6.11　配色實(shí)戰(zhàn)——中明度色彩基調(diào)配色方案?。?05

6.6.12　常見色彩搭配?。?06

6.6.13　猜你喜歡?。?06

第7章　時(shí)尚雜志封面配色實(shí)戰(zhàn)?。?08

7.1　項(xiàng)目分析?。?09

7.2　案例分析?。?09

7.3　版式分析?。?10

7.4　配色方案?。?11

7.5　色彩延伸?。?13

7.6　佳作欣賞　｜213

第8章　可愛風(fēng)格兒童網(wǎng)站配色實(shí)戰(zhàn)?。?14

8.1　項(xiàng)目分析　｜215

8.2　案例分析?。?15

8.3　版式分析　｜215

8.4　配色方案?。?16

8.5　色彩延伸?。?17

8.6　佳作欣賞　｜217