平面设计配色从入门到精通

第1章 平面设计基础知识　｜1

1.1 什么是平面设计　｜2

1.1.1 平面设计的概念　｜2

1.1.2 平面设计的原则　｜2

1.1.3 平面设计的范畴　｜4

1.2　构成平面的要素　｜6

1.2.1　布局　｜7

1.2.2　色彩　｜7

1.2.3　文字　｜8

1.2.4　图片/图形　｜8

1.3 构成平面的点、线、面　｜9

1.3.1　点　｜10

1.3.2　线　｜11

1.3.3　面　｜12

1.3.4　点线面的混排　｜12

1.4　平面设计的视觉流程　｜13

1.4.1　单向视觉流程　｜14

1.4.2　曲线视觉流程　｜15

1.4.3　重心视觉流程　｜15

1.4.4　导向性视觉流程　｜16

1.4.5　反复视觉流程　｜16

第2章　色彩达人必学知识　｜18

2.1　色彩究竟是什么　｜19

2.2　色彩能够做什么　｜20

2.2.1　识别判断　｜20

2.2.2　衬托对比　｜20

2.2.3　渲染气氛　｜21

2.2.4　修饰装扮　｜21

2.3　色彩的类型　｜22

2.3.1　有彩色　｜22

2.3.2　无彩色　｜23

2.4　色彩的三大属性　｜23

2.4.1　色相　｜23

2.4.2　明度　｜25

2.4.3　纯度　｜26

2.5　色彩的心理感受　｜27

2.5.1　色彩是有重量的　｜27

2.5.2　色彩的冷暖　｜27

2.5.3　前进色和后退色　｜28

2.6　图像的色调　｜28

2.7　主色、辅助色、点缀色的关系　｜30

2.7.1　主色　｜30

2.7.2　辅助色　｜31

2.7.3　点缀色　｜31

2.8　色彩的对比　｜32

2.8.1　明度对比　｜32

2.8.2　纯度对比　｜33

2.8.3　色相对比　｜34

2.8.4　面积对比　｜36

2.8.5　冷暖对比　｜37

2.9　颜色搭配的一般原则　｜38

第3章　基础色与平面设计　｜40

3.1　红　｜41

3.1.1　认识红色　｜41

3.1.2　应用实例　｜42

3.1.3　喜庆热烈的红色　｜42

3.1.4　女人味十足的玫瑰红　｜43

3.1.5　常见色分析　｜43

3.1.6　猜你喜欢　｜44

3.2　橙　｜45

3.2.1　认识橙色　｜45

3.2.2　应用实例　｜46

3.2.3　橙色调配色方案营造复古气氛　｜46

3.2.4　温暖、醒目的橙色　｜47

3.2.5　常见色分析　｜47

3.2.6　猜你喜欢　｜48

3.3　黄　｜49

3.3.1　认识黄色　｜49

3.3.2　应用实例　｜50

3.3.3　茉莉黄与金黄搭配　｜50

3.3.4　轻快跃动的鲜黄色　｜51

3.3.5　常见色分析　｜51

3.3.6　猜你喜欢　｜52

3.4　绿　｜53

3.4.1　认识绿色　｜53

3.4.2　应用实例　｜54

3.4.3　自然健康绿色海报　｜54

3.4.4　青春活力苹果绿　｜55

3.4.5　常见色分析　｜55

3.4.6　猜你喜欢　｜56

3.5　青　｜57

3.5.1　认识青色　｜57

3.5.2　应用实例　｜58

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

3.5.4　干净清爽的白青色　｜59

3.5.5　常见色分析　｜59

3.5.6　猜你喜欢　｜60

3.6　蓝　｜61

3.6.1　认识蓝色　｜61

3.6.2　应用实例　｜62

3.6.3　深沉忧郁的蓝色调　｜62

3.6.4　青春活力天蓝色　｜63

3.6.5　常见色分析　｜63

3.6.6　猜你喜欢　｜64

3.7　紫　｜65

3.7.1　认识紫色　｜65

3.7.2　应用实例　｜66

3.7.3　华丽的紫色调　｜66

3.7.4　神秘梦幻的紫色调　｜67

3.7.5　常见色分析　｜67

3.7.6　猜你喜欢　｜68

3.8　黑、白、灰　｜69

3.8.1　黑色　｜69

3.8.2　白色　｜69

3.8.3　灰色　｜70

3.8.4　应用实例　｜71

