网页色彩搭配宝典

一本书搞定网页设计风格，攻克配色难题

色彩原理 + 制作流程 + 设计风格 + 方案介绍 + 配色技巧

特色栏目：「关键色」「色彩印象」「支一招」「搭配技巧」「常用配色方案」

大量图片示例，全彩铜版纸印刷，一目了然，快速查询网页配色方案

《网页色彩搭配宝典》是一本全面讲解网页设计和色彩搭配设计的图书，共分8章，分别为“网页设计知识”“色彩基础知识”“网页设计的制作流程”“网页设计的原则与配色”“网页设计的常见风格”“不同类型的网页设计”“网页的色彩情绪”和“新潮的网页设计方案”。第1、2章为网页设计基础知识和基本的色彩理论，是必学知识；第3、4章为网页设计的流程以及网页设计的原则，为后面章节做铺垫；第5～7章介绍了网页设计的常见风格、常见网页类型以及网页设计中的色彩情绪；第8章为新潮的网页设计方，带领读者剖析当今流行的优秀网页设计的原理与思路。

《网页色彩搭配宝典》章节安排合理、理论扎实、案例精彩，全书使用了“色彩印象” “支一招” “常用配色方案”等特色模块，方便读者学习使用。书中有大量的国内外优秀网页设计作品赏析和潮流设计方案，可拓宽读者的设计思路。

《网页色彩搭配宝典》是网页设计师、淘宝美工、网店店主必备的速查工具书籍，可作为各大培训机构、公司的理论参考用书，也可作为各大、中专院校的网页设计专业书籍。本书既可以当作工具书查阅使用，也可以当作参考书赏析使用。

瞿颖健，硕士，亿瑞设计总负责人，高级平面讲师，从事教学数年，积累了丰富的教学经验，参与多项大型项目的制作，出版图书十余种，一直在同类图书市场占有优势地位，销售一直领先。

已出版的教材：

曹茂鹏，硕士，亿瑞设计总负责人，高级三维讲师，从事教学数年，积累了丰富的教学经验，参与多项大型项目的制作，并出版图书十余种，一直在同类图书市场占有优势地位，销售一直领先。

目录

第1章 网页设计知识

1.1 网页设计基础. 3

1.1.1 网页的相关概念3

1.1.2 网页界面设计的特点4

1.2 网页设计界面介绍 5

1.3 网页设计主题分析 6

1.3.1 网页需求分析7

1.3.2 网页建设策划7

1.4 网页设计布局分类 7

1.4.1 骨骼型8

1.4.2 对称型9

1.4.3 曲线型10

1.4.4 满屏型11

1.4.5 倾斜型12

1.4.6 分割型13

1.4.7 自由型14

1.4.8 焦点型14

1.5 网页的潮流元素. 15

1.5.1 纹理15

1.5.2 混合字体16

1.5.3 半透明17

1.5.4 矢量插画18

1.5.5 三维18

1.5.6 边框19

第2章 色彩基础知识

2.1 色彩属性 23

2.2 色环 24

2.3 色彩对比 26

3.1 认识网页的基本结构 33

3.1.1 网页的规格34

3.1.2 网页的LOGO.35

3.1.3 顶部通栏36

3.1.4 网页文本37

3.1.5 图像的设计38

3.1.6 文字的设计38

3.1.7 页眉和页脚39

第3章 网页设计的制作流程

3.1.8 多媒体40

3.2 网页设计的基本步骤 41

3.2.1 确定主题42

3.2.2 确定构图43

3.2.3 确定风格44

3.2.4 确定色彩搭配45

第4章 网页设计的原则与配色

4.1 统一原则 48

4.1.1 相似元素的规律排列50

4.1.2 内容与文字要相互统一51

4.2 对比原则 52

4.2.1 矛盾和冲突54

4.2.2 模块大小的对比55

4.3 协调原则 56

4.3.1 颜色协调58

4.3.2 图形协调59

4.4 突出原则 60

4.4.1 使用颜色的进退感突出内容62

