网页配色设计手册（第2版）

本书是笔者对自己多年从事网页设计工作的一个总结，希望能成为让读者少走弯路、找到设计捷径的经典手册。书中包含了网页设计必学的基础知识及经典技巧。身处设计行业，你一定要知道，光说不练假把式，因此本书不仅有理论，还有精彩的案例赏析，还有大量的模块启发你的头脑，锻炼你的设计能力。
希望读者看完本书后，不会只是说“我看完了，挺好的，作品好看，分析也挺好的”，这不是笔者编写本书的目的。希望读者会说“这本书给我更多的是思路上的启发，让我的思维更加开阔，学会了举一反三；通过吸收消化变成了自己的”，这才是笔者编写本书的初衷。
本书共分7章，具体安排如下。
第1章　网页设计的基础知识。介绍网页设计的色彩、点/线/面、构成。
第2章　网页设计的5个原则。包括主题鲜明性原则、形式统一性原则、色彩
和谐性原则、简洁清晰性原则、界面友好性原则。
第3章　网页设计的基础色。从红、橙、黄、绿、青、蓝、紫、黑、白、灰10种颜色的基本认知开始，逐一分析，讲解每种色彩在网页设计中的应用规律。
第4章　网页的布局。主要介绍网页的布局方式、网页版面设计的常用技巧。
第5章　不同行业的网页色彩搭配。主要介绍14个不同的行业。
第6章　网页色彩的视觉印象。主要介绍14种常见的色彩视觉印象。
第7章　网页设计的秘籍。精选10个设计秘籍，让读者轻松愉快地学习完*后的部分。本章也是对前面各章知识点的巩固和理解，读者要动脑筋思考。
本书特色如下。
实践为主，鉴赏为辅。纯鉴赏类书只能欣赏，看完后自己还是设计不好，本书则不同，增加了多个动手的模块，让读者边看、边学、边练。
章节合理，易于吸收。第1~3章主要讲解网页设计的基础知识、原则、基础色；第4~6章介绍网页设计的布局方式、不同行业的网页色彩搭配、网页色彩的视觉印象；第7 章以轻松的方式介绍10 个设计秘籍。
由设计师写，给设计师看。针对性强，充分了解读者的需求。
模块丰富，内容细致。模块分为，案例解析、设计技巧、配色方案、设计欣赏、设计实战、设计秘籍，能够更全面地满足读者的求知欲。
本书是系列图书中的一本。在本系列图书中，读者不仅能系统地学习网页设计，而且还有更多的设计专业知识供读者选择。
本书通过对知识的归纳总结、趣味的模块讲解，帮助读者打开设计思路，增强动脑、动手的能力。希望通过本书，能激发读者的学习兴趣，帮助您迈出*步，圆您一个设计师的梦！
本书由李芳编著，其他参与编写的人员还有王萍、董辅川、孙晓军、杨宗香。
由于编者水平有限，书中难免存在不妥之处，希望广大读者批评和指正。
编 者

《网页配色设计手册(第2版)》是一本全面介绍网页设计相关知识的图书，特点是知识易懂、案例易学、动手实践、发散思维。 《网页配色设计手册(第2版)》从学习网页设计的基础知识入手，循序渐进地为读者呈现一个个精彩实用的知识、技巧。本书共分为7章，内容分别为网页设计的基础知识，网页设计的5个原则，网页设计的基础色，网页的布局，不同行业的网页色彩搭配，网页色彩的视觉印象，网页的设计秘籍。同时本书还在多个章节中安排了案例解析、设计技巧、配色方案、设计欣赏、设计实战、设计秘籍等经典模块，不但丰富了本书的结构，也增强了内容的实用性。 《网页配色设计手册(第2版)》内容丰富、案例精彩、版式设计新颖，适合网页设计师、平面设计师、初级读者学习使用，可以作为大中专院校网页设计专业、平面设计专业及网页设计培训机构的教材，也非常适合喜爱网页设计的读者朋友作为参考用书。 。

有多年艺术设计教学经验，因教学方法独特、讲解细致而得到广大学生的认同。参与多个设计项目的策划及制作，曾服务过国内多家公司。