3.8.5　猜你喜欢　｜71

第4章　平面设计的构图与色彩　｜74

4.1　和谐　｜75

4.1.1　和谐——整体　｜76

4.1.2　和谐——协调　｜76

4.1.3　动手练习——更换背景色使广告变清凉　｜77

4.1.4　设计师谈——巧妙利用调和色　｜77

4.1.5　配色实战——卡片色彩搭配　｜77

4.1.6　常见色彩搭配　｜78

4.1.7　猜你喜欢　｜78

4.2　对比　｜79

4.2.1　对比——鲜明　｜80

4.2.2　对比——强烈　｜80

4.2.3　动手练习——使包装文字更清晰　｜81

4.2.4　设计师谈——白色的巧妙运用　｜81

4.2.5　配色实战——插画场景色彩搭配　｜81

4.2.6　常见色彩搭配　｜82

4.2.7　猜你喜欢　｜82

4.3　对称　｜83

4.3.1　对称——和谐　｜84

4.3.2　对称——严谨　｜84

4.3.3　对称——调和　｜85

4.3.4　对称——统一　｜85

4.3.5　动手练习——使海报主体物更突出　｜86

4.3.6　设计师谈——调整色彩领地　｜86

4.3.7　配色实战——请柬封面的常见色彩搭配　｜86

4.3.8　常见色彩搭配　｜87

4.3.9　猜你喜欢　｜87

4.4　平衡　｜88

4.4.1　平衡——色彩　｜89

4.4.2　平衡——分布　｜89

4.4.3　平衡——形量　｜90

4.4.4　平衡——大小　｜90

4.4.5　动手练习——利用文字排版丰富画面层次　｜91

4.4.6　设计师谈——巧妙地运用无彩色 　｜91

4.4.7　配色实战——海报配色方案　｜91

4.4.8　常见色彩搭配　｜92

4.4.9　猜你喜欢　｜92

4.5　比例　｜93

4.5.1　比例——等比例　｜94

4.5.2　比例——黄金比例　｜94

4.5.3　动手练习——增加画面颜色的对比度　｜95

4.5.4　设计师谈——利用类似色的配色原理达到视觉上的平衡感 　｜95

4.5.5　配色实战——名片的配色　｜95

4.5.6　常见色彩搭配　｜96

4.5.7　猜你喜欢　｜96

4.6　重心　｜97

4.6.1　重心——居中　｜98

4.6.2　重心——向下　｜98

4.6.3　动手练习——提高背景明度增强视觉冲击力　｜99

4.6.4　设计师谈——三角构图法 　｜99

4.6.5　配色实战——低纯度配色方案　｜99

4.6.6 常见色彩搭配　｜100

4.6.7　猜你喜欢　｜100

4.7　节奏　｜101

4.7.1　节奏——欢快　｜102

4.7.2　节奏——舒缓　｜102

4.7.3　节奏——沉重　｜103

4.7.4　节奏——诡秘　｜103

4.7.5　动手练习——打造单色的复古调　｜104

4.7.6　设计师谈——大胆运用黑色 　｜104

4.7.7　配色实战——企业VI设计色彩搭配　｜104

4.7.8　常见色彩搭配　｜105

4.7.9　猜你喜欢　｜105

4.8　韵律　｜106

4.8.1　韵律——舒展　｜107

4.8.2　韵律——紧张　｜107

4.8.3　韵律——曼妙　｜108

4.8.4　韵律——轻盈　｜108

4.8.5　动手练习——增加画面颜色纯度　｜109

4.8.6　设计师谈——“禁欲系”风格 　｜109

4.8.7　配色实战——可爱风格色彩搭配　｜109

4.8.8　常见色彩搭配　｜110

4.8.9　猜你喜欢　｜110

第5章　色彩在平面设计中的应用　｜112

5.1　标志设计与色彩　｜113

5.1.1　体现安全的标志　｜114

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

5.1.3　表现美味的谷物制品标志　｜115

5.1.4　三角形的标志　｜115

5.1.5　动手练习——巧用原色使标志更加引人注目　｜116

5.1.6　设计师谈——妙用对比色　｜116

5.1.7　标志配色实战　｜116

5.1.8　常见色彩搭配　｜117

5.1.9　猜你喜欢　｜117

5.2　名片设计与色彩　｜118

5.2.1　简约型的名片设计　｜119

5.2.2　特殊形状的名片设计　｜119

5.2.3　霓虹色调名片设计　｜120

