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

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

1.1 什么是平面設(shè)計(jì)　｜2

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　文字?。?

1.2.4　圖片/圖形?。?

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

1.3.1　點(diǎn)?。?0

1.3.2　線?。?1

1.3.3　面　｜12

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)向性視覺流程?。?6

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

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

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

2.2　色彩能夠做什么　｜20

2.2.1　識(shí)別判斷?。?0

2.2.2　襯托對(duì)比　｜20

2.2.3　渲染氣氛?。?1

2.2.4　修飾裝扮?。?1

2.3　色彩的類型?。?2

2.3.1　有彩色　｜22

2.3.2　無彩色?。?3

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

2.4.1　色相　｜23

2.4.2　明度?。?5

2.4.3　純度?。?6

2.5　色彩的心理感受?。?7

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

2.5.2　色彩的冷暖　｜27

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

2.6　圖像的色調(diào)　｜28

2.7　主色、輔助色、點(diǎn)綴色的關(guān)系?。?0

2.7.1　主色?。?0

2.7.2　輔助色　｜31

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

2.8　色彩的對(duì)比　｜32

2.8.1　明度對(duì)比?。?2

2.8.2　純度對(duì)比?。?3

2.8.3　色相對(duì)比　｜34

2.8.4　面積對(duì)比?。?6

2.8.5　冷暖對(duì)比?。?7

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

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

3.1　紅?。?1

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

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

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

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

3.1.5　常見色分析?。?3

3.1.6　猜你喜歡?。?4

3.2　橙?。?5

3.2.1　認(rèn)識(shí)橙色　｜45

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

3.2.3　橙色調(diào)配色方案營(yíng)造復(fù)古氣氛　｜46

3.2.4　溫暖、醒目的橙色　｜47

3.2.5　常見色分析?。?7

3.2.6　猜你喜歡?。?8

3.3　黃?。?9

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

3.3.2　應(yīng)用實(shí)例?。?0

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

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

3.3.5　常見色分析?。?1

3.3.6　猜你喜歡?。?2

3.4　綠?。?3

3.4.1　認(rèn)識(shí)綠色　｜53

3.4.2　應(yīng)用實(shí)例?。?4

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)識(shí)青色　｜57

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

3.5.3　低沉厚重的深青灰色?。?8

3.5.4　干凈清爽的白青色　｜59

3.5.5　常見色分析?。?9

3.5.6　猜你喜歡?。?0

3.6　藍(lán)?。?1

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

3.6.2　應(yīng)用實(shí)例　｜62

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

3.6.4　青春活力天藍(lán)色　｜63

3.6.5　常見色分析?。?3

3.6.6　猜你喜歡　｜64

3.7　紫?。?5

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

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

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

3.7.4　神秘夢(mèng)幻的紫色調(diào)　｜67

3.7.5　常見色分析?。?7

3.7.6　猜你喜歡?。?8

3.8　黑、白、灰?。?9

3.8.1　黑色?。?9

3.8.2　白色?。?9

3.8.3　灰色?。?0

3.8.4　應(yīng)用實(shí)例　｜71

3.8.5　猜你喜歡?。?1

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

4.1　和諧?。?5

4.1.1　和諧——整體?。?6

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

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

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

4.1.5　配色實(shí)戰(zhàn)——卡片色彩搭配?。?7

4.1.6　常見色彩搭配?。?8

4.1.7　猜你喜歡?。?8

4.2　對(duì)比?。?9

4.2.1　對(duì)比——鮮明?。?0

4.2.2　對(duì)比——強(qiáng)烈　｜80

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

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

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

4.2.6　常見色彩搭配　｜82

4.2.7　猜你喜歡?。?2

4.3　對(duì)稱?。?3

4.3.1　對(duì)稱——和諧?。?4

4.3.2　對(duì)稱——嚴(yán)謹(jǐn)?。?4

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

4.3.4　對(duì)稱——統(tǒng)一?。?5

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

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

4.3.7　配色實(shí)戰(zhàn)——請(qǐng)柬封面的常見色彩搭配?。?6

4.3.8　常見色彩搭配?。?7

4.3.9　猜你喜歡?。?7

4.4　平衡?。?8

4.4.1　平衡——色彩?。?9

4.4.2　平衡——分布?。?9

4.4.3　平衡——形量?。?0

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)配色方案　｜91

4.4.8　常見色彩搭配?。?2

4.4.9　猜你喜歡?。?2

4.5　比例　｜93

4.5.1　比例——等比例?。?4

4.5.2　比例——黃金比例　｜94

4.5.3　動(dòng)手練習(xí)——增加畫面顏色的對(duì)比度?。?5

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

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

4.5.6　常見色彩搭配　｜96

4.5.7　猜你喜歡?。?6

4.6　重心　｜97

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)——低純度配色方案?。?9

4.6.6 常見色彩搭配　｜100

4.6.7　猜你喜歡?。?00

4.7　節(jié)奏　｜101

4.7.1　節(jié)奏——?dú)g快?。?02

4.7.2　節(jié)奏——舒緩　｜102

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

4.7.4　節(jié)奏——詭秘　｜103

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

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　猜你喜歡?。?05

4.8　韻律?。?06

4.8.1　韻律——舒展?。?07

4.8.2　韻律——緊張?。?07

4.8.3　韻律——曼妙　｜108

4.8.4　韻律——輕盈　｜108

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

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

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

4.8.8　常見色彩搭配　｜110

4.8.9　猜你喜歡?。?10

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

5.1　標(biāo)志設(shè)計(jì)與色彩　｜113

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)志更加引人注目?。?16

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

