第1章 网页色彩的基本理论 3
1.1色彩设计原理 3
1单色搭配 3
2互补色搭配 4
3对比色搭配 5
1.2色彩的三大属性 6
1色相 6
2明度 7
3饱和度 8
1.3色彩的感觉 9
1色彩的重量感 9
2色彩的体量感 10
3色彩的距离感 10
4色彩的温度感 11
第2章网页设计的相关知识 14
2.1网页设计的要素 14
1点 14
2线 15
3面 17
2.2网页设计的基本要求 18
1网页设计的功能性 18
2网页设计的美观性 20
3网页设计的艺术性 22
2.3网页设计的色彩禁忌 23
1用尽量少的色彩进行搭配 23
2色彩繁杂，无统一的基本色调 25
3忽视浏览者对信息的获取效率 27
4引起视觉疲劳，产生厌倦感的色彩 29
第3章 网页设计的基础色 33
3.1红 33
1浅谈红色 33
2激烈、刺激 34
3中式华丽 34
4常见色分析 35
5案例欣赏 35
3.2橙 37
1浅谈橙色 37
2温馨、充实 38
3倍感温暖 38
4常见色分析 39
5案例欣赏 39
3.3黄 40
1浅谈黄色 40
2活跃气氛 41
3温暖、淡雅 41
4常见色分析 42
5案例欣赏 42
3.4绿 43
1浅谈绿色 43
2健康、纯天然 44
3巧用点缀 44
4常见色分析 45
5案例欣赏 45
3.5青 46
1浅谈青色 46
2清爽、干净 47
3艺术氛围 47
4常见色分析 48
5案例欣赏 48
3.6蓝 49
1浅谈蓝色 49
2炫酷科技感 50
3清爽、干净 50
4常见色分析 51
5案例欣赏 51
3.7紫 52
1浅谈紫色 52
2成熟魅力 53
3俏皮、可爱 53
4常见色分析 54
5案例欣赏 54
3.8黑、白、灰 55
1黑色 55
2神秘、高傲 55
3白色 56
4干净、轻盈 56
5灰色 57
6低调、奢华 57
7案例欣赏 58
第4章 网页各类元素的色彩搭配 61
4.1图标 61
1同一色调 62
2对比色调 62
3中心明朗 63
4透视角度 63
5案例欣赏 64
4.2导航条 65
1大方、简洁 66
2质感强烈 66
3简单、亮丽 67
4充满个性 67
5案例欣赏 68
4.3 Banner 69
1色彩突出 70
2和谐、统一 70
3炫酷效果 71
4层次感分明 71
5案例欣赏 72
4.4文字 73
1以文字为视觉重心 74
2文字的视觉传递 74
3图文交替 75
4细腻、规整 75
5案例欣赏 76
4.5图片 77
1不同位置 78
2不同面积 78
3不同形状 79
4与色块的灵活运用 79
5案例欣赏 80
4.6框架 81
1丰富的元素 82
2规整的结构 82
3极强的展示性 83
4硬朗、洒脱的切割式 83
5案例欣赏 84
第5章不同布局的网页色彩搭配 87
5.1骨骼型布局 87
1竖向 88
2横向 88
3案例欣赏 89
5.2满版型布局 90
1欧美复古风 91
2规矩、大方 91
3案例欣赏 92
5.3分割型布局 93
1布局对比 94
2面积对比 94
3案例欣赏 95
5.4中轴型布局 96
1稳定的轴线 97
2完美的对称 97
3案例欣赏 98
5.5倾斜型布局 99
1戏剧化的不稳定感 100
2引导视线 100
3案例欣赏 101
5.6曲线型布局 102
1曲线的节奏 103
2趣味的分割 103
3案例欣赏 104
5.7焦点型布局 106
1突出重心 107
2视觉导向 107
3案例欣赏 108
5.8自由型布局 109
1随意的分布 110
2充满幻想的分布 110
3案例欣赏 111
5.9三角形布局 113
1稳定的布局 114
2立体的布局 114
3案例欣赏 115
第6 章 不同风格的网页色彩设计 118
6.1简约风格 118
1流行的扁平化 119
2简约不简单 119
3简洁、洗练 120
4轻奢、典雅 120
5案例欣赏 121
6.2古典风格 122
1传统水墨 123
2欧美复古 123
3雅致、高远 124
4复古报纸 124
5案例欣赏 125
6.3欧美风格 128
1奢华与叛逆 129
2繁琐与平衡 129
3强大气场 130
4刚柔并济 130
5案例欣赏 131
6.4日韩风格 134
1唯美、清新 135
2层次分明 135
3随性街拍 136
4甜美、浪漫 136
5案例欣赏 137
6.5矢量风格 138
1简明、自然 139
2概念化与亲和力 139
3色彩通透、明朗 140
4独特元素 140
5案例欣赏 141
6.6三维风格 143
1身临其境 144
2三维与二维的完美结合 144
3模拟真实效果 145
4三维交互 145
5案例欣赏 146
6.7像素风格 149
1怀旧情绪 150
2趣味像素 150
3真实与虚拟的融合 151
4浮夸、抽象 151
5案例欣赏 152
6.8手绘风格 153
1趣味横生 154
2富有亲和力 154
3鲜活、轻快 155
4夸张、诡异 155
5案例欣赏 156
第7章网页设计的色彩印象 161
7.1男性VS女性 161
1男性——酷炫效果 162
2男性——简洁版块 163
3女性——高贵、典雅 164
4女性——清新、柔美 165
5案例欣赏 166
7.2传统VS科技 168
1传统——古朴原木 169
2传统——古香古色 170
3科技——蓝白色调 171
4科技——金属质地 172
5案例欣赏 173
7.3活泼VS严谨 175
1活泼——色彩缤纷 176
2活泼——活灵活现 177
3严谨——纯粹、清爽 178
4严谨——单纯但不单调 179
5案例欣赏 180
7.4平凡VS神秘 182
1平凡——纯色组合 183
2平凡——安静、平和 184
3神秘——深邃效果 185
4神秘——朦胧意境 186
5案例欣赏 187
7.5抽象VS直白 189
1抽象——抽象的设计感 190
2抽象——充满意境 191
3直白——具象视角 192
4直白——完美展示 193
5案例欣赏 194
第8章 网页色彩设计的应用领域 198
8.1新闻机构 198
1突出文字 199
2严谨、有序 199
3时尚、干净 200
4活泼、动感 200
5案例欣赏 201
8.2企业门户 202
1极具宣传性 203
2彰显服务性 203
3稳定的框架结构 204
4直白、具象 204
5案例欣赏 205
8.3科教文化 206
1正式、严谨 207
2高饱和度的冲击力 207
3校园气息 208
4大方、稳重 208
5案例欣赏 209
8.4娱乐艺术 211
1独特的艺术效果 212
2率性、热烈 212
3个性与时尚 213
4洒脱、抽象 213
5案例欣赏 214
8.5电子商务 215
1欢快、亮丽 216
2彰显品位 216
3儿童品牌 217
4端庄、文雅 217
5案例欣赏 218
8.6网络中心 220
1极具真实感 221
2惟妙惟肖 221
3直观、鲜明 222
4经典、灵动 222
5案例欣赏 223
8.7竞技体育 224
1特写的美感 225
2帅气、灵动 225
3竞技与生活 226
4力量与激情 226
5案例欣赏 227