余振华

站酷人气推荐设计师，拥有十五年产品设计从业经历。在多家国内专业网站发表过众多设计研究文章，有着多年设计团队管理经验，负责过电商网站运营、下载量亿级的无线设计团队管理。著有UI设计经典图书《术与道 移动应用UI设计必修课》。目前他正积极探索视觉设计在工作中的实践运用，建立相关的规范和规则，指导更多的设计师成长。

现已培养出众多设计师，学生遍布腾讯、阿里巴巴、京东、百度、小米、美团等知名互联网公司和设计公司。

姜悦玥

腾讯原创馆推荐设计师，视觉中国签约画师，擅长手绘风格插画以及运营设计。作品多次被各大设计网站推荐。

1.1 色彩的配置 012

1.1.1 设置选项 012

1.1.2 转换选项 012

1.1.3 控制 014

1.1.4 工作空间 014

1.1.5 色彩配置总结 020

1.2 颜色的模式 021

1.2.1 常用的颜色模式 021

1.2.2 拾色器详解 023

1.3 色环 030

1.3.1 RGB色环 030

1.3.2 CMYK色环 032

1.3.3 色环的度数划分 032

1.3.4 Photoshop中的色环辅助工具——Coolorus 034

1.3.5 Coolorus色环颜色搭配技巧 034

第 2章 色彩的情感及应用

2.1 选色 040

2.1.1 九宫格选色法 040

2.1.2 较难搭配的颜色区域 041

2.2 红色系色彩情感 042

2.2.1 红色系的不同色相 043

2.2.2 正红色系的应用 045

2.2.3 红橙色系的应用 052

2.2.4 洋红色系的应用 059

2.3 橙色系色彩情感 066

2.3.1 橙色系的不同色相 067

2.3.2 正橙色系的应用 069

2.3.3 橙红色系的应用 077

2.3.4 橙黄色系的应用 080

2.4 黄色系色彩情感 083

2.4.1 黄色系的不同色相 085

2.4.2 正黄色系的应用 087

2.4.3 黄橙色系的应用 093

2.4.4 黄绿色系的应用 099

2.5 绿色系色彩情感 106

2.5.1 绿色系的不同色相 108

2.5.2 正绿色系的应用 110

2.5.3 绿黄色系的应用 117

2.5.4 绿蓝色系的应用 123

2.6 蓝色系色彩情感 129

2.6.1 蓝色系的不同色相 131

2.6.2 正蓝色系的应用 133

2.6.3 蓝绿色系的应用 138

2.6.4 蓝紫色系的应用 147

2.7 紫色系色彩情感 153

2.7.1 紫色系的不同色相 155

2.7.2 正紫色系的应用 157

2.7.3 紫红色系的应用 163

2.7.4 紫蓝色系的应用 171

第3章 色彩的平衡与层次

3.1 冷暖色平衡 178

3.1.1 冷暖色 178

3.1.2 相对冷暖 180

3.1.3 冷暖色平衡的规律 182

3.2 互补色平衡 184

3.2.1 从色环的角度看互补色 184

3.2.2 互补色平衡的规律 185

3.2.3 互补色平衡容易出现的问题 186

3.3 明暗平衡 187

3.3.1 明暗平衡的特点 187

3.3.2 明度对画面层次感的平衡 188

3.4 色彩比例平衡 190

3.4.1 量化色彩的比例 190

3.4.2 色彩比例平衡的特点 191

3.5 色调和搭配 193

3.5.1 单色调 193

3.5.2 调和调 203

3.5.3 对比调 203

3.6 色彩的层次 204

3.6.1 主色和副色 204

3.6.2 区分主色和主体色 206

3.6.3 主色和主体色的应用 206

3.6.4 确定色彩的过程 208

3.7 色彩搭配训练 209

3.7.1 运用明暗平衡的方法表现色彩的层次 209

3.7.2 运用色彩法则聚焦画面的主体 210

3.7.3 均衡分配花纹和纯色的比例 212

3.7.4 多组色彩平衡的应用 213

第4章 如何借鉴颜色

4.1 颜色提取技巧 216

4.1.1 如何选择参考图片 216

4.1.2 如何从参考图片中提取颜色 218

4.1.3 如何从大自然中提取颜色 223

4.2 颜色提取工具 226

4.2.1 提取颜色的App 226

4.2.2 提取颜色的网站 231

4.2.3 在线配色网站 237

4.3 结合构图借鉴颜色 240

4.3.1 从构图中寻找颜色 240

4.3.2 色卡的提炼 246

4.3.3 填色技巧 247

4.4 运用色彩法则借鉴颜色 248

4.4.1 分析拆解插画的用色 248

4.4.2 色卡的运用 251

第5章 单体上色

5.1 运用灰阶营造画面的层次感 254

5.1.1 如何分析明暗层次 254

5.1.2 明暗层次的表现 259

5.2 运用明暗营造画面的层次感 260

5.2.1 明暗划分 260

5.2.2 二分法 261

5.3 运用色彩营造画面的氛围感 263

5.3.1 配色技巧 263

5.3.2 对比原则 265

5.4 色彩的局部优化 271

5.4.1 避免暗部颜色暗沉 271

5.4.2 色彩训练 274

第6章 场景上色

6.1 同色系配色 280

6.2 单色场景配色 285

6.3 双色场景配色 288

6.4 多色场景配色 292

第7章 渐变上色

7.1 色彩渐变 299

7.2 渐变色 305

7.3 渐变色训练 314

第8章 模仿大自然色彩

8.1 黄昏的色调 329

8.2 白天的色彩 335

8.3 夜晚的色调 340

8.4 阴天和雨雪天色彩 346

8.5 夸张自然的色彩 353

第9章 色彩进阶技巧

9.1 通过色彩聚焦主体 357

9.2 通过色彩引导视觉 365

9.3 色彩的整体调整 369

9.4 夸张色彩 382

9.5 色彩的平衡和搭配 386

9.6 常见插画色彩问题修改 391