第1章 网页设计的基础知识
1.1 色彩的基础知识 2
1.1.1　认识色彩 3
1.1.2　网页色彩的特性 4
1.1.3　色彩的属性 4
1.1.4　色彩的分类 5
1.1.5　色彩的心理感受 6
1.1.6　主色、辅助色、点缀色的关系 7
1.2 网页设计的点、线、面 8
1.2.1　点 8
1.2.2　线 9
1.2.3　面 10
1.3 网页的构成 10
1.3.1　网页尺寸 11
1.3.2　网页标题 12
1.3.3　网站Logo 13
1.3.4　网页页眉 14
1.3.5　网页页脚 14
1.3.6　网页导航 15
1.3.7　网页主体内容 15
第2章 网页设计的5个原则
2.1　主题鲜明性原则 17
2.2　形式统一性原则 20
2.3　色彩和谐性原则 24
2.4　简洁清晰性原则 27
2.5　界面友好性原则 31
第3章 网页设计的基础色
3.1　红 36
3.1.1　认识红色 36
3.1.2　洋红&胭脂红 37
3.1.3　玫瑰红&朱红 37
3.1.4　鲜红&山茶红 38
3.1.5　浅玫瑰红&火鹤红 38
3.1.6　鲑红&壳黄红 39
3.1.7　浅粉红&博艮第酒红 39
3.1.8　威尼斯红&宝石红 40
3.1.9　灰玫红&优品紫红 40
3.2　橙 41
3.2.1　认识橙色 41
3.2.2　橘红&橘色 42
3.2.3　橙色&阳橙 42
3.2.4　蜜橙&杏黄 43
3.2.5　沙棕&米色 43
3.2.6　灰土&驼色 44
3.2.7　椰褐&褐色 44
3.2.8　柿子橙&酱橙色 45
3.2.9　金茶色&肤色 45
3.3　黄 46
3.3.1　认识黄色 46
3.3.2　黄&铬黄 47
3.3.3　金色&香蕉黄 47
3.3.4　鲜黄&月光黄 48
3.3.5　柠檬黄&万寿菊黄 48
3.3.6　香槟黄&奶黄 49
3.3.7　土著黄&黄褐 49
3.3.8　卡其黄&含羞草黄 50
3.3.9　芥末黄&秋菊色 50
3.4　绿 51
3.4.1　认识绿色 51
3.4.2　黄绿&苹果绿 52
3.4.3　嫩绿&叶绿 52
3.4.4　草绿&苔藓绿 53
3.4.5　芥末绿&橄榄绿 53
3.4.6　枯叶绿&碧绿 54
3.4.7　绿松石绿&青瓷绿 54
3.4.8　孔雀石绿&铬绿 55
3.4.9　孔雀绿&钴绿 55
3.5　青 56
3.5.1　认识青色 56
3.5.2　青&铁青 57
3.5.3　深青&天青 57
3.5.4　群青&石青 58
3.5.5　青绿&青蓝 58
3.5.6　瓷青&淡青 59
3.5.7　白青&青灰 59
3.5.8　水青&藏青 60
3.5.9　清漾青&浅葱色 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.6.7　浓蓝色&蓝黑色 64
3.6.8　爱丽丝蓝&水晶蓝 65
3.6.9　孔雀蓝&水墨蓝 65
3.7　紫 66
3.7.1　认识紫色 66
3.7.2　紫&淡紫色 67
3.7.3　靛青色&紫藤 67
3.7.4　木槿紫&藕荷色 68
3.7.5　丁香紫&水晶紫 68
3.7.6　矿紫&三色堇紫 69
3.7.7　锦葵紫&淡紫丁香 69
3.7.8　浅灰紫&江户紫 70
3.7.9　蝴蝶花紫&蔷薇紫 70
3.8　黑、白、灰 71
3.8.1　认识黑、白、灰 71
3.8.2　白&月光白 72
3.8.3　雪白&象牙白 72
3.8.4　10%亮灰&50%灰 73
3.8.5　80%炭灰&黑 73
第4章 网页的布局
4.1 网页的布局方式 75
4.1.1　“国”字型布局 75
4.1.2　拐角型布局 77
4.1.3　封面型布局 80
4.1.4　对称型布局 82
4.1.5　“口”字型布局 84
4.1.6　通栏型布局 85
4.1.7　骨骼型布局 88
4.2 网页版面设计的常用技巧 90
4.2.1　对比技巧 90
4.2.2　重复技巧 92
4.2.3　分类技巧 92
4.3 旅游主题网页设计 93
4.3.1　设计说明 93
4.3.2　不同布局方式解析 94
4.3.3　其他旅游网站布局解析 95
4.3.4　同类网页欣赏 96
第5章 不同行业的网页色彩搭配
5.1 服饰类网页设计 99
5.1.1　活泼风格的网页设计 100
5.1.2　极简风格的网页设计 101
5.2　美容、护肤类网页设计 103
5.2.1　浪漫风格的美容、护肤类网页设计 103
5.2.2　典雅风格的美容、护肤类网页设计 104
5.3 食品类网页设计 106
5.3.1　写实风格的食品类 网页设计 107
5.3.2　清爽风格的食品类网页设计 108
5.4 数码类网页设计 110
5.4.1　理性风格的数码类网页设计 111
5.4.2　新锐风格的数码类网页设计 112
5.5　汽车类网页设计 114
5.5.1　含蓄风格的汽车类网页设计 115
5.5.2　高调风格的汽车类网页设计 116
5.6　奢侈品类网页设计 118
5.6.1　优雅风格的奢侈品类网页设计 119
5.6.2　神秘风格的奢侈品类网页设计 120
5.7　艺术设计类网页设计 122
5.7.1　插画风格的艺术设计类网页设计 123
5.7.2　拼贴风格的艺术设计类网页设计 124
5.8　游戏类网页设计 126
5.8.1　趣味风格的游戏类网页设计 126
5.8.2　未来感风格的游戏类网页设计 128
5.9 旅游类网页设计 130
5.9.1　民族风格的旅游类网页设计 131
5.9.2　轻松风格的旅游类网页设计 132
5.10 家居类网页设计 134
5.10.1 温馨风格的家居类网页设计 135
5.10.2 素雅风格的家居类网页设计 136
5.11 购物类网页设计 138
5.11.1　时尚风格的购物类网页设计 139
5.11.2　活泼风格的购物类网页设计 140
5.12　教育类网页设计 142
5.12.1　创新风格的教育类网页设计 143
5.12.2　严肃风格的教育类网页设计 144
5.13　医疗类网页设计 146
5.13.1　简洁风格的医疗类网页设计 147
5.13.2　现代风格的医疗类网页设计 148
5.14　体育类网页设计 150
5.14.1　积极风格的体育类网页设计 152
5.14.2　整洁风格的体育类网页设计 152
5.15　餐饮类网页的设计方案 153
5.16　企业类网页的设计方案 155
5.17　数码类网页的设计方案 156
5.18　公益类网页的设计方案 157
5.19　农业类网页的设计方案 158
第6章 网页色彩的视觉印象
6.1　清凉 161
6.2　热情 163
6.3　干净 165
6.4 环保 167
6.5　坚硬 169
6.6　理性 171
6.7　健康 173
6.8　甜蜜 175
6.9　生机 177
6.10　朴实 179
6.11　清新 181
6.12　欢乐 183
6.13　温柔 185
6.14　成熟 187
6.15　音乐网页视觉印象设计解析 189
6.15.1　设计说明 189
6.15.2　不同视觉印象解析 190
6.15.3　其他音乐网页不同视觉感受解析 192
6.15.4　同类网页欣赏 193
第7章 网页设计的秘籍
7.1　网页文字的排版技巧 195
7.2　首页设计的重要性 196
7.3　如何把握网页的一致性 197
7.4　首页中的文字处理技巧 199
7.5　导航栏的种类 200
7.6　网页Banner的构图技巧 201
7.7　网页配色的基本原则 203
7.8　网页设计中要提高用户体验 203
7.9　扁平化设计五大原则 204
7.10 网页背景常用的表现方法 205

