网页设计与开发殿堂之路 Photoshop CC网页配色设计全程揭秘 第2版
作者： 韦鸾鸾 编著
出版时间：2019年版
内容简介
《Photoshop CC网页配色设计全程揭秘（第2版）》是一本关于网页配色设计的经典之作，以Photoshop CC为设计工具，对网页设计的配色技巧和原理进行了全面、细致的剖析。 《Photoshop CC网页配色设计全程揭秘（第2版）》首先从理论方面介绍了网页配色的一些基础知识，包括色彩基础知识、网页配色要求和规范、网页配色的基本方法、网页配色的选择太阳城
、网页配色的色彩情感等内容，然后着重选择了7 种常用的色系，分别对它们的色彩意象进行详细分析，配合配色案例的讲解，使读者在掌握软件功能的同时迅速提高网页配色效率，极大地提高从业素质。 《Photoshop CC网页配色设计全程揭秘（第2版）》结构清晰，案例经典，技术实用，适合网页配色设计初、中级读者，包括广大网页设计爱好者、网页设计工作者，也可以作为高等院校网页配色设计课程的教材。
目录
第1 章 色彩基础知识
1.1 色彩知识入门 1
1.1.1 色彩的产生 1
1.1.2 光源色与物体色 2
1.2 色彩的传达意义 3
1.2.1 色彩的生理反应 3
1.2.2 色彩的象征意义 4
1.3 颜色模式和网页安全色 4
1.3.1 色光三原色 4
1.3.2 印刷三原色 4
1.3.3 美术三原色 5
1.3.4 加法混合和减法混合 5
1.3.5 HSB 模式 5
1.3.6 Hex 和网页安全色 6
1.3.7 Lab 模式 6
1.4 常用色彩的名称和分类 8
1.4.1 三间色 8
1.4.2 复色 8
1.4.3 对比色 8
1.4.4 同类色( 色系) 9
1.4.5 邻近色 9
1.4.6 互补色 10
★配色案例01：中西混合餐厅网页配色 10
1.5 色彩的属性 12
1.5.1 色相 13
1.5.2 明度 14
1.5.3 纯度( 饱和度) 15
1.5.4 色调 15
1.5.5 色调上的高、中、低调 18
1.5.6 无彩色和有彩色 19
1.6 单色印象空间 19
1.6.1 表现色彩感觉差异 20
1.6.2 不同单色的印象差异 20
1.7 配色印象空间 21
1.7.1 不同的配色印象空间 21
1.7.2 配色印象差异 21
★配色案例02：咖啡厅网页配色 22
第2 章 网页配色要求和规范
2.1 网页配色的要求 25
2.1.1 色彩的对比 25
2.1.2 色彩的大小和形状 25
2.1.3 色彩的位置 26
2.1.4 色彩搭配原则 26
2.1.5 配色尽量选择双色和多色组合 29
2.1.6 尽可能使用两至三种色彩进行搭配 29
2.2 网页中的色彩比例 30
2.2.1 主色、辅色和重点色 30
2.2.2 鲜艳颜色和无彩色的运用比例 30
2.2.3 色彩的层次 31
★配色案例03：视频网站的网页配色 31
2.3 网页中的留白艺术 34
2.3.1 节奏感和韵律感 34
2.3.2 体现网页特征 34
2.3.3 留白的不同体现 35
2.4 基于色相的配色 35
2.4.1 基于色相的配色关系 35
2.4.2 基于色相的配色方法 36
2.5 基于色调的配色 37
2.5.1 基于色调的配色关系 37
2.5.2 基于色调的配色方法 38
★配色案例04：网络技术网页配色 39
2.6 配色要力求打动人心 41
2.6.1 配色要让浏览者产生好感 41
2.6.2 使人产生共鸣的配色方法 42
第3 章 网页配色的基本方法
3.1 网页配色的整体结构 43
3.1.1 使用颜色作为背景 43
3.1.2 使用图片作为背景 44
3.2 网页文字颜色 44
3.2.1 文字的排版规则 45
3.2.2 文字配色要考虑可读性 45
3.2.3 文字大小与配色关系 45
3.2.4 确定应用网页配色的要领 46
3.2.5 良好的网页文字配色 46
★配色案例05：演艺团体售票网页配色 47
3.3 网页中图片的使用 49
3.3.1 网页的焦点图 49
3.3.2 如何使用网页配图 50
3.4 网页中的线条与图形 50
3.4.1 在网页中使用线条 50
3.4.2 在网页中使用形状 51
3.5 网页元素的色彩搭配 52
3.5.1 Logo 与网页广告的搭配 52
3.5.2 导航菜单与整体页面的搭配 52
3.5.3 背景与文字的搭配 53
★配色案例06：快餐订餐网页配色 54
第4 章 网页配色的选择太阳城
4.1 根据行业选择配色 57
4.2 根据浏览者偏好选择颜色 58
4.2.1 根据性别选择颜色 58
4.2.2 根据年龄阶段选择颜色 59
★配色案例07：花店网页配色 59
4.3 根据季节选择颜色 62
★配色案例08：饮料网页配色 62
4.4 根据商品销售阶段选择配色 64
4.4.1 商品的导入期 65
4.4.2 商品的拓展期 65
4.4.3 商品的成熟期 66
4.4.4 商品的衰退期 66
4.5 根据用户心理效应选择颜色 67
★配色案例09：汽车公司网页配色 67
第5 章 网页配色的色彩情感
5.1 网页配色的冷暖 71
5.2 轻与重的色彩感觉 72
5.3 明度与纯度的质感 72
★配色案例10：商务网页配色 73
5.4 波长和成像的进退感 75
5.5 膨胀与收缩的视觉感应 75
5.6 色彩的华丽感与朴实感 76
★配色案例11：搜索引擎网页配色 76
5.7 色彩的宁静感与兴奋感 78
5.8 色彩的活力感与庄重感 79
★配色案例12：化妆品网页配色 79
第6 章 网页配色中的色彩对比
6.1 冷暖对比的配色 82
6.1.1 色彩冷暖的强弱对比程度 82
6.1.2 冷暖对比的心理感受 83
6.2 色彩在页面中的面积对比 83
6.2.1 色彩面积的大小 84
6.2.2 色彩面积的位置关系 85
★配色案例13：食品网页配色 85
6.3 色相和色调对比 87
6.3.1 原色对比 87
6.3.2 间色对比 88
6.3.3 补色对比 88
6.3.4 邻近色对比 89
6.3.5 类似色对比 89
6.3.6 色相对比 89
6.3.7 明度对比 90
6.3.8 纯度对比 91
6.4 同时对比 91
6.4.1 同时对比的基本规律 91
6.4.2 同时对比产生的生理因素 92
6.5 连续对比 92
★配色案例14：艺术网页配色 93
第7 章 红色系的应用
7.1 热情的正红色 97
★配色案例15：家居网页配色 97
7.2 成熟的深红色 100
7.3 热烈的朱红色 101
★配色案例16：书籍网页配色 101
7.4 甜蜜的玫瑰红 103
★配色案例17：时尚生活网页配色 104
7.5 华丽的紫红色 107
7.6 富贵的宝石红 107
★配色案例18：美食网页配色 107
第8 章 橙色系的应用
8.1 生机勃勃的正橙色 110
★配色案例19：活跃的美食网页配色 110
8.2 丰收的太阳橙 113
★配色案例20：产品宣传网页配色 113
8.3 无邪的杏黄色 116
8.4 朴素的浅土色 116
★配色案例21：动画片主题网页配色 116
8.5 坚实的咖啡色 119
8.6 安定的棕色 119
★配色案例22：高档西餐厅网页配色 120
第9 章 黄色系的应用
9.1 开放的鲜黄色 123
★配色案例23：明艳的商务网页配色 123
9.2 幸福的含羞草色 126
★配色案例24：旅游网页配色 126
9.3 生动的铬黄色 129
9.4 闪耀的香槟黄 129
★配色案例25：精致的美食网页配色 129
9.5 童话般的淡黄色 131
★配色案例26：休闲食品网页配色 132
第10 章 绿色系的应用
10.1 新鲜的苹果绿 135
10.2 旺盛的翡翠绿 135
★配色案例27：游戏类网页配色 136
10.3 清新的黄绿色 138
★配色案例28：广告类网页配色 138
10.4 昂扬的浓绿色 140
★配色案例29：保险行业网页配色 141
10.5 稚嫩的浅绿色 143
★配色案例30：生活家居网页配色 143
10.6 高贵的孔雀绿 146
第11 章 蓝色系的应用
11.1 冷静的天蓝色 147
11.2 清澈的水蓝色 147
★配色案例31：体育类网页配色 148
11.3 正派的深蓝色 150
11.4 温馨的浅蓝色 150
★配色案例32：饮食网页配色 151
11.5 爽快的蔚蓝色 153
★配色案例33：冰雪运动项目网页配色 154
11.6 镇静的深青色 156
★配色案例34：简洁的游戏类网页配色 157
第12 章 紫色系的应用
12.1 清纯的丁香紫 160
★配色案例35：甜点网页配色 160
12.2 神圣的正紫色 162
12.3 低调华丽的深紫色 163
★配色案例36：手机网页配色 163
12.4 雅致的菖蒲色 165
★配色案例37：电子产品网页配色 166
12.5 梦幻的浅莲灰 168
★配色案例38：远程教学网页配色 169
第13 章 无彩色系的应用
13.1 纯洁的白色 172
★配色案例39：时装网页配色 172
13.2 精致的蓝灰色 175
★配色案例40：酒水产品网页配色 176
13.3 温暖的中灰色 178
★配色案例41：汽车网页配色 178
13.4 朦胧的浅灰色 180
13.5 高品质的黑色 181
★配色案例42：电子设备网页配色 181
第14 章 不同色调的网页配色
14.1 网页配色的色调特点 184
14.2 个性鲜明的色调 185
14.2.1 高纯度色彩对比鲜明 185
14.2.2 高纯度冷色体现科技感 185
14.2.3 高纯度暖色体现华丽感 185
14.3 清静高雅的色调 186
14.3.1 中等明度体现清新活力 186
14.3.2 高明度体现轻柔明净 187
14.3.3 融入灰色体现高雅 188
★配色案例43：品牌快餐网页配色 188
14.4 朴实深厚的中庸色调 190
14.4.1 融入中等灰色体现朴实 190
14.4.2 灰暗体现深厚感 191
14.4.3 加入浊色体现中庸 192
14.5 稳重深沉的色调 193
14.5.1 低明度加入灰和白体现怀旧 193
14.5.2 大面积灰暗色调营造紧张氛围 193
14.5.3 低明度冷色暗调体现古雅 193
★配色案例44：饮品类网页配色 194
第15 章 构造网页配色的视觉印象
15.1 女性化的网页配色印象 197
★配色案例45：化妆品网页配色 198
15.2 男性化的网页配色印象 200
15.3 稳定安静的网页配色印象 201
15.4 兴奋激昂的网页配色印象 201
15.5 轻快律动的网页配色印象 202
15.6 清爽自然的网页配色印象 202
15.7 浪漫甜美的网页配色印象 203
★配色案例46：休闲食品网页配色 204
15.8 传统稳重的网页配色印象 206
15.9 雍容华贵的网页配色印象 207
15.10 艳丽的网页配色印象 208
第16 章 网页配色的调整方法
16.1 突出主题的配色技巧 209
16.1.1 明确主题，形成焦点 209
16.1.2 提高纯度，确定主题 210
16.1.3 增大明度差 210
16.1.4 增强点缀色 211
16.1.5 抑制辅助色或背景 211
★配色案例47：工作室网页配色 212
16.2 整体融合的配色技巧 214
16.2.1 使用接近的色相 214
16.2.2 使用接近的色调 215
16.2.3 添加类似色或同类色 215
★配色案例48：便利店网页配色 215
16.2.4 网页产生稳定感 218
16.2.5 使用统一的明度 218
★配色案例49：传媒网页配色 218
第17 章 使用配色软件
17.1 使用配色软件ColorKey Xp 221
17.1.1 软件简介 221
17.1.2 安装与启动软件 222
17.1.3 界面及功能区域 222
17.1.4 “RGB 色彩调节器”面板 223
17.1.5 “调整配色限制阀值”面板 223
17.1.6 “整体色彩偏移”面板 224
17.1.7 “Web 颜色调节”面板 224
17.1.8 使用ColorKey.Xp 外部拾色器 225
17.1.9 ColorKey.Xp 的输出功能 226
★配色案例50：品牌女鞋网页配色 226
17.2 使用配色软件Adobe Color Themes 229
17.2.1 面板和选项卡 229
17.2.2 将配色颜色设置为前景色 230
17.2.3 修改配色方案中的主色 230
17.2.4 将颜色添加到配色方案 231
17.2.5 将配色方案添加到色板 231
17.2.6 根据与主色的关系创建方案 232
17.3 使用配色软件ColorSchemer Studio 235
17.3.1 ColorSchemer.Studio 的安装与启动 235
17.3.2 界面及功能区域的划分 236
17.3.3 创建匹配颜色方案 237
17.3.4 使用图库浏览器获取配色方案 243
17.3.5 从图像获取配色方案 243
17.3.6 使用颜色收藏夹进行快速预览 244
17.3.7 导出与分享 245
