本书是一本讲解网页设计和配色的图书，共分9章，分别为色彩达人必学知识、网页设计的基础知识、了解基础色、网页布局技巧与色彩、网页色彩的视觉印象、不同类型的网页色彩搭配、不同行业的网页色彩搭配、不同风格的网页设计、综合网页配色。

    本书章节安排合理，理论扎实、案例精彩，全书设置了“动手练习”、“设计师谈”、“配色方案”、“猜你喜欢”等特色模块。

    书中大量的国内外优秀案例和作品赏析，均为国际最新潮、最流行的设计作品，既有经典的理论分析，又有丰富的思路拓展，案例中还有精准的色彩数值和设计剖析，非常值得读者借鉴和学习。

    本书是网页设计、版式设计、海报设计、平面设计、广告设计、书刊设计、展示设计等专业必备的速查工具书，也可作为各大培训机构、大中专院校师生的理论参考书。

第 1章　色彩达人必学知识　 1

1.1　色彩究竟是什么　 2

1.1.1　色彩是什么　 2

1.1.2　色彩能够做什么　 2

1.1.3　色彩的属性　 4

1.2　主色、辅助色、点缀色的关系　 8

1.2.1　主色　 8

1.2.2  辅助色　 8

1.2.3  点缀色　 9

1.2.4  设计师谈——利用柔和色调打造

       全新视觉感受　 9

1.2.5　动手练习——使用图标代替文字

       增加页面现代感　 10

1.3　色彩的对比　 11

1.3.1  明度对比　 12

1.3.2　纯度对比　 12

1.3.3　色相对比　 13

1.3.4　面积对比　 15

1.3.5　冷暖对比　 16

第 2章　网页设计的基础知识　 17

2.1　什么是网页　 18

2.2　网页的构成　 18

2.2.1　网页简介　 18

2.2.2　网页标题　 19

2.2.3　网站的LOGO　20

2.2.4　网页页眉　 20

2.2.5　网页页脚　 21

2.2.6　网页导航　 21

2.2.7　网页的主体内容　21

2.3　网页的尺寸　22

2.4　网页的色彩 　 23

2.4.1　RGB色彩模式　 23

2.4.2　HTML 语言对色彩的描述　 24

2.4.3　网络安全色　25

第 3章　了解基础色　 27

3.1　红　 29

3.1.1　浅谈红色　 29

3.1.2　应用实例　 30

3.1.3　常见色分析　 30

3.1.4　猜你喜欢　 31

3.2　橙　32

3.2.1　浅谈橙色　 32

3.2.2　应用实例　33

3.2.3　常见色分析　33

3.2.4　猜你喜欢　34

3.3　黄　35

3.3.1　浅谈黄色　 35

3.3.2　应用实例　36

3.3.3　常见色分析　36

3.3.4　猜你喜欢　37

3.4　绿　38

3.4.1　浅谈绿色　 38

3.4.2　应用实例　39

3.4.3　常见色分析　39

3.4.4　猜你喜欢　40

3.5　青　 41

3.5.1　浅谈青色　 41

3.5.2　应用实例　 42

3.5.3　常见色分析　42

3.5.4　猜你喜欢　 43

3.6　蓝　 44

3.6.1　浅谈蓝色　 44

3.6.2　应用实例　 45

3.6.3　常见色分析　45

3.6.4　猜你喜欢　 46

3.7　紫　47

3.7.1　浅谈紫色　47

3.7.2　应用实例　48

3.7.3　常见色分析　48

3.7.4　猜你喜欢　49

3.8　黑　50

3.8.1　浅谈黑色　50

3.8.2　应用实例　50

3.8.3　猜你喜欢　51

3.9　白　52

3.9.1　浅谈白色　52

3.9.2　应用实例　52

3.9.3　猜你喜欢　53

3.10　灰　 54

3.10.1　浅谈灰色　 54

3.10.2　应用实例　 54

3.10.3　猜你喜欢　 55

第 4章　网页布局技巧与色彩　 57

4.1　网页布局的基础知识　 58

4.2　黄金分割式布局与左右对齐式布局　 59

4.2.1　黄金分割式布局　 60

4.2.2　左右对齐式布局　 60

4.2.3　动手练习——修改背景颜色　61

