PHOTOSP 网页配色设计全程揭秘(第2版)

前言
在高速发展的数字化信息时代，浏览网站逐渐成为人们获取信息的重要方式，影响着人们工作和生活的方方面面。各公司、团体、机构越来越多地使用网站进行品牌建设、信息发布和商业活动的宣传及推广，因此网页设计在人们工作和生活中占据着越来越重要的地位。
随着人们品位的不断提升，是否能够吸引人们的目光，引起人们的注意成为网页设计的关键，因此如何进行网页配色，使用丰富、绚丽和别具一格的色彩吸引浏览者的眼球，留住人们的视线成为广大网页设计人员需要重视的内容，如何通过网页配色，构建出符合受众心理预期的网页设计作品成为网页设计的一门必修课，这门课程值得广大网页设计师们投入巨大的精力来进行学习和研究。
《Photoshop CC网页配色设计全程揭秘（第2版）》从基本的色彩产生、色彩构成等内容开始由浅入深、循序渐进地讲解网页配色，全面细致地讲解了网页设计配色的相关知识和技巧，通过大量漂亮的国内外网页作品进行具体颜色的分析，并通过各行各业的网页案例深化配色原理，对于网页设计初学者来讲，是一本难得的实用型自学教程。
全书共分17 章，每章内容介绍如下。
第1 章：主要讲解色彩和网页配色的基础知识，包括色彩知识入门、色彩的传达意义、颜色模式和网页安全色、常用色彩的名称和分类、色彩的属性、单色印象空间、配色印象空间等内容。
第2 章：主要讲解网页配色的要求和规范，包括色彩的对比、大小、位置、搭配原则等常用规范，色彩的主次、重点、层次等色彩比例的运用标准和要求。
第3 章：主要讲解网页配色的基本方法，包括网页配色的整体结构、网页文字颜色、网页中图片的使用、网页中线条与图形的使用和网页元素的色彩搭配等内容。
第4 章：主要讲解网页配色的选择标准，包括根据行业、浏览者偏好、季节、商品销售阶段等选择网页的颜色。
第5 章：主要讲解如何运用色彩情感进行网页配色，包括网页配色的冷暖、轻与重的色彩感觉、明度与纯度的质感、波长和成像的进退感、膨胀与收缩的视觉感应、色彩的华丽感与朴实感、色彩的宁静感与兴奋感，以及色彩的活力感与庄重感。
第6 章：主要讲解网页配色中色彩对比的应用，包括冷暖对比的配色、色彩在页面中的面积对比、色相和色调对比、同时对比以及连续对比等在网页配色中的运用和影响。
第7 章：主要对红色系进行详细的介绍，包括正红、深红色、朱红色、玫瑰红、紫红色和宝石红6 种颜色，讲解了红色系在网页配色中的运用和色彩效果。
第8 章：主要对橙色系进行详细的介绍，包括正橙色、太阳橙、杏黄色、浅土色、咖啡色和棕色6 种颜色，讲解了橙色系在网页配色中的运用和色彩效果。
第9 章：主要对黄色系进行详细的介绍，包括鲜黄色、含羞草色、铬黄色、香槟黄和淡黄色5种颜色，讲解了黄色系在网页配色中的运用和色彩效果。
第10 章：主要对绿色系进行详细的介绍，包括苹果绿、翡翠绿、黄绿色、浓绿色、浅绿色和孔雀绿6 种颜色，讲解了绿色系在网页配色中的运用和色彩效果。
第11 章：主要对蓝色系进行详细的介绍，包括天蓝色、水蓝色、深蓝色、浅蓝色、蔚蓝色和深青色6 种颜色，讲解了蓝色系在网页配色中的运用和色彩效果。
第12章：主要对紫色系进行详细的介绍，包括丁香紫、正紫色、深紫色、菖蒲色和浅莲灰5种颜色，讲解了紫色系在网页配色中的运用和色彩效果。
第13 章：主要对无彩色系进行详细的介绍，包括白色、蓝灰色、中灰色、浅灰色和黑色5 种颜色，讲解了无彩色系在网页配色中的运用和色彩效果。
第14 章：主要讲解不同色调的网页配色，包括网页配色的色调特点、个性鲜明的色调、清静高雅的色调、朴实深厚的中庸色调和稳重深沉的色调等相关色调的构建和技能。
第15 章：主要讲解如何构造网页配色的视觉印象，包括女性化的网页配色印象、男性化的网页配色印象、稳定安静的网页配色印象、兴奋激昂的网页配色印象、轻快律动的网页配色印象、清爽自然的网页配色印象、浪漫甜美的网页配色印象、传统稳重的网页配色印象、雍容华贵的网页配色印象和艳丽的网页配色印象。
第16 章：主要讲解网页配色的调整方法，包括突出主题的配色技巧和整体融合的配色技巧。
第17 章： 主要对3 款便捷、高效的配色软件——ColorKey Xp、Adobe Color Themes 和ColorSchemer Studio的获取、安装、使用和配色方法进行讲解，并对各种配色关系进行了讲解和分析，非常直观地展示了各种配色方案带来的视觉感受。用户可以通过这3 款软件搭配出符合期待的网页配色，并创建自己的配色方案，通过使用软件经验数据科学有效地进行网页配色，以提高工作效率。
《Photoshop CC网页配色设计全程揭秘（第2版）》由韦鸾鸾编著，另外，张晓景、李晓斌、高鹏、胡敏敏、张国勇、贾勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了部分编写工作。《Photoshop CC网页配色设计全程揭秘（第2版）》在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。QQ 群名称：网页设计与开发交流群；QQ 群号：705894157。
为了方便读者学习，《Photoshop CC网页配色设计全程揭秘（第2版）》为每个案例提供了教学视频，只要扫描一下书中案例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。《Photoshop CC网页配色设计全程揭秘（第2版）》配套的附赠资源中提供了书中所有案例的教学视频和PPT 课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源( 注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容)。
编　者

《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　精致的蓝灰色 &nbs