平面設計配色從入門到精通

第1章 平面設計基礎知識?。?

1.1 什么是平面設計?。?

1.1.1 平面設計的概念?。?

1.1.2 平面設計的原則　｜2

1.1.3 平面設計的范疇?。?

1.2　構成平面的要素　｜6

1.2.1　布局?。?

1.2.2　色彩?。?

1.2.3　文字?。?

1.2.4　圖片/圖形?。?

1.3 構成平面的點、線、面?。?

1.3.1　點?。?0

1.3.2　線　｜11

1.3.3　面?。?2

1.3.4　點線面的混排　｜12

1.4　平面設計的視覺流程?。?3

1.4.1　單向視覺流程　｜14

1.4.2　曲線視覺流程?。?5

1.4.3　重心視覺流程　｜15

1.4.4　導向性視覺流程?。?6

1.4.5　反復視覺流程　｜16

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

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

2.2　色彩能夠做什么　｜20

2.2.1　識別判斷?。?0

2.2.2　襯托對比?。?0

2.2.3　渲染氣氛　｜21

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　色彩的心理感受　｜27

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

2.5.2　色彩的冷暖?。?7

2.5.3　前進色和后退色?。?8

2.6　圖像的色調?。?8

2.7　主色、輔助色、點綴色的關系?。?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　冷暖對比?。?7

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

第3章　基礎色與平面設計　｜40

3.1　紅?。?1

3.1.1　認識紅色　｜41

3.1.2　應用實例?。?2

3.1.3　喜慶熱烈的紅色　｜42

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

3.1.5　常見色分析　｜43

3.1.6　猜你喜歡?。?4

3.2　橙　｜45

3.2.1　認識橙色?。?5

3.2.2　應用實例　｜46

3.2.3　橙色調配色方案營造復古氣氛?。?6

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

3.2.5　常見色分析?。?7

3.2.6　猜你喜歡　｜48

3.3　黃?。?9

3.3.1　認識黃色?。?9

3.3.2　應用實例　｜50

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

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

3.3.5　常見色分析　｜51

3.3.6　猜你喜歡?。?2

3.4　綠?。?3

3.4.1　認識綠色?。?3

3.4.2　應用實例?。?4

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

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

3.4.5　常見色分析　｜55

3.4.6　猜你喜歡?。?6

3.5　青?。?7

3.5.1　認識青色?。?7

3.5.2　應用實例?。?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　應用實例?。?2

3.6.3　深沉憂郁的藍色調?。?2

3.6.4　青春活力天藍色　｜63

3.6.5　常見色分析?。?3

3.6.6　猜你喜歡?。?4

3.7　紫?。?5

3.7.1　認識紫色?。?5

3.7.2　應用實例　｜66

3.7.3　華麗的紫色調?。?6

3.7.4　神秘夢幻的紫色調?。?7

3.7.5　常見色分析?。?7

3.7.6　猜你喜歡?。?8

3.8　黑、白、灰?。?9

3.8.1　黑色　｜69

3.8.2　白色?。?9

3.8.3　灰色?。?0

3.8.4　應用實例?。?1

3.8.5　猜你喜歡　｜71

第4章　平面設計的構圖與色彩?。?4

4.1　和諧?。?5

4.1.1　和諧——整體　｜76

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

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

4.1.4　設計師談——巧妙利用調和色?。?7

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

4.1.6　常見色彩搭配?。?8

4.1.7　猜你喜歡　｜78

4.2　對比?。?9

4.2.1　對比——鮮明?。?0

4.2.2　對比——強烈?。?0

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

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

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

4.2.6　常見色彩搭配?。?2

4.2.7　猜你喜歡?。?2

4.3　對稱?。?3

4.3.1　對稱——和諧?。?4

4.3.2　對稱——嚴謹?。?4

4.3.3　對稱——調和?。?5

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

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

4.3.6　設計師談——調整色彩領地　｜86

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

4.3.8　常見色彩搭配?。?7

4.3.9　猜你喜歡?。?7

4.4　平衡?。?8

4.4.1　平衡——色彩?。?9

4.4.2　平衡——分布　｜89

4.4.3　平衡——形量?。?0

4.4.4　平衡——大小　｜90

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

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

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

4.4.8　常見色彩搭配　｜92

4.4.9　猜你喜歡?。?2

4.5　比例　｜93

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

4.5.2　比例——黃金比例　｜94

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

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

4.5.5　配色實戰(zhàn)——名片的配色　｜95

4.5.6　常見色彩搭配?。?6

4.5.7　猜你喜歡?。?6

4.6　重心?。?7

4.6.1　重心——居中?。?8

4.6.2　重心——向下?。?8

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

4.6.4　設計師談——三角構圖法 ?。?9

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

4.6.6 常見色彩搭配?。?00

4.6.7　猜你喜歡?。?00

4.7　節(jié)奏　｜101

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

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

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

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

4.7.5　動手練習——打造單色的復古調?。?04

4.7.6　設計師談——大膽運用黑色 ?。?04

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

4.7.8　常見色彩搭配?。?05

4.7.9　猜你喜歡?。?05

4.8　韻律?。?06

4.8.1　韻律——舒展?。?07

4.8.2　韻律——緊張?。?07

4.8.3　韻律——曼妙?。?08

4.8.4　韻律——輕盈?。?08

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

4.8.6　設計師談——“禁欲系”風格 　｜109

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

4.8.8　常見色彩搭配?。?10

4.8.9　猜你喜歡　｜110

第5章　色彩在平面設計中的應用?。?12

5.1　標志設計與色彩　｜113

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

5.1.2　健康、自然食品標志?。?14

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