第4章 网页设计的原则与配色

4.4.2 使用放大图形的方法突出主体内容63

4.5 个性原则 64

4.5.1 立体感66

4.5.2 特殊的构成方式67

4.6 实用原则 68

4.6.1 清晰地展现页面内容70

4.6.2 合理搭配颜色71

4.7 分割原则 72

4.7.1 使用色彩进行页面分割74

4.7.2 使用模块进行页面分割75

5.1 扁平化设计风格. 78

5.1.1 颜色的高饱和度80

5.1.2 以简约为基础81

5.2 3D 设计风格. 82

5.2.1 生动地展现产品84

5.2.2 点、线、面结合的3D 效果.85

5.3 极简设计风格. 86

5.3.1 用图讲故事88

5.3.2 形的构思89

5.4 全屏设计风格. 90

5.4.1 合理的文字布局92

5.4.2 使用高清的图片93

5.5 瀑布流设计风格. 94

5.5.1 多行多列的布局方法96

第5章 网页设计的常见风格

5.5.2 无限加载的网页内容97

5.6 标准化设计风格. 98

5.6.1 完善的布局100

5.6.2 清晰的显示内容101

5.7 个性化设计风格. 102

5.7.1 大胆的色彩搭配独具个性104

5.7.2 独特的页面布局和个性文字105

5.8 矢量化设计风格. 106

5.8.1 矢量化更能表现细节108

5.8.2 矢量化表现立体感109

5.9 复古化设计风格. 110

5.9.1 复古给人一种特殊的情感112

5.9.2 复古是一种回忆113

第6章 不同类型的网页设计

6.1 商业企业 116

6.1.1 有正式感的布局模式118

6.1.2 模块清晰化119

6.2 综合购物 120

6.2.1 回到首页功能122

6.2.2 模块分类明确123

6.3 影视娱乐 124

6.3.1 构图个性突出重点.126

6.3.2 吸引视觉注意力127

6.4 教育文化 128

6.4.1 布局整洁舒适130

6.4.2 使用图片展示重点内容131

6.5 多媒体数码. 132

6.5.1 颜色的神秘性表现出产品的特性134

6.5.2 使用立体感全方位地展示135

6.6 产品类网站. 136

6.6.1 图文并茂的模块布局138

6.6.2 使用产品本身的特性生动表示产品139

6.7 休闲生活类网页. 140

6.7.1 使用图片生动描写内容142

6.7.2 使用个性的构图模式143

6.8 个人主页 144

6.8.1 适合自己的风格146

6.8.2 侧重表现个人信息内容147

7.1 网页色彩的冷与暖 150

7.1.1 冷暖色调的对比152

7.1.2 根据不同产品设置相应的冷暖搭配153

7.2 网页色彩的轻与重 154

7.2.1 网页色彩的轻颜色表现出的效果156

7.2.2 根据颜色的重量感制造层次157

7.3 网页色彩的柔与硬 158

7.3.1 使用柔性色彩可以使人心情愉悦160

7.3.2 色彩柔与硬的结合161

7.4 网页色彩的前进与后退. 162

7.4.1 使用色彩的前进与后退突出重点内容164

7.4.2 打造空间感165

7.5 网页色彩的标准与个性. 166

7.5.1 使页面更具熟悉感168

第7章 网页的色彩情绪

7.5.2 使用产品的颜色进行个性化表达169

7.6 网页色彩的平淡与刺激. 170

7.6.1 缓和视觉冲击172

7.6.2 面积的大小影响视觉的感受173

7.7 网页色彩的朴实与华贵. 174

7.7.1 点缀色展现页面的华贵感176

7.7.2 纯度低的颜色展现页面的朴实感177

7.8 网页色彩的古朴与青春. 178

7.8.1 中纯度、中明度的搭配给人一种古朴

的感觉180

7.8.2 鲜艳的色彩搭配给人一种青春活力的

感觉181

7.9 网页色彩的兴奋和沉静. 182

7.9.1 暗色调制造出来的沉静感觉184

