摘要

适读人群 ：色彩设计基础不扎实的初学者； 平面设计师； 相关培训班。
《配色设计从入门到精通》从色彩基础的知识开始讲起，逐步讲解色彩搭配的原理、方法、心理影响，主要的平面设计软件Photoshop和Illustrator的色彩部分的相关运用方法，以及印前管理的相关知识，然后按设计类型分别讲解平面设计、网页设计、APP设计、淘宝店铺设计和家居装饰设计等设计领域的色彩搭配方法与案例。

配色设计从入门到精通 内容简介

《配色设计从入门到精通》主要介绍设计中的配色方法和技巧，全书共12章，分别为：第1章，色彩搭配原理；第2章，色彩搭配的选择标准；第3章，色彩搭配的调和与对比；第4章，色彩印象的运用；第5章，Photoshop色彩技法；第6章，Illustrator基本操作；第7章，平面设计的色彩搭配；第8章，网页设计的色彩搭配；第9章，App应用的色彩搭配；第10章，淘宝店铺的色彩搭配；第11章，家居装饰的色彩搭配；第12章，服装设计的色彩搭配。本书将实用的技术、快捷的操作方法和丰富的内容介绍给读者，使读者在掌握软件功能的同时，提高设计效率和从业素质。

《配色设计从入门到精通》结构清晰、由简到难，配图精美实用、分析详细，文字阐述通俗易懂，与实践结合非常密切，具有很强的实用性，适合初、中级设计爱好者，以及希望学习色彩搭配的人群使用。

配色设计从入门到精通 目录

第　1 章 色彩搭配原理

1．1　色彩搭配的概念与意义　12

1．1．1　色彩的表示方法和体系　12

1．1．2　色彩的属性　15

1．1．3　色彩的情感效果　17

1．1．4　色彩联想作用　20

1．2　色彩搭配的基础　23

1．2．1　配色原则　23

1．2．2　灵活运用配色技巧　23

1．2．3　避免配色的混乱　25

1．3　色彩搭配的常见问题　25

1．3．1　培养色彩的敏感度　25

1．3．2　通用配色理论是否适用　26

1．3．3　配色时选择双色和多色组合　27

1．3．4　尽可能使用两至三种色彩进行搭配　27

1．3．5　如何快速实现完美配色　28

1．4　培养色彩搭配的感觉　29

1．4．1　基于色相的配色关系　29

1．4．2　基于色调的配色关系　30

1．4．3　渐变配色　31

1．4．4　相反色相、类似色调配色　33

1．4．5　同一或类似色相、类似色调配色　34

1．4．6　同一或类似色相、相反色调配色　35

1．4．7　相反色相、相反色调配色　36

1．5　专家支招　37

1．5．1　什么是网页安全色　37

1．5．2　色彩是怎样产生的　38

1．6　本章小结　38

第　2 章 色彩搭配的选择标准

2．1　根据行为选择配色　40

2．2　根据浏览者对色彩的偏好选择颜色　41

2．2．1　根据性别选择颜色　41

2．2．2　年龄阶段决定配色　44

2．2．3　地域决定配色　46

2．3　根据季节选择配色　50

2．3．1　春天的配色　50

2．3．2　夏天的配色　51

2．3．3　秋天的配色　52

2．3．4　冬天的配色　53

2．4　根据商品销售阶段选择配色　54

2．4．1　商品导入期　54

2．4．2　商品拓展期　54

2．4．3　商品成熟期　56

2．4．4　商品衰退期　56

2．5　专家支招　57

2．5．1　没有美术基础，可以运用哪些方法进行配色　57

2．5．2　在进行配色前需要注意什么　58

2．6　本章小结　58

第　3 章 色彩搭配的调和与对比

3．1　色彩的调和　60

3．1．1　同色相配色调和　60

3．1．2　同明度配色调和　61

3．1．3　同纯度配色调和　62

3．1．4　间隔色色彩调和　64

3．1．5　渐变色色彩调和　65

3．1．6　由自然获取配色　66

3．1．7　由色调而生的配色　67

3．1．8　使用无彩色　68

3．1．9　色彩数量与调和　69

3．2　色彩的对比　69

3．2．1　什么是色彩对比　69

3．2．2　色相对比的配色　70

3．2．3　明度对比的配色　72

