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

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

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

1.1.1 平面設(shè)計的概念　｜2

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

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

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

1.2.1　布局?。?

1.2.2　色彩　｜7

1.2.3　文字?。?

1.2.4　圖片/圖形?。?

1.3 構(gòu)成平面的點、線、面　｜9

1.3.1　點?。?0

1.3.2　線　｜11

1.3.3　面?。?2

1.3.4　點線面的混排?。?2

1.4　平面設(shè)計的視覺流程　｜13

1.4.1　單向視覺流程?。?4

1.4.2　曲線視覺流程　｜15

1.4.3　重心視覺流程?。?5

1.4.4　導(dǎo)向性視覺流程?。?6

1.4.5　反復(fù)視覺流程　｜16

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

2.1　色彩究竟是什么　｜19

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

2.2.1　識別判斷?。?0

2.2.2　襯托對比　｜20

2.2.3　渲染氣氛?。?1

2.2.4　修飾裝扮?。?1

2.3　色彩的類型?。?2

2.3.1　有彩色　｜22

2.3.2　無彩色?。?3

2.4　色彩的三大屬性　｜23

2.4.1　色相?。?3

2.4.2　明度?。?5

2.4.3　純度　｜26

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

2.5.1　色彩是有重量的　｜27

2.5.2　色彩的冷暖?。?7

2.5.3　前進色和后退色　｜28

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

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

2.7.1　主色?。?0

2.7.2　輔助色?。?1

2.7.3　點綴色?。?1

2.8　色彩的對比?。?2

2.8.1　明度對比　｜32

2.8.2　純度對比?。?3

2.8.3　色相對比?。?4

2.8.4　面積對比?。?6

2.8.5　冷暖對比　｜37

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

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

3.1　紅　｜41

3.1.1　認識紅色?。?1

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

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

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

3.1.5　常見色分析　｜43

3.1.6　猜你喜歡?。?4

3.2　橙　｜45

3.2.1　認識橙色?。?5

3.2.2　應(yīng)用實例　｜46

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　認識黃色　｜49

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

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

3.3.4　輕快躍動的鮮黃色　｜51

3.3.5　常見色分析?。?1

3.3.6　猜你喜歡　｜52

3.4　綠?。?3

3.4.1　認識綠色　｜53

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

3.4.3　自然健康綠色海報?。?4

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

3.4.5　常見色分析?。?5

3.4.6　猜你喜歡　｜56

3.5　青?。?7

3.5.1　認識青色　｜57

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

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

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

3.5.5　常見色分析?。?9

3.5.6　猜你喜歡?。?0

3.6　藍?。?1

3.6.1　認識藍色?。?1

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

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

3.6.4　青春活力天藍色　｜63

3.6.5　常見色分析　｜63

3.6.6　猜你喜歡?。?4

3.7　紫?。?5

3.7.1　認識紫色?。?5

3.7.2　應(yīng)用實例?。?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　白色　｜69

3.8.3　灰色　｜70

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

3.8.5　猜你喜歡?。?1

第4章　平面設(shè)計的構(gòu)圖與色彩?。?4

4.1　和諧?。?5

4.1.1　和諧——整體?。?6

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

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

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

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

4.1.6　常見色彩搭配　｜78

4.1.7　猜你喜歡?。?8

4.2　對比?。?9

4.2.1　對比——鮮明?。?0

4.2.2　對比——強烈?。?0

4.2.3　動手練習(xí)——使包裝文字更清晰　｜81

4.2.4　設(shè)計師談——白色的巧妙運用?。?1

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

4.2.6　常見色彩搭配?。?2

4.2.7　猜你喜歡　｜82

4.3　對稱?。?3

4.3.1　對稱——和諧?。?4

4.3.2　對稱——嚴謹　｜84

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

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

4.3.5　動手練習(xí)——使海報主體物更突出　｜86

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

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

4.3.8　常見色彩搭配?。?7

4.3.9　猜你喜歡?。?7

4.4　平衡?。?8

4.4.1　平衡——色彩?。?9

4.4.2　平衡——分布?。?9

4.4.3　平衡——形量　｜90

4.4.4　平衡——大小?。?0

4.4.5　動手練習(xí)——利用文字排版豐富畫面層次?。?1

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

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

4.4.8　常見色彩搭配?。?2

4.4.9　猜你喜歡?。?2

4.5　比例?。?3

4.5.1　比例——等比例　｜94

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

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

4.5.4　設(shè)計師談——利用類似色的配色原理達到視覺上的平衡感 　｜95

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

4.5.6　常見色彩搭配　｜96

4.5.7　猜你喜歡?。?6

4.6　重心　｜97

4.6.1　重心——居中?。?8

4.6.2　重心——向下?。?8

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

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

4.6.5　配色實戰(zhàn)——低純度配色方案?。?9

4.6.6 常見色彩搭配?。?00

4.6.7　猜你喜歡?。?00

4.7　節(jié)奏　｜101

4.7.1　節(jié)奏——歡快?。?02

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

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

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

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

4.7.6　設(shè)計師談——大膽運用黑色 　｜104

4.7.7　配色實戰(zhàn)——企業(yè)VI設(shè)計色彩搭配?。?04

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　韻律——輕盈?。?08

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

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

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