5.2.4　个性的名片设计　｜120

5.2.5　动手练习——减少色彩使名片更醒目　｜121

5.2.6　设计师谈——将名片改为圆角　｜121

5.2.7　名片配色实战　｜121

5.2.8　常见色彩搭配　｜122

5.2.9　猜你喜欢　｜122

5.3　广告设计与色彩　｜123

5.3.1　采用比喻手法的皮鞋广告　｜124

5.3.2　奢华感化妆品广告　｜124

5.3.3　天然化妆品广告　｜125

5.3.4　色彩绚丽的电商广告　｜125

5.3.5　动手练习——利用白色背景增加视觉冲击力　｜126

5.3.6　设计师谈——借助相像合理夸张　｜126

5.3.7　广告配色实战　｜126

5.3.8　常见色彩搭配　｜127

5.3.9　猜你喜欢　｜127

5.4　招贴设计与色彩　｜128

5.4.1　公益主题招贴设计　｜129

5.4.2　环保主题招贴　｜129

5.4.3　令人食欲大增的海报设计　｜130

5.4.4　饮品类招贴设计　｜130

5.4.5　动手练习——修改画面文字对齐方式　｜131

5.4.6　设计师谈——文字不是越多越好　｜131

5.4.7　招贴配色实战　｜131

5.4.8　常见色彩搭配　｜132

5.4.9　猜你喜欢　｜132

5.5　书籍设计与色彩　｜133

5.5.1　极简风格书籍封面设计　｜134

5.5.2　书籍目录设计　｜134

5.5.3　传记类书籍版式　｜135

5.5.4　技术类书籍封面　｜135

5.5.5　动手练习——修改图片尺寸　｜136

5.5.6　设计师谈——统一图片间隔的距离　｜136

5.5.7　中纯度的色彩搭配　｜136

5.5.8　常见色彩搭配　｜137

5.5.9　猜你喜欢　｜137

5.6　报刊设计与色彩　｜138

5.6.1　体育类报刊　｜139

5.6.2　娱乐类报纸　｜139

5.6.3　时尚类报刊　｜140

5.6.4　事实类报刊　｜140

5.6.5　动手练习——利用分割线划分文字区域　｜141

5.6.6　设计师谈——颜色绚丽更加吸引读者注意　｜141

5.6.7　报刊配色实战　｜141

5.6.8　常见色彩搭配　｜142

5.6.9　猜你喜欢　｜142

5.7　画册、折页与色彩　｜143

5.7.1　多图的画册内页　｜144

5.7.2　大图展示的画册内页　｜144

5.7.3　色块与图像拼合的画册设计　｜145

5.7.4　多彩折页的配色　｜145

5.7.5　动手练习——利用满版图打造舒展的视觉效果　｜146

5.7.6　设计师谈——文字效果要适度　｜146

5.7.7　企业宣传手册内页配色实战　｜146

5.7.8　常见色彩搭配　｜147

5.7.9　猜你喜欢　｜147

5.8　包装设计与色彩　｜148

5.8.1　可爱风格包装设计　｜149

5.8.2　华丽风格包装设计　｜149

5.8.3　质朴风格包装设计　｜150

5.8.4　个性风格包装设计　｜150

5.8.5　动手练习——改变包装颜色打造清爽感觉　｜151

5.8.6　设计师谈——包装与色彩　｜151

5.8.7　广告配色实战　｜151

5.8.8　常见色彩搭配　｜152

5.8.9　猜你喜欢　｜152

5.9　网页设计与色彩　｜153

5.9.1　地产网页　｜154

5.9.2　汽车网页　｜154

5.9.3　饮料网页　｜155

5.9.4　幼儿用洗涤用品网页　｜155

5.9.5　动手练习——使标题文字更加突出　｜156

5.9.6　设计师谈——统一文字颜色与画面颜色　｜156

5.9.7　柔和色调的配色实战　｜156

5.9.8　常见色彩搭配　｜157

5.9.9　猜你喜欢　｜157

5.10　插画设计与色彩　｜158

5.10.1　创意的艺术插画　｜159

5.10.2　可爱的儿童插画　｜159

5.10.3　极简风格插画设计　｜160

5.10.4　极具表现力的抽象插画　｜160

5.10.5　动手练习——整洁颜色纯度，让插画更加个性　｜161

5.10.6　设计师谈——插画的风格　｜161

5.10.7　插画配色实战　｜162

5.10.8　常见色彩搭配　｜162