4.2.4　设计师谈——黑色配色方案　 61

4.2.5　配色实战　 61

4.2.6　常见色彩搭配　 62

4.2.7　猜你喜欢　62

4.3　全景式布局与卫星式布局　63

4.3.1　全景式布局　 64

4.3.2　卫星式布局　64

4.3.3　动手练习——使用点缀色　65

4.3.4　设计师谈——按钮的设计　65

4.3.5　配色实战　 65

4.3.6　常见色彩搭配　 66

4.3.7　猜你喜欢　66

4.4　照片组合式布局与包围式布局　 67

4.4.1　 照片组合式布局　 68

4.4.2　包围式布局　 68

4.4.3　动手练习——LOGO的设计　 69

4.4.4　设计师谈——扁平化　69

4.4.5　配色实战　 69

4.4.6　常见色彩搭配　 70

4.4.7　猜你喜欢　70

4.5　散开式布局与对称式布局　 71

4.5.1　散开式布局　 72

4.5.2　对称式布局　 72

4.5.3　动手练习——提高颜色的纯度　 73

4.5.4　设计师谈——留白　 73

4.5.5　配色实战　 73

4.5.6　常见色彩搭配　 74

4.5.7　猜你喜欢　 74

第 5章　网页色彩的视觉印象　 75

5.1　女性　 76

5.1.1　甜美　 76

5.1.2　时尚　 76

5.2　男性　 77

5.2.1　理智　 77

5.2.2　温存　 77

5.3　儿童　 78

5.3.1　柔和　 78

5.3.2　活力　 78

5.4　老人　 79

5.4.1　温暖　 79

5.4.2　踏实　 79

5.5　华丽　 80

5.5.1　优雅　 80

5.5.2　华美　 80

5.6　质朴　 81

5.6.1　淳朴　 81

5.6.2　干净　 81

5.7　活泼　 82

5.7.1　天真　 82

5.7.2　活力　 82

5.8　庄重　83

5.8.1　庄严　 83

5.8.2　稳重　83

5.9　兴奋　84

5.9.1　亢奋　 84

5.9.2　欢乐　84

5.10　沉静　 85

5.10.1　安静　 85

5.10.2　沉寂　 85

5.11　温暖　 86

5.11.1　温馨　 86

5.11.2　和煦　 86

5.12　凉爽　 87

5.12.1　劲爽　 87

5.12.2　冰凉　 87

5.13　专业　 88

5.13.1　品质　 88

5.13.2　科技　 88

5.14　时尚　 89

5.14.1　新潮　 89

5.14.2　前卫　 89

5.15　雅致　 90

5.15.1　精致　 90

5.15.2　优雅　 90

5.16　环保　 91

5.16.1　呼吸　 91

5.16.2　健康　 91

5.17　安全　 92

5.17.1　安稳　 92

5.17.2　安然　 92

5.18　信誉　 93

5.18.1　大气　 93

5.18.2　品质　 93

5.19　荣耀　 94

5.19.1　华丽　 94

5.19.2　光辉　 94

5.20　美味　 95

5.20.1　香甜　 95

5.20.2　浓香　 95

5.21　神秘　 96

5.21.1　奇幻　 96

5.21.2　深邃　 96

5.22　梦幻　 97

5.22.1　绚丽　 97

5.22.2　迷幻　 97

5.23　自然　 98

5.23.1　绿色　 98

5.23.2　清新　 98

5.24　严肃　 99

5.24.1　典范　 99

5.24.2　规范　 99

第 6章　不同网站的网页色彩搭配　 101

6.1　 门户网页　 102

6.1.1　什么是门户网站　 102

6.1.2　案例分析　 103

6.1.3　动手练习——降低文字的饱和度　 104

6.1.4　设计师谈——别忽视网页中的搜索框　 104

6.1.5　配色实战——扁平化网页的配色方案　 104

6.1.6　常见色彩搭配　 104

6.1.7　猜你喜欢　 105

6.2　企业网站　 106

6.2.1　什么是企业网站　 106

6.2.2　案例分析　 107

6.2.3　动手练习——增加页面空间感，

       集中用户视线　 108

6.2.4　设计师谈——用同一色相进行色彩搭配　 108

