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

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

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

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

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

1.1.3 平面設(shè)計的范疇　｜4

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

1.2.1　布局?。?

1.2.2　色彩　｜7

1.2.3　文字?。?

1.2.4　圖片/圖形　｜8

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

1.3.1　點?。?0

1.3.2　線?。?1

1.3.3　面?。?2

1.3.4　點線面的混排　｜12

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

1.4.1　單向視覺流程　｜14

1.4.2　曲線視覺流程?。?5

1.4.3　重心視覺流程?。?5

1.4.4　導向性視覺流程　｜16

1.4.5　反復視覺流程?。?6

第2章　色彩達人必學知識?。?8

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

2.2　色彩能夠做什么　｜20

2.2.1　識別判斷?。?0

2.2.2　襯托對比　｜20

2.2.3　渲染氣氛?。?1

2.2.4　修飾裝扮?。?1

2.3　色彩的類型　｜22

2.3.1　有彩色?。?2

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　前進色和后退色?。?8

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

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

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　冷暖對比?。?7

2.9　顏色搭配的一般原則　｜38

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

3.1　紅　｜41

3.1.1　認識紅色?。?1

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

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

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

3.1.5　常見色分析?。?3

3.1.6　猜你喜歡　｜44

3.2　橙?。?5

3.2.1　認識橙色?。?5

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

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

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

3.2.5　常見色分析?。?7

3.2.6　猜你喜歡　｜48

3.3　黃?。?9

3.3.1　認識黃色　｜49

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

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

3.3.4　輕快躍動的鮮黃色?。?1

3.3.5　常見色分析?。?1

3.3.6　猜你喜歡　｜52

3.4　綠?。?3

3.4.1　認識綠色?。?3

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

3.4.3　自然健康綠色海報　｜54

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

3.4.5　常見色分析　｜55

3.4.6　猜你喜歡?。?6

3.5　青　｜57

3.5.1　認識青色?。?7

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

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

3.5.4　干凈清爽的白青色　｜59

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)　｜62

3.6.4　青春活力天藍色?。?3

3.6.5　常見色分析?。?3

3.6.6　猜你喜歡　｜64

3.7　紫?。?5

3.7.1　認識紫色　｜65

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　猜你喜歡　｜68

3.8　黑、白、灰　｜69

3.8.1　黑色?。?9

3.8.2　白色　｜69

3.8.3　灰色?。?0

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

3.8.5　猜你喜歡　｜71

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

4.1　和諧?。?5

4.1.1　和諧——整體　｜76

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

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

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

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

4.1.6　常見色彩搭配　｜78

4.1.7　猜你喜歡　｜78

4.2　對比?。?9

4.2.1　對比——鮮明?。?0

4.2.2　對比——強烈?。?0

4.2.3　動手練習——使包裝文字更清晰?。?1

4.2.4　設(shè)計師談——白色的巧妙運用　｜81

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

4.2.6　常見色彩搭配?。?2

4.2.7　猜你喜歡?。?2

4.3　對稱　｜83

4.3.1　對稱——和諧?。?4

4.3.2　對稱——嚴謹　｜84

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

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

4.3.5　動手練習——使海報主體物更突出?。?6

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

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

4.3.8　常見色彩搭配?。?7

4.3.9　猜你喜歡　｜87

4.4　平衡?。?8

4.4.1　平衡——色彩?。?9

4.4.2　平衡——分布　｜89

4.4.3　平衡——形量?。?0

4.4.4　平衡——大小?。?0

4.4.5　動手練習——利用文字排版豐富畫面層次　｜91

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　比例——等比例?。?4

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

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

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

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

4.5.6　常見色彩搭配?。?6

4.5.7　猜你喜歡　｜96

4.6　重心?。?7

4.6.1　重心——居中　｜98

4.6.2　重心——向下?。?8

4.6.3　動手練習——提高背景明度增強視覺沖擊力　｜99

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

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

4.6.6 常見色彩搭配?。?00

4.6.7　猜你喜歡?。?00

4.7　節(jié)奏?。?01

4.7.1　節(jié)奏——歡快　｜102

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

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

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

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

4.7.6　設(shè)計師談——大膽運用黑色 ?。?04

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

4.7.8　常見色彩搭配?。?05

4.7.9　猜你喜歡?。?05

4.8　韻律　｜106

4.8.1　韻律——舒展?。?07

4.8.2　韻律——緊張?。?07

4.8.3　韻律——曼妙?。?08

4.8.4　韻律——輕盈　｜108

4.8.5　動手練習——增加畫面顏色純度?。?09

4.8.6　設(shè)計師談——“禁欲系”風格 　｜109

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

4.8.8　常見色彩搭配?。?10