3．2．4　纯度对比的配色　74

3．2．5　冷暖对比的配色　76

3．2．6　同时对比和连续对比　77

3．2．7　强调色　78

3．2．8　多彩色　79

3．2．9　前进色和后退色　80

3．2．10　色彩的诱目性　81

3．2．11　节奏和色彩面积　81

3．3　色彩搭配的调整　82

3．3．1　提高纯度　82

3．3．2　增大明度差　83

3．3．3　增强色相型　84

3．3．4　增强点缀色　85

3．3．5　抑制辅助色或背景　86

3．4　色彩搭配的融合　86

3．4．1　接近色相　86

3．4．2　统一明度　87

3．4．3　同色调　88

3．4．4　添加类似色或同类色　88

3．4．5　网页产生稳定感　88

3．5　专家支招　89

3．5．1　如何使配色让多数人喜欢　89

3．5．2　为什么按照学习到的规则配色还是觉得怪怪的　89

3．6　本章小结　89

第　4 章 色彩印象的运用

4．1　巧用色彩印象搭配　91

4．1．1　红色的色彩搭配　91

4．1．2　橙色的色彩搭配　94

4．1．3　黄色的色彩搭配　98

4．1．4　绿色的色彩搭配　101

4．1．5　蓝色的色彩搭配　105

4．1．6　紫色的色彩搭配　108

4．1．7　中性色的色彩搭配　111

4．2　巧用色调搭配配色　112

4．2．1　纯色调体现鲜明　113

4．2．2　中明色调体现清新　114

4．2．3　明色调体现明净　115

4．2．4　明灰色调体现高雅　115

4．2．5　中灰色调体现朴实　116

4．2．6　暗灰色调体现浑厚　117

4．2．7　浊色调体现中庸　118

4．2．8　暗色调体现深沉　119

4．3　专家支招　120

4．3．1　色彩印象理论的根据是什么　121

4．3．2　在进行配色时，应选择双色还是多色的组合　121

4．4　本章小结　121

第　5 章 Photoshop色彩技法

5．1　前景色和背景色　123

5．2　拾色器的使用　123

5．3　了解色彩模式　124

5．3．1　Lab　124

5．3．2　RGB　125

5．3．3　CMYK　126

5．3．4　HSB　128

5．3．5　Web标准颜色　129

5．3．6　索引颜色　129

5．4　关于颜色面板　131

5．5　关于色板　132

5．6　使用图层　133

5．6．1　图层的不透明度　133

5．6．2　图层的混合模式　134

5．7　填充颜色　136

5．7．1　使用“填充”命令　136

5．7．2　使用“油漆桶工具”　138

5．7．3　使用“渐变工具”　138

5．8　使用通道　140

5．9　通道的分类　141

5．9．1　复合通道和单色通道　141

5．9．2　颜色通道　141

5．9．3　专色通道　142

5．9．4　Alpha通道　142

5．10　使用调色命令　142

5．10．1　色相饱和度　142

5．10．2　色彩平衡　144

5．10．3　颜色查找　145

5．10．4　可选颜色　146

5．10．5　HDR色调　147

5．10．6　匹配颜色　147

5．10．7　替换颜色　148

5．11　关于Adobe Color　150

5．11．1　软件简介　150

5．11．2　软件基本功能　150

5．12　专家支招　152

5．12．1　通道功能概述　152

5．12．2　合理使用调整图层　152

5．13　本章小结　152

第　6 章 Illustrator基本操作

6．1　矢量图和位图　154

6．1．1　了解矢量图　154

6．1．2　位图　155

6．2　填充色和描边色　157

6．2．1　填充颜色　158

6．2．2　填充图案　159

6．2．3　填充渐变　159

6．2．4　描边面板　159

6．2．5　使用虚线　160

6．2．6　使用箭头　160

6．3　关于拾色器　160

6．4　颜色面板　161

6．5　创建属于自己的色板　162

6．6　反相和补色　165

6．6．1　反相　165

6．6．2　补色　165

6．7　网格工具　165

6．7．1　了解网格工具　166

6．7．2　网格工具的使用　166

6．8　使用颜色参考　167

6．9　创建分色　168

6．10　使用叠印和陷印　169

6．10．1　叠印　169

6．10．2　陷印　170

6．11　如何表现专色　171

6．11．1　专色油墨　171