6.2.5　配色实战——网页中点缀色配色方案　 108

6.2.6　常见色彩搭配　 109

6.2.7　猜你喜欢　 109

6.3　产品展示 　 110

6.3.1　什么是产品展示网页　 110

6.3.2　案例分析　 111

6.3.3　动手练习——减少画面颜色　112

6.3.4　设计师谈——各国家的颜色内涵　 112

6.3.5　配色实战——网页配色方案　 113

6.3.6　常见色彩搭配　 113

6.3.7　猜你喜欢　113

6.4　购物网站 　 114

6.4.1　什么是购物网站　 114

6.4.2　案例分析　 115

6.4.3　动手练习——为留白空间添加装饰　 116

6.4.4　设计师谈——网页设计中，字体粗细的选择　 116

6.4.5　配色实战——网页色彩搭配　 116

6.4.6　常见色彩搭配　 117

6.4.7　猜你喜欢　 117

6.5　社交网站　 118

6.5.1　什么是社交网站　 118

6.5.2　案例分析　 119

6.5.3　动手练习——网站色调应该与产品相呼应　 120

6.5.4　设计师谈——避免红字蓝底或蓝字红底的情况　 120

6.5.5　配色实战——不同配色方案的视觉效果　 120

6.5.6　常见色彩搭配　 121

6.5.7　猜你喜欢　 121

6.6　个人网页 　 122

6.6.1　什么是个人网页　 122

6.6.2　案例分析　 123

6.6.3　动手练习——为单调的背景添加装饰　 124

6.6.4　设计师谈——网页设计中的三个小细节　 124

6.6.5　配色实战——舞蹈网站的色彩搭配　 124

6.6.6　常见色彩搭配　 124

6.6.7　猜你喜欢　 125

6.7　社区论坛　 126

6.7.1　什么是社区论坛　 126

6.7.2　案例分析　 127

6.7.3　动手练习——别把选项藏起来　128

6.7.4　设计师谈——单色网页设计　 128

6.7.5　配色实战——网页色彩搭配　 128

6.7.6　常见色彩搭配　 129

6.7.7　猜你喜欢　129

6.8　活动网站　130

6.8.1　什么是活动网站　 130

6.8.2　案例分析　131

6.8.3　动手练习——尽量减少表单问题　132

6.8.4　设计师谈——选用两种色彩进行色彩搭配　 132

6.8.5　配色实战——同一网站的配色方案　 132

6.8.6　常见色彩搭配　 133

6.8.7　猜你喜欢　133

6.9　搜索引擎　134

6.9.1　什么是搜索引擎　 134

6.9.2　案例分析　135

6.9.3　动手练习——学会强调最佳方案　136

6.9.4　设计师谈——使用黑色与一种

       色彩进行搭配　 136

6.9.5　配色实战——小面积修改颜色的方案　 136

6.9.6　常见色彩搭配　 137

6.9.7　猜你喜欢　137

第 7章　不同行业的网页色彩搭配　 139

7.1　车品类　 140

7.1.1　现代风格车品网页　 140

7.1.2　粗犷风格车品网页　 140

7.1.3　动手练习——为教育网页换一个合适颜色　 141

7.1.4　设计师谈——为网页制作一个漂亮的等

       待页面　 141

7.1.5　常见色彩搭配　 141

7.2　服饰类　142

7.2.1　品牌时装网页　 142

7.2.2　年轻服装网页　142

7.2.3　动手练习——将商品突显出来　143

7.2.4　设计师谈——使用菱形进行页面的分割　143

7.2.5　常见色彩搭配　 143

7.3　珠宝类　144

7.3.1　珠宝类购物网页　144

7.3.2　品牌珠宝网站　144

7.3.3　动手练习——提高画面明度　145

7.3.4　设计师谈——色块拼贴法　145

7.3.5　常见色彩搭配　145

7.4　建筑装潢　146

7.4.1　室内设计装饰公司网页　 146

7.4.2　景观事务所网页　146

7.4.3　动手练习——为导航栏添加图标增加

       其识别性　 147

7.4.4　设计师谈——简洁明快的网页设计风格　147

7.4.5　常见色彩搭配　 147

7.5　媒体、音乐类　 148

7.5.1　音乐类网页　 148