4.8.8　常見色彩搭配?。?10

4.8.9　猜你喜歡?。?10

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

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

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

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

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

5.1.4　三角形的標(biāo)志　｜115

5.1.5　動手練習(xí)——巧用原色使標(biāo)志更加引人注目?。?16

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

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

5.1.8　常見色彩搭配?。?17

5.1.9　猜你喜歡　｜117

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

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

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

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

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

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

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

5.2.7　名片配色實戰(zhàn)?。?21

5.2.8　常見色彩搭配?。?22

5.2.9　猜你喜歡?。?22

5.3　廣告設(shè)計與色彩?。?23

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

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

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

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

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

5.3.6　設(shè)計師談——借助相像合理夸張?。?26

5.3.7　廣告配色實戰(zhàn)　｜126

5.3.8　常見色彩搭配?。?27

5.3.9　猜你喜歡?。?27

5.4　招貼設(shè)計與色彩　｜128

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

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

5.4.3　令人食欲大增的海報設(shè)計?。?30

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

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

5.4.6　設(shè)計師談——文字不是越多越好　｜131

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

5.4.8　常見色彩搭配?。?32

5.4.9　猜你喜歡?。?32

5.5　書籍設(shè)計與色彩　｜133

5.5.1　極簡風(fēng)格書籍封面設(shè)計?。?34

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

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

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

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

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

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

5.5.8　常見色彩搭配　｜137

5.5.9　猜你喜歡?。?37

5.6　報刊設(shè)計與色彩?。?38

5.6.1　體育類報刊　｜139

5.6.2　娛樂類報紙?。?39

5.6.3　時尚類報刊?。?40

5.6.4　事實類報刊　｜140

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

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

5.6.7　報刊配色實戰(zhàn)　｜141

5.6.8　常見色彩搭配?。?42

5.6.9　猜你喜歡　｜142

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

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

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

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

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

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

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

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

5.7.8　常見色彩搭配?。?47

5.7.9　猜你喜歡?。?47

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

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

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

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

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

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

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

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

5.8.8　常見色彩搭配　｜152

5.8.9　猜你喜歡?。?52

5.9　網(wǎng)頁設(shè)計與色彩?。?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　動手練習(xí)——使標(biāo)題文字更加突出?。?56

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

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

5.9.8　常見色彩搭配?。?57

5.9.9　猜你喜歡?。?57

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

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

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

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

5.10.4　極具表現(xiàn)力的抽象插畫　｜160

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

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

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

5.10.8　常見色彩搭配?。?62

5.10.9　猜你喜歡?。?63

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

6.1　表現(xiàn)積極的色彩　｜165

6.1.1　熱情?。?66

6.1.2　興奮?。?66

6.1.3　旺盛?。?67

6.1.4　斗志?。?67

6.1.5　充沛?。?68

6.1.6　激動　｜168

6.1.7　活力?。?69

6.1.8　激昂　｜169

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

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

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

6.1.12　常見色彩搭配?。?71

6.1.13　猜你喜歡　｜171

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

6.2.1　溫婉?。?73

6.2.2　平和?。?73

6.2.3　和諧?。?74

6.2.4　輕柔?。?74

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

6.2.6　舒展　｜175

6.2.7　和煦?。?76

6.2.8　溫情?。?76

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

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

6.2.11　配色實戰(zhàn)——中對比度色彩搭配?。?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　熱烈?。?82

6.3.6　鮮活?。?82

6.3.7　明艷?。?83

6.3.8　明朗?。?83

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

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

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

6.3.12　常見色彩搭配?。?85

6.3.13　猜你喜歡?。?85

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

6.4.1　生長?。?87

6.4.2　動勢?。?87

6.4.3　奔放　｜188

6.4.4　迸發(fā)?。?88

6.4.5　激情　｜189

6.4.6　躍動?。?89

6.4.7　流暢?。?90

6.4.8　曲線　｜190

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

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

6.4.11　配色實戰(zhàn)——文字類型海報配色方案　｜191

6.4.12　常見色彩搭配?。?92

6.4.13　猜你喜歡?。?92

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

6.5.1　凝重　｜194

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

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

6.5.4　莊嚴?。?95

6.5.5　低沉　｜196

6.5.6　冷峻?。?96

6.5.7　蒼勁　｜197

6.5.8　沉靜?。?97

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

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

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

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　恐怖?。?02

6.6.5　哀傷　｜203

6.6.6　憂悶?。?03

6.6.7　殘忍　｜204

6.6.8　詭異?。?04

6.6.9　動手練習(xí)——將大面積文字進行分欄?。?05

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

6.6.11　配色實戰(zhàn)——中明度色彩基調(diào)配色方案　｜205

6.6.12　常見色彩搭配?。?06

6.6.13　猜你喜歡?。?06

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

7.1　項目分析?。?09

7.2　案例分析　｜209

7.3　版式分析?。?10

7.4　配色方案?。?11

7.5　色彩延伸?。?13

7.6　佳作欣賞　｜213

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

8.1　項目分析　｜215

8.2　案例分析?。?15

8.3　版式分析?。?15

8.4　配色方案　｜216

8.5　色彩延伸?。?17

8.6　佳作欣賞?。?17