6．11．2　专色油墨特点　171

6．11．3　专色印刷　171

6．12　图片格式和分辨率　171

6．12．1　JPEG　171

6．12．2　PNG　172

6．12．3　BMP　172

6．12．4　TIFF　172

6．12．5　PSD　173

6．12．6　AI　173

6．12．7　分辨率　173

6．13　正确的色彩配置文件　173

6．14　使用透明度拼合　174

6．15　颜色管理　175

6．15．1　打印时让应用程序管理颜色　175

6．15．2　打印时让打印机管理颜色　176

6．15．3　关于渲染方法　176

6．16　印刷标记的输出　176

6．17　专家支招　177

6．17．1　Illustrator的印前检查　177

6．17．2　如何校准显示器　178

6．18　本章小结　178

第　7 章 平面设计的色彩搭配

7．1　了解平面设计的色彩搭配　180

7．1．1　确定设计的主色　180

7．1．2　确定设计的辅助色　181

7．2　海报设计的色彩搭配　182

7．2．1　设计思路　182

7．2．2　色彩选取　182

7．2．3　素材选取　183

7．2．4　文本配色　183

7．2．5　页面布局　183

7．2．6　制作过程　184

7．3　包装设计的色彩搭配　186

7．3．1　设计思路　186

7．3．2　色彩选取　187

7．3．3　素材选取　187

7．3．4　文本配色　187

7．3．5　页面布局　187

7．3．6　制作过程　188

7．4　封面设计的色彩搭配　191

7．4．1　设计思路　191

7．4．2　素材选取　191

7．4．3　文本配色　192

7．4．4　页面布局　192

7．4．5　制作步骤　193

7．5　优秀作品赏析　195

7．5．1　影视海报　195

7．5．2　产品包装　195

7．5．3　DM广告　195

7．6　专家支招　196

7．6．1　海报设计要求　196

7．6．2　常见POP广告分类　196

7．7　本章小结　196

第　8 章 网页设计的色彩搭配

8．1　了解网页设计的色彩搭配　198

8．1．1　网页配色原则　198

8．1．2　网页文本配色　200

8．1．3　网页配色中的功能角色　202

8．1．4　网页元素色彩搭配　204

8．2　体育类网站的色彩搭配　206

8．2．1　设计思路　206

8．2．2　颜色选取　207

8．2．3　素材选取　207

8．2．4　文本配色　207

8．2．5　页面布局　208

8．2．6　制作过程　208

8．3　游戏类网站的色彩搭配　212

8．3．1　设计思路　213

8．3．2　颜色选取　213

8．3．3　素材选取　213

8．3．4　文本配色　214

8．3．5　页面布局　214

8．3．6　制作过程　214

8．4　企业类网站的色彩搭配　218

8．4．1　设计思路　218

8．4．2　颜色选取　218

8．4．3　素材选取　219

8．4．4　文本配色　219

8．4．5　页面布局　219

8．4．6　制作过程　220

8．5　优秀作品赏析　222

8．5．1　卡通网站　222

8．5．2　游戏娱乐网站　223

8．5．3　旅游网站　223

8．6　专家支招　224

8．6．1　网页版式设计的特点　224

8．6．2　网页设计的构图方式　224

8．7　本章小结　224

第　9 章 App应用的色彩搭配

9．1　什么是App　226

9．2　App应用的色彩搭配　226

9．2．1　App应用配色不超过3种　226

9．2．2　App应用的色彩搭配　227

9．3　新闻App的色彩搭配　229

9．3．1　设计思路　229

9．3．2　颜色选取　230

9．3．3　素材选取　230

9．3．4　文本配色　230

9．3．5　页面布局　230

9．3．6　制作过程　231

9．4　游戏App的色彩搭配　233

9．4．1　设计思路　233

9．4．2　颜色选取　233

9．4．3　素材选取　234

9．4．4　文本配色　234

9．4．5　页面布局　234

9．4．6　制作过程　235

9．5　音乐App的色彩搭配　237

9．5．1　设计思路　237

9．5．2　颜色选取　238

9．5．3　素材选取　238

9．5．4　文本配色　239

9．5．5　页面布局　239

9．5．6　制作过程　239

9．6　优秀作品赏析　241

9．6．1　天气类App　241

9．6．2　购物类App　242

9．6．3　旅游类App　242