“写给设计师的书”系列是目前设计领域非常全面的一套图书，集中探讨了配色设计的基础知识和设计理念。并针对配色设计在不同领域的应用，通过案例详细分析了设计的共性规律和设计技巧。
1.针对性强。针对设计师、专业学生、培训机构等，编写内容始终围绕此类人群。
2.实用性强。注重引导设计师的思维模式、设计理念、创意创新，可以应对设计师日常工作中遇到的问题，及急需补充的知识。
3.版面美观。注重案例及精彩赏析的选择，大量优秀作品让本系列图书更美观大气、更具设计感，采用铜版印刷更精美。

特色：
轻松学习配色法则，知识易懂、案例易学
本系列图书全面讲解了综合色彩、服装、网页、海报招贴、平面广告、展示陈列、商品包装、品牌形象、室内家居、商业广告、APP UI、VI与标志、字体、图形创意、软装饰、书籍装帧、版式、酒店、服装与服饰、图案、商业空间、标志与企业形象、企业形象CI、景观、会展展示、视觉传达、插画、广告创意、珠宝首饰、电商美工、环境艺术领域内相关的配色原理、基础知识、基础色、设计风格和类型、时尚元素以及配色设计秘籍，让读者快速掌握配色设计的方法和规律。
配色方案精彩呈现，动手实践、发散思维
每本书中都安排了案例解析、设计技巧、配色方案、设计欣赏、设计实战、设计秘籍经典模块，不仅丰富了服装配色的内容，而且还增强了实用性，从而提升读者的设计敏锐度以及对配色的判断能力。