5.1.4　三角形的標志?。?15

5.1.5　動手練習——巧用原色使標志更加引人注目?。?16

5.1.6　設計師談——妙用對比色?。?16

5.1.7　標志配色實戰(zhàn)?。?16

5.1.8　常見色彩搭配　｜117

5.1.9　猜你喜歡?。?17

5.2　名片設計與色彩?。?18

5.2.1　簡約型的名片設計?。?19

5.2.2　特殊形狀的名片設計?。?19

5.2.3　霓虹色調名片設計?。?20

5.2.4　個性的名片設計?。?20

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

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

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

5.2.8　常見色彩搭配?。?22

5.2.9　猜你喜歡　｜122

5.3　廣告設計與色彩?。?23

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

5.3.2　奢華感化妝品廣告　｜124

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

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

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

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

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

5.3.8　常見色彩搭配　｜127

5.3.9　猜你喜歡?。?27

5.4　招貼設計與色彩?。?28

5.4.1　公益主題招貼設計　｜129

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

5.4.3　令人食欲大增的海報設計　｜130

5.4.4　飲品類招貼設計　｜130

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

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

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

5.4.8　常見色彩搭配?。?32

5.4.9　猜你喜歡?。?32

5.5　書籍設計與色彩　｜133

5.5.1　極簡風格書籍封面設計?。?34

5.5.2　書籍目錄設計?。?34

5.5.3　傳記類書籍版式　｜135

5.5.4　技術類書籍封面?。?35

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

5.5.6　設計師談——統(tǒng)一圖片間隔的距離　｜136

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

5.5.8　常見色彩搭配?。?37

5.5.9　猜你喜歡　｜137

5.6　報刊設計與色彩?。?38

5.6.1　體育類報刊　｜139

5.6.2　娛樂類報紙?。?39

5.6.3　時尚類報刊?。?40

5.6.4　事實類報刊　｜140

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

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

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

5.6.8　常見色彩搭配?。?42

5.6.9　猜你喜歡?。?42

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

5.7.1　多圖的畫冊內頁?。?44

5.7.2　大圖展示的畫冊內頁　｜144

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

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

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

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

5.7.7　企業(yè)宣傳手冊內頁配色實戰(zhàn)　｜146

5.7.8　常見色彩搭配?。?47

5.7.9　猜你喜歡?。?47

5.8　包裝設計與色彩?。?48

5.8.1　可愛風格包裝設計　｜149

5.8.2　華麗風格包裝設計?。?49

5.8.3　質樸風格包裝設計　｜150

5.8.4　個性風格包裝設計?。?50

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

5.8.6　設計師談——包裝與色彩?。?51

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

5.8.8　常見色彩搭配?。?52

5.8.9　猜你喜歡　｜152

5.9　網頁設計與色彩?。?53

5.9.1　地產網頁　｜154

5.9.2　汽車網頁?。?54

5.9.3　飲料網頁?。?55

5.9.4　幼兒用洗滌用品網頁　｜155

5.9.5　動手練習——使標題文字更加突出?。?56

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

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

5.9.8　常見色彩搭配?。?57

5.9.9　猜你喜歡?。?57

5.10　插畫設計與色彩　｜158

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

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

5.10.3　極簡風格插畫設計　｜160

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

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

5.10.6　設計師談——插畫的風格　｜161

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

5.10.8　常見色彩搭配　｜162

5.10.9　猜你喜歡?。?63

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

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

6.1.1　熱情?。?66

6.1.2　興奮?。?66

6.1.3　旺盛　｜167

6.1.4　斗志?。?67

6.1.5　充沛?。?68

6.1.6　激動　｜168

6.1.7　活力?。?69

6.1.8　激昂　｜169

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

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

6.1.11　配色實戰(zhàn)——卡片配色方案　｜170

6.1.12　常見色彩搭配?。?71

6.1.13　猜你喜歡?。?71

6.2　表現(xiàn)溫和的色彩　｜172

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　舒展?。?75

6.2.7　和煦?。?76

6.2.8　溫情?。?76

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

6.2.10　設計師談——無彩色的巧妙運用　｜177

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

6.2.12　常見色彩搭配?。?78

6.2.13　猜你喜歡　｜178

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

6.3.10　設計師談——文字與圖片的處理?。?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　奔放?。?88

6.4.4　迸發(fā)?。?88

6.4.5　激情?。?89

6.4.6　躍動　｜189

6.4.7　流暢?。?90

6.4.8　曲線　｜190

6.4.9　動手練習——將畫面中元素旋轉活躍畫面氣氛?。?91

6.4.10　設計師談——利用顏色純度的推移為畫面增加空間感?。?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)　｜195

6.5.4　莊嚴?。?95

6.5.5　低沉?。?96

6.5.6　冷峻?。?96

6.5.7　蒼勁?。?97

6.5.8　沉靜?。?97

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

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

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

6.5.12　常見色彩搭配?。?99

6.5.13　猜你喜歡　｜199

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　殘忍?。?04

6.6.8　詭異?。?04

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

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

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

6.6.12　常見色彩搭配?。?06

6.6.13　猜你喜歡?。?06

第7章　時尚雜志封面配色實戰(zhàn)　｜208

7.1　項目分析?。?09

7.2　案例分析?。?09

7.3　版式分析?。?10

7.4　配色方案?。?11

7.5　色彩延伸　｜213

7.6　佳作欣賞?。?13

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

8.1　項目分析?。?15

8.2　案例分析?。?15

8.3　版式分析?。?15

8.4　配色方案　｜216

8.5　色彩延伸?。?17

8.6　佳作欣賞?。?17