5.10.9　猜你喜欢　｜163

第6章　平面设计中色彩的视觉印象　｜164

6.1　表现积极的色彩　｜165

6.1.1　热情　｜166

6.1.2　兴奋　｜166

6.1.3　旺盛　｜167

6.1.4　斗志　｜167

6.1.5　充沛　｜168

6.1.6　激动　｜168

6.1.7　活力　｜169

6.1.8　激昂　｜169

6.1.9　动手练习——让文字动起来　｜170

6.1.10　设计师谈——组合图片的利用　｜170

6.1.11　配色实战——卡片配色方案　｜170

6.1.12　常见色彩搭配　｜171

6.1.13　猜你喜欢　｜171

6.2　表现温和的色彩　｜172

6.2.1　温婉　｜173

6.2.2　平和　｜173

6.2.3　和谐　｜174

6.2.4　轻柔　｜174

6.2.5　优雅　｜175

6.2.6　舒展　｜175

6.2.7　和煦　｜176

6.2.8　温情　｜176

6.2.9　动手练习——增强纯度使画面更生动　｜177

6.2.10　设计师谈——无彩色的巧妙运用　｜177

6.2.11　配色实战——中对比度色彩搭配　｜177

6.2.12　常见色彩搭配　｜178

6.2.13　猜你喜欢　｜178

6.3　表现愉快的色彩　｜179

6.3.1　欢乐　｜180

6.3.2　愉悦　｜180

6.3.3　开朗　｜181

6.3.4　洒脱　｜181

6.3.5　热烈　｜182

6.3.6　鲜活　｜182

6.3.7　明艳　｜183

6.3.8　明朗　｜183

6.3.9　动手练习——修改标题文字为画面增加信息传递性　｜184

6.3.10　设计师谈——文字与图片的处理　｜184

6.3.11　配色实战——海报配色方案　｜184

6.3.12　常见色彩搭配　｜185

6.3.13　猜你喜欢　｜185

6.4　表现动感的色彩　｜186

6.4.1　生长　｜187

6.4.2　动势　｜187

6.4.3　奔放　｜188

6.4.4　迸发　｜188

6.4.5　激情　｜189

6.4.6　跃动　｜189

6.4.7　流畅　｜190

6.4.8　曲线　｜190

6.4.9　动手练习——将画面中元素旋转活跃画面气氛　｜191

6.4.10　设计师谈——利用颜色纯度的推移为画面增加空间感　｜191

6.4.11　配色实战——文字类型海报配色方案　｜191

6.4.12　常见色彩搭配　｜192

6.4.13　猜你喜欢　｜192

6.5　表现庄重的色彩　｜193

6.5.1　凝重　｜194

6.5.2　稳重　｜194

6.5.3　沉稳　｜195

6.5.4　庄严　｜195

6.5.5　低沉　｜196

6.5.6　冷峻　｜196

6.5.7　苍劲　｜197

6.5.8　沉静　｜197

6.5.9　动手练习——利用居中型的构图方式使版面统一　｜198

6.5.10　设计师谈——利用出血照片控制视觉效果　｜198

6.5.11　配色实战——卡片的配色方案　｜198

6.5.12　常见色彩搭配　｜199

6.5.13　猜你喜欢　｜199

6.6　表现消极的色彩　｜200

6.6.1　愤怒　｜201

6.6.2　悲痛　｜201

6.6.3　狰狞　｜202

6.6.4　恐怖　｜202

6.6.5　哀伤　｜203

6.6.6　忧闷　｜203

6.6.7　残忍　｜204

6.6.8　诡异　｜204

6.6.9　动手练习——将大面积文字进行分栏　｜205

6.6.10　设计师谈——利用曲线为画面增加活力　｜205

6.6.11　配色实战——中明度色彩基调配色方案　｜205

6.6.12　常见色彩搭配　｜206

6.6.13　猜你喜欢　｜206

第7章　时尚杂志封面配色实战　｜208

7.1　项目分析　｜209

7.2　案例分析　｜209

7.3　版式分析　｜210

7.4　配色方案　｜211

7.5　色彩延伸　｜213

7.6　佳作欣赏　｜213

第8章　可爱风格儿童网站配色实战　｜214

8.1　项目分析　｜215

8.2　案例分析　｜215

8.3　版式分析　｜215

8.4　配色方案　｜216

8.5　色彩延伸　｜217

8.6　佳作欣赏　｜217