9．7　专家支招　243

9．7．1　为什么App软件界面非常重要　243

9．7．2　App应用色彩运用原则　243

9．8　本章小结　243

第　10 章 淘宝店铺的色彩搭配

10．1　了解淘宝店铺的色彩搭配　245

10．1．1　淘宝网店装修色彩搭配原则　245

10．1．2　淘宝店铺配色技巧　248

10．2　服装店铺的色彩搭配　251

10．2．1　设计思路　251

10．2．2　颜色选取　251

10．2．3　素材选取　251

10．2．4　文本配色　252

10．2．5　页面布局　252

10．2．6　制作过程　252

10．3　数码店铺的色彩搭配　255

10．3．1　设计思路　255

10．3．2　颜色选取　255

10．3．3　素材选取　255

10．3．4　文本配色　256

10．3．5　页面布局　256

10．3．6　制作过程　256

10．4　图书店铺色彩搭配　260

10．4．1　设计思路　260

10．4．2　颜色选取　260

10．4．3　素材选取　261

10．4．4　文本配色　261

10．4．5　页面布局　262

10．4．6　制作过程　262

10．5　优秀作品赏析　265

10．5．1　数码类店铺　265

10．5．2　食品类店铺　266

10．5．3　儿童玩具类店铺　266

10．6　专家支招　266

10．6．1　淘宝店铺主要有哪些风格　267

10．6．2　淘宝店铺文字字体和 颜色怎样选择　267

10．7　本章小结　267

第　11 章 家居装饰的色彩搭配

11．1　认识家居装饰的色彩搭配　269

11．1．1　家居装饰色彩搭配的设计方法　269

11．1．2　家居装饰色彩安排的技巧　271

11．2　色彩与居室环境　273

11．2．1　色彩与空间调整　273

11．2．2　色彩与材质　274

11．2．3　色彩与照明　274

11．2．4　色彩与空间重心　275

11．2．5　图案与面积　275

11．3　客厅的色彩搭配　276

11．3．1　墙面和地面配色　276

11．3．2　家具配色　277

11．3．3　布艺配色　277

11．3．4　装饰物配色　277

11．3．5　灯光选择　278

11．4　儿童屋的色彩搭配　278

11．4．1　墙面和地面配色　278

11．4．2　家具配色　279

11．4．3　布艺配色　279

11．4．4　装饰物配色　280

11．4．5　灯光选择　280

11．5　中式书房的色彩搭配　280

11．5．1　墙面和地面配色　281

11．5．2　家具配色　282

11．5．3　装饰物配色　282

11．5．4　灯光选择　282

11．6　优秀作品赏析　283

11．6．1　客厅　283

11．6．2　卧室　283

11．6．3　厨房　283

11．6．4　书房　284

11．7　专家支招　284

11．7．1　家居色彩搭配原则　284

11．7．2　配合居室功能选择色彩　285

11．8　本章小结　285

第　12 章 服装设计的色彩搭配

12．1　什么是服装设计　287

12．2　服装设计色彩搭配原则　287

12．2．1　白色的搭配原则　287

12．2．2　蓝色的搭配原则　288

12．2．3　红色的搭配原则　289

12．2．4　褐色的搭配原则　289

12．2．5　黑色的搭配原则　290

12．2．6　米色的搭配原则　290

12．3　服装设计色彩搭配技巧　291

12．3．1　掌握主色、辅色和点缀色的用法　291

12．3．2　自然色系搭配法　291

12．3．3　有层次地运用色彩的渐变搭配　292

12．3．4　主要色配色，轻松化解搭配的困扰　292

12．3．5　上下呼应的色彩搭配　293

12．4　春季服饰的色彩搭配　294

12．4．1　春季男装搭配　294

12．4．2　春季女装搭配　295

12．4．3　春季童装搭配　295

12．5　夏季服饰的色彩搭配　296

12．5．1　夏季男装搭配　296

12．5．2　夏季女装搭配　296

12．5．3　夏季童装搭配　297

12．6　秋季服饰的色彩搭配　298

12．6．1　秋季男装搭配　298

12．6．2　秋季女装搭配　298

12．6．3　秋季童装搭配　299

12．7　冬季服饰的色彩搭配　299

12．7．1　冬季男装搭配　299

12．7．2　冬季女装搭配　300