4.8.9　猜你喜歡?。?10

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

5.1　標志設(shè)計與色彩?。?13

5.1.1　體現(xiàn)安全的標志　｜114

5.1.2　健康、自然食品標志　｜114

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

5.1.4　三角形的標志?。?15

5.1.5　動手練習——巧用原色使標志更加引人注目　｜116

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

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

5.1.8　常見色彩搭配?。?17

5.1.9　猜你喜歡　｜117

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

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

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

5.2.3　霓虹色調(diào)名片設(shè)計　｜120

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

5.2.5　動手練習——減少色彩使名片更醒目　｜121

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

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

5.2.8　常見色彩搭配?。?22

5.2.9　猜你喜歡?。?22

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

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

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

5.3.3　天然化妝品廣告　｜125

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

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

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

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

5.3.8　常見色彩搭配?。?27

5.3.9　猜你喜歡?。?27

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

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

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

5.4.3　令人食欲大增的海報設(shè)計　｜130

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

5.4.5　動手練習——修改畫面文字對齊方式　｜131

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

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

5.4.8　常見色彩搭配?。?32

5.4.9　猜你喜歡?。?32

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

5.5.1　極簡風格書籍封面設(shè)計　｜134

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

5.5.3　傳記類書籍版式　｜135

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

5.5.5　動手練習——修改圖片尺寸?。?36

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

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

5.5.8　常見色彩搭配?。?37

5.5.9　猜你喜歡?。?37

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

5.6.1　體育類報刊?。?39

5.6.2　娛樂類報紙　｜139

5.6.3　時尚類報刊　｜140

5.6.4　事實類報刊?。?40

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

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

5.6.7　報刊配色實戰(zhàn)?。?41

5.6.8　常見色彩搭配?。?42

5.6.9　猜你喜歡　｜142

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

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

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

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

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

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

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

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

5.7.8　常見色彩搭配　｜147

5.7.9　猜你喜歡?。?47

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

5.8.1　可愛風格包裝設(shè)計　｜149

5.8.2　華麗風格包裝設(shè)計?。?49

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

5.8.4　個性風格包裝設(shè)計?。?50

5.8.5　動手練習——改變包裝顏色打造清爽感覺　｜151

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

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

5.8.8　常見色彩搭配?。?52

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)頁?。?55

5.9.5　動手練習——使標題文字更加突出　｜156

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è)計與色彩　｜158

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

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

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

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

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

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

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

5.10.8　常見色彩搭配?。?62

5.10.9　猜你喜歡?。?63

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

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

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　激昂?。?69

6.1.9　動手練習——讓文字動起來?。?70

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

6.1.11　配色實戰(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　和諧?。?74

6.2.4　輕柔?。?74

6.2.5　優(yōu)雅　｜175

6.2.6　舒展?。?75

6.2.7　和煦　｜176

6.2.8　溫情?。?76

6.2.9　動手練習——增強純度使畫面更生動　｜177

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　歡樂?。?80

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　動手練習——修改標題文字為畫面增加信息傳遞性?。?84

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

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

6.3.12　常見色彩搭配?。?85

6.3.13　猜你喜歡　｜185

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　激情?。?89

6.4.6　躍動?。?89

6.4.7　流暢?。?90

6.4.8　曲線?。?90

6.4.9　動手練習——將畫面中元素旋轉(zhuǎn)活躍畫面氣氛　｜191

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

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

6.4.12　常見色彩搭配?。?92

6.4.13　猜你喜歡?。?92

6.5　表現(xiàn)莊重的色彩　｜193

6.5.1　凝重?。?94

6.5.2　穩(wěn)重　｜194

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

6.5.4　莊嚴?。?95

6.5.5　低沉?。?96

6.5.6　冷峻　｜196

6.5.7　蒼勁?。?97

6.5.8　沉靜?。?97

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

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

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

6.5.12　常見色彩搭配　｜199

6.5.13　猜你喜歡?。?99

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

6.6.1　憤怒　｜201

6.6.2　悲痛?。?01

6.6.3　猙獰　｜202

6.6.4　恐怖?。?02

6.6.5　哀傷　｜203

6.6.6　憂悶?。?03

6.6.7　殘忍　｜204

6.6.8　詭異?。?04

6.6.9　動手練習——將大面積文字進行分欄　｜205

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　項目分析　｜209

7.2　案例分析?。?09

7.3　版式分析?。?10

7.4　配色方案　｜211

7.5　色彩延伸?。?13

7.6　佳作欣賞?。?13

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

8.1　項目分析?。?15

8.2　案例分析　｜215

8.3　版式分析?。?15

8.4　配色方案?。?16

8.5　色彩延伸?。?17

8.6　佳作欣賞?。?17