5.1.7　標(biāo)志配色實(shí)戰(zhàn)?。?16

5.1.8　常見色彩搭配?。?17

5.1.9　猜你喜歡　｜117

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

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

5.2.2　特殊形狀的名片設(shè)計(jì)　｜119

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

5.2.4　個(gè)性的名片設(shè)計(jì)　｜120

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ì)與色彩?。?23

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

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

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

5.3.4　色彩絢麗的電商廣告　｜125

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ì)與色彩　｜128

5.4.1　公益主題招貼設(shè)計(jì)?。?29

5.4.2　環(huán)保主題招貼　｜129

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

5.4.4　飲品類招貼設(shè)計(jì)　｜130

5.4.5　動(dòng)手練習(xí)——修改畫面文字對(duì)齊方式　｜131

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

5.4.7　招貼配色實(shí)戰(zhàn)?。?31

5.4.8　常見色彩搭配?。?32

5.4.9　猜你喜歡?。?32

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

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

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

5.5.3　傳記類書籍版式　｜135

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

5.5.5　動(dòng)手練習(xí)——修改圖片尺寸?。?36

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

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

5.5.8　常見色彩搭配?。?37

5.5.9　猜你喜歡?。?37

5.6　報(bào)刊設(shè)計(jì)與色彩?。?38

5.6.1　體育類報(bào)刊?。?39

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

5.6.3　時(shí)尚類報(bào)刊　｜140

5.6.4　事實(shí)類報(bào)刊?。?40

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　常見色彩搭配?。?42

5.6.9　猜你喜歡?。?42

5.7　畫冊(cè)、折頁與色彩?。?43

5.7.1　多圖的畫冊(cè)內(nèi)頁?。?44

5.7.2　大圖展示的畫冊(cè)內(nèi)頁?。?44

5.7.3　色塊與圖像拼合的畫冊(cè)設(shè)計(jì)　｜145

5.7.4　多彩折頁的配色?。?45

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

5.7.6　設(shè)計(jì)師談——文字效果要適度?。?46

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

5.7.8　常見色彩搭配?。?47

5.7.9　猜你喜歡?。?47

5.8　包裝設(shè)計(jì)與色彩?。?48

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

5.8.2　華麗風(fēng)格包裝設(shè)計(jì)　｜149

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

5.8.4　個(gè)性風(fēng)格包裝設(shè)計(jì)　｜150

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

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

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

5.8.8　常見色彩搭配?。?52

5.8.9　猜你喜歡　｜152

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

5.9.1　地產(chǎn)網(wǎng)頁　｜154

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

5.9.3　飲料網(wǎng)頁?。?55

5.9.4　幼兒用洗滌用品網(wǎng)頁　｜155

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

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

5.9.7　柔和色調(diào)的配色實(shí)戰(zhàn)?。?56

5.9.8　常見色彩搭配?。?57

5.9.9　猜你喜歡　｜157

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

5.10.1　創(chuàng)意的藝術(shù)插畫　｜159

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

5.10.3　極簡(jiǎn)風(fēng)格插畫設(shè)計(jì)　｜160

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

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

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

5.10.7　插畫配色實(shí)戰(zhàn)?。?62

5.10.8　常見色彩搭配?。?62

5.10.9　猜你喜歡　｜163

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

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

6.1.1　熱情?。?66

6.1.2　興奮?。?66

6.1.3　旺盛　｜167

6.1.4　斗志?。?67

6.1.5　充沛?。?68

6.1.6　激動(dòng)?。?68

6.1.7　活力?。?69

6.1.8　激昂　｜169

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

6.1.10　設(shè)計(jì)師談——組合圖片的利用?。?70

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

6.1.12　常見色彩搭配?。?71

6.1.13　猜你喜歡?。?71

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

6.2.1　溫婉?。?73

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)——中對(duì)比度色彩搭配?。?77

6.2.12　常見色彩搭配?。?78

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　熱烈　｜182

6.3.6　鮮活?。?82

6.3.7　明艷?。?83

6.3.8　明朗　｜183

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

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

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

6.3.12　常見色彩搭配　｜185

6.3.13　猜你喜歡　｜185

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

6.4.1　生長(zhǎng)?。?87

6.4.2　動(dòng)勢(shì)?。?87

6.4.3　奔放?。?88

6.4.4　迸發(fā)　｜188

6.4.5　激情?。?89

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)配色方案　｜191

6.4.12　常見色彩搭配?。?92

6.4.13　猜你喜歡?。?92

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

6.5.1　凝重?。?94

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

6.5.3　沉穩(wěn)?。?95

6.5.4　莊嚴(yán)　｜195

6.5.5　低沉?。?96

6.5.6　冷峻　｜196

6.5.7　蒼勁?。?97

6.5.8　沉靜?。?97

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

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

6.5.11　配色實(shí)戰(zhàn)——卡片的配色方案　｜198

6.5.12　常見色彩搭配?。?99

6.5.13　猜你喜歡?。?99

6.6　表現(xiàn)消極的色彩?。?00

6.6.1　憤怒?。?01

6.6.2　悲痛?。?01

6.6.3　猙獰?。?02

6.6.4　恐怖　｜202

6.6.5　哀傷?。?03

6.6.6　憂悶　｜203

6.6.7　殘忍?。?04

6.6.8　詭異　｜204

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　配色方案　｜211

7.5　色彩延伸?。?13

7.6　佳作欣賞?。?13

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

8.1　項(xiàng)目分析?。?15

8.2　案例分析?。?15

8.3　版式分析　｜215

8.4　配色方案?。?16

8.5　色彩延伸?。?17

8.6　佳作欣賞?。?17