7.5.2　电视剧网页　 148

7.5.3　动手练习——为界面换一个

       合适的点缀色　 149

7.5.4　设计师谈——利用视差滚动，

         打造全新感官享受　 149

7.5.5　常见色彩搭配　 149

7.6　IT 科技　 150

7.6.1　软件研发公司网页　 150

7.6.2　电脑制造商网页　 150

7.6.3　动手练习——卫星式布局方式的妙用　151

7.6.4　设计师谈——为界面添加一个

       合适的字体　 151

7.6.5　常见色彩搭配　 151

7.7　教育类　152

7.7.1　知名大学网页　152

7.7.2　私立学校网页　152

7.7.3　动手练习——为页面填写一个

       显眼的辅助色　 153

7.7.4　设计师谈——为网站设计一个

       漂亮的 404 界面　 153

7.7.5　常见色彩搭配　153

第 8章　不同风格的网页设计　 155

8.1　简约至上主义风格　156

8.1.1　简洁　 157

8.1.2　整齐　157

8.1.3　动手练习——使网页看起来唯美、整洁　158

8.1.4　设计师谈——简约是一种特殊的表达　158

8.1.5　常见色彩搭配　 158

8.2　绚丽的欧美风格　159

8.2.1　清爽　160

8.2.2　时尚　160

8.2.3　动手练习——将页面改为中纯度色彩基调　161

8.2.4　设计师谈——欧美风网站的色彩搭配　161

8.2.5　常见色彩搭配　161

8.3　淡雅的韩式风格　162

8.3.1　淡雅　163

8.3.2　醇厚　163

8.3.3　动手练习——使网页看起来清新淡雅　164

8.3.4　设计师谈——韩式的淡雅清新　164

8.3.5　常见色彩搭配　164

8.4　悠远的日式风格　165

8.4.1　细腻　166

8.4.2　民族　166

8.4.3　动手练习——使网页看起来更富意境　167

8.4.4　设计师谈——日式风格　167

8.4.5　常见色彩搭配　167

8.5　空间感网页设计　168

8.5.1　层次　 169

8.5.2　立体　169

8.5.3　动手练习——使网页层次更加清晰　170

8.5.4　设计师谈——“立体感”的产生　170

8.5.5　常见色彩搭配　 170

8.6　扁平化设计 　 171

8.6.1　整洁　 172

8.6.2　简约　172

8.6.3　动手练习——为页面选择一个合适的颜色　173

8.6.4　设计师谈——力求简约的扁平化设计　173

8.6.5　常见色彩搭配　 173

8.7　趣味的手绘风格 　174

8.7.1　趣味　175

8.7.2　鲜活　175

8.7.3　动手练习——添加插画，活跃页面气氛　176

8.7.4　设计师谈——富有亲和力的手绘风　 176

8.7.5　常见色彩搭配　176

8.8　抽象的网页设计 　177

8.8.1　精炼　178

8.8.2　情绪　178

8.8.3　动手练习——使网页风格更加简约　 179

8.8.4　设计师谈——抽象风是情绪的精炼　 179

8.8.5　常见色彩搭配　179

8.9　怀旧的复古风格 　180

8.9.1　回忆　181

8.9.2　浓厚　181

8.9.3　动手练习——使网页视觉重点突出　 182

8.9.4　设计师谈——复古风的融情　182

8.9.5　常见色彩搭配　182

第 9章　综合版式配色　 183

9.1　儿童主题网页　184

9.1.1　项目分析　 184

9.1.2　案例分析　184

9.1.3　版式分析　185

9.1.4　配色方案　186

9.1.5　佳作欣赏　 187

9.2　自然主题网页　188

9.2.1　项目分析　188

9.2.2　案例分析　188

9.2.3　版式分析　189

9.2.4　配色方案　190

9.2.5　佳作欣赏　191

9.3　科技类网页　192

9.3.1　项目分析　192

9.3.2　案例分析　192

9.3.3　版式分析　193

9.3.4　配色方案　194

9.3.5　佳作欣赏　195

9.4　商务风格网页　196

9.4.1　项目分析　196

9.4.2　案例分析　196

9.4.3　版式分析　197

9.4.4　配色方案　198

9.4.5　佳作欣赏　199