12．7．3　冬季童装搭配　300

12．8　优秀作品赏析　301

12．8．1　女士裙装　301

12．8．2　男士西装　302

12．8．3　女童装　302

12．9　专家支招　303

12．9．1　服饰色彩搭配的原理　303

12．9．2　服装中常见的配色方式　304

12．10　本章小结　304

配色设计从入门到精通 精彩文摘

色彩在界面设计中占有很大的比重，界面的成功与否在一定程度上取决于设计者对色彩的运用。本章主要为读者介绍色彩搭配的相关知识，通过对界面的分析，帮助读者更快地了解色彩搭配的方法。

生活中的色彩总是千变万化、多姿多彩的，色彩的种类繁多，如何将色彩合理地搭配在一起，这是设计师们最需要解决的问题。所谓“色彩搭配”，就是通过对色彩进行搭配，从而达到更好的视觉效果。

色彩并不是随便搭配就可以使用的，必须将色彩按照一定的规律和秩序排列起来，这样在设计中才能够快速有效地应用色彩，目前使用最为广泛的色彩排列方法是色相环和色立体。

色相环是以黄、红和蓝三色为基础，由此三原色配置组合而成的，如图1-1所示。一般色相环以5种或6种甚至于8种色相为主要色相，若有各主要色相的中间色相，就可做成十色相、十二色相或二十四色相等色相环。

以下为读者介绍6种基本的颜色关系，每种关系都可以有无数种搭配的可能性。

一种色相由暗、中、明3种色调组成，这就是单色的调色板。单色搭配并没有形成颜色的层次，但形成了明暗的层次，这种搭配对设计很重要，如图1-2所示。

我们将相邻的颜色称为“近似色”，这种颜色搭配产生了一种令人悦目且低对比度的和谐美感。近似色可以形成很丰富的色板，从而让设计变得简单，如图1-3所示。

在色相环上直线相对的两种颜色被称为“补色”。补色会形成强烈的对比效果，传达出活力、能量和兴奋等意义，如图1-4所示。

同时用补色及类似色的方法来确定颜色关系，就称为“分裂补色”。这种颜色搭配既有类似色的低对比度美感，又有补色的力量感，形成既和谐又有重点的颜色关系。

除了在一些儿童产品中，三原色很少同时被使用。对于蓝和红的搭配，只有将它们的区域分开时，才会好看和吸引人，如图1-5所示。
二次色之间都拥有一种共同的色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色，所以它们能够轻易地形成协调的搭配。如果将3种二次色同时使用，则显得很舒适、吸引人，并具有丰富的色调，如图1-6所示。

为了认识、研究与应用色彩，人们将千变万化的色彩按照它们各自的特性，以及—定的规律和秩序排列，并加以命名，这被称为“色彩的体系”，如图1-7所示。色彩体系的建立对于研究色彩的标准化、科学化、系统化以及实际应用都具有重要价值，它可使人们更清楚、更标准地理解色彩，更确切地把握色彩的分类和组织。

具体地说，色彩的体系就是将色彩按照三属性，有秩序地进行整理、分类而组成系统的色彩体系。这种系统的体系如果借助于三维空间形式，来同时体现色彩的明度、色相、纯度之间的关系，则被称为“色立体”。

色立体的基本结构对于整体色彩的整理、分类、表示、记述，以及色彩的观察、表达及有效运用都有极大的帮助。比较通用的色立体有两种：孟赛尔色立体和奥斯特瓦德色立体，这两种当中应用最广泛的是孟塞尔色立体。

孟塞尔色立体

孟塞尔所创建的颜色系统是用颜色立体模型表示颜色的方法。它是一个三维类似球体的空间模型，把物体各种表面色的3种基本属性即色相、明度、饱和度全部表示出来；以颜色的视觉特性来制定颜色分类和标定系统；以按目视色彩感觉等间隔的方式，把各种表面色的特征表示出来，如图1-8所示。

奥斯瓦德是德国的化学家，他在染料方面做出了很大贡献。奥斯瓦德色立体创立于1921年，后来被简称为“奥氏色立体”，如图1-9所示。

奥斯瓦德色立体的每一个色块都有色相号、含白量、含黑量。如“2ge”，就能通过色立体查到2为黄色，含白量为22，含黑量为65，这个色即为暗黄色。