7.9.2 明度高的颜色给人一种兴奋的感觉185

7.10 网页色彩中的男性与女性. 186

7.10.1 灰色展现出男性理智稳重的气质188

7.10.2 红色系可展示女性的柔美189

第8章 新潮的网页设计方案

方案1：扁平化的极简主义风潮 191

方案2：错位排版的网页布局. 192

方案3：以互动图表的方式展示信息内容.193

方案4：以光效和质感装饰的网页 194

方案5：网格化和几何图形化的设计趋势.195

方案6：使用炫酷文字吸引视觉注意 196

方案7：使用“幽灵”效果实现简约美 197

方案8：黑白灰的主体设计配色 198

方案9：鼠标移动产生的视觉差效果 199

方案10：去界面化的设计方法. 200

方案11：一屏以内清晰地展示内容 201

方案12：隐藏的导航栏模式. 202

方案13：现代复古风格的网页设计 203

方案14：细节个性十足的炫酷网页 204

方案15：小清新的视觉感受. 205

方案16：使用细小的部分展现网页特色. 206

方案17：非常大胆的空间留白. 207

方案18：滚动浏览的网页设计. 208

方案19： 背景以大图趋小的方式搭配

设计感文字 209

方案20：用强弱对比展示信息重点 210

《网页色彩搭配宝典》是一本针对网页设计和色彩搭配设计的参考书。本书注重理论和实践相结合，不但

有大量优秀作品的分析和点评，还有手动调整配色的特色章节。通过对本书的学习，希望读者朋友可以快速

了解网页设计和色彩搭配设计的思路，并通过大量的优秀经典案例获得宝贵的设计经验。

本书共分8 章，具体内容如下。

第1 章为“网页设计知识”，包括网页设计基础、网页设计界面、网页设计主题分析、网页设计布局类

型和网页的潮流元素几个方面。

第2 章为“色彩基础知识”，包括色彩属性、色环和色彩对比3 个部分。

第3 章为“网页设计的制作流程”，讲解了网页的基本结构和网页设计的基本步骤。

第4 章为“网页设计的原则与配色”，包括网页设计的统一原则、对比原则、协调原则、突出原则、个

性原则、实用原则以及分割原则。

第5 章为“网页设计的常见风格”，讲解了扁平化设计风格、3D 设计风格、极简设计风格、全屏设计风

格、瀑布流设计风格、标准化设计风格等多种常见的网页设计风格。

第6 章为“不同类型的网页设计”，介绍了商业企业、综合购物、影视娱乐、教育文化、多媒体数码、

产品类网站等多种常见类型的网页。

第7 章为“网页的色彩情绪”，介绍了网页色彩的冷与暖、轻与重、柔与硬、前进与后退、标准与个性、

平淡与刺激等多种常见的色彩情绪。

第8 章为“新潮的网页设计方案”，本章针对多个采用近年来流行风格制作的优秀网页设计作品进行剖

析，带领读者了解当今流行的优秀网页设计的思路与原理。

本书主要由唯美映像组织编写，瞿颖健、曹茂鹏参与了本书的主要编写工作。另外，由于本书工作量较

大，以下人员也参与了本书的编写和资料整理工作，他们是柳美余、李木子、葛妍、曹诗雅、杨力、王铁成、

于燕香、崔英迪、董辅川、高歌、韩雷、胡娟、矫雪、鞠闯、李化、瞿玉珍、李进、李路、刘微微、瞿学严、

马啸、曹爱德、马鑫铭、马扬、瞿吉业、苏晴、孙丹、孙雅娜、王萍、杨欢、曹明、杨宗香、曹玮、张建霞、

孙芳、丁仁雯、曹元钢、陶恒兵、瞿云芳、张玉华、曹子龙、张越、李芳、杨建超、赵民欣、赵申申、田蕾、

仝丹、姚东旭、张建宇、张芮等，在此一并表示感谢。由于时间仓促，加之水平有限，书中难免存在错误和

不妥之处，敬请广大读者批评和指正。