第一篇 网页设计篇 5
序章 5
第1章 网页设计规划 5
1.1 为网站制定目标 5
1.1.1 对市场的预测和分析 5
1.1.2 网站的项目规划 5
1.1.3 网站建设 5
1.2 与客户的有效沟通 7
第2章 网页结构 9
2.1 栏目结构划分 9
2.1.1 规则的栏目组合方式 9
2.1.2 不规则的栏目组合方式 15
2.2 网页版式划分 16
第3章 网页创意和风格 19
3.1 网页的创意 19
3.1.1 创意是网页的灵魂 19
3.1.2 创意的方法 22
3.2 网页风格 28
第4章 网页视觉设计 30
4.1 网页布局 30
4.1.1 网页的规格 30
4.1.2 网页的Logo 30
4.1.3 顶部通栏 33
4.1.4 网页文本 36
4.1.5 图像的设计 40
4.1.6 为网页插入视频 54
4.2 网页构成 54
4.2.1 点的应用 54
4.2.2 线的应用 57
4.2.3 面的应用 62
4.2.4 混合构成应用 65
第5章 网站推广和网络广告 68
5.1 网络推广 68
5.2 网络广告 68
5.2.1 GIF广告 69
5.2.2 Flash广告 69
5.2.3 流媒体广告 71
5.2.4 网络广告欣赏 71
第二篇 色彩知识篇 75
第6章 网页配色的常见问题 75
6.1 缺乏主色调 75
6.2 文字能见度低 75
6.3 增加视觉负担 77
6.4 风格与主题脱离 80
第7章 色彩构成 82
7.1 认识色彩 82
7.1.1 什么是色彩 82
7.1.2 光 82
7.1.3 色 82
7.2 色彩与视觉 83
7.2.1 色彩三要素 83
7.2.2 色调 84
第8章 色彩与情感 94
8.1 色彩的心理效应 94
8.1.1 色彩的象征 94
8.1.2 色彩的视觉效应 96
8.1.3 色彩的味觉效应 97
8.1.4 色彩的情绪效应 97
8.2 色彩表情 97
8.2.1 明朗灿烂的“黄” 97
8.2.2 神圣高贵的“金” 99
8.2.3 欢快活泼的“橙” 100
8.2.4 柔美浪漫的“红” 102
8.2.5 生机活力的“绿” 104
8.2.6 平静冷漠的“蓝” 105
8.2.7 神秘虔诚的“紫” 106
8.2.8 酷意十足的“黑” 108
第9章 常用色彩处理手法 111
9.1 色彩的对比 111
9.1.1 色相对比 111
9.1.2 明度对比 112
9.1.3 纯度对比 114
9.1.4 补色对比 114
9.1.5 冷暖对比 116
9.1.6 面积对比 117
9.2 色彩的调和 119
9.2.1 同类色调和 119
9.2.2 渐变色调和 122
9.2.3 对比与调和 125
第三篇 网页配色篇 129
第10章 网页色彩 129
10.1 216网页安全色 129
10.2 网页色彩模式 131
10.2.1 RGB色彩 131
10.2.2 Indexed色彩 131
10.3 网页配色原则 132
10.3.1 人性化 132
10.3.2 艺术性 132
10.3.3 符合网站风格和主题 133
10.3.4 个性鲜明 133
第11章 网页配色技巧 135
11.1 使用一种色彩 135
11.2 使用两种色彩 139
11.3 使用多种色彩 142
11.4 使用近似色彩 144
11.5 使用无彩色 147
第12章 网页文字配色 150
12.1 字号对文字显示的影响 150
12.2 文字与背景色彩的搭配 151
12.3 文字与图片的配色 160
第13章 网站色调与配色 164
13.1 红色系的配色 164
13.1.1 适用红色系的网站 164
13.1.2 红色系的网站配色讲解 167
13.2 橙色系的配色 184
13.2.1 适用橙色系的网站 184
13.2.2 橙色系的网站配色讲解 186
13.3 黄色系的配色 189
13.3.1 适用黄色系的网站 189
13.3.2 黄色系的网站配色讲解 192
13.4 金色系的配色 199
13.4.1 适用金色系的网站 199
13.4.2 金色系的网站配色讲解 202
13.5 绿色系的配色 205
13.5.1 适用绿色系的网站 205
13.5.2 绿色系的网站配色讲解 209
13.6 蓝色系的配色 216
13.6.1 适用蓝色系的网站 216
13.6.2 蓝色系的网站配色讲解 221
13.7 紫色系的配色 234
13.7.1 适用紫色系的网站 234
13.7.2 紫色系的网站配色讲解 237
13.8 无彩色的配色 241
13.8.1 白色的配色 241
13.8.2 灰色系的网站 244
13.8.3 黑色系的网站 248
第14章 网站风格与配色 252
14.1 简洁、质朴的配色 252
14.1.1 简洁类网站的特点 252
14.1.2 简洁类网站配色讲解 252
14.2 尊贵、华丽的配色 257
14.2.1 奢华类网站的特点 257
14.2.2 奢华类网站配色讲解 257
14.3 男性化的配色 264
14.3.1 男性化网站的特点 264
14.3.2 男性化网站配色讲解 264
14.4 女性化的配色 266
14.4.1 女性化网站的特点 266
14.4.2 女性化网站配色讲解 267
14.5 自然舒适的配色 270
14.5.1 自然舒适类网站的特点 270
14.5.2 自然舒适类网站配色讲解 270
14.6 古典主义的配色 272
14.6.1 复古类网站的特点 273
14.6.2 复古类网站配色讲解 273
14.7 生动活泼的配色 275
14.7.1 活泼类网站的特点 275
14.7.2 活泼类网站配色讲解 275
14.8 柔软稚嫩的配色 278
14.8.1 柔软稚嫩类网站的特点 278
14.8.2 柔软稚嫩类网站配色讲解 278
14.9 成熟稳重的配色 280
14.9.1 稳重类网站的特点 280
14.9.2 稳重类网站配色讲解 280
14.10 厚重、金属风格的配色 283
14.10.1 厚重、金属类网站的特点 283
14.10.2 厚重、金属类网站配色讲解 283
第15章 网站分类与配色 285
15.1 信息类网站配色 285
15.1.1 行业门户网站 285
15.1.2 资讯网站 288
15.1.3 机构网站 291
15.2 商业类网站配色 294
15.2.1 电子商务网站 294
15.2.2 企业网站 297
15.3 机械科技类网站配色 302
15.3.1 手机网站 302
15.3.2 汽车网站 308
15.3.3 计算机数码网站 313
15.4 休闲类网站配色 319
15.4.1 服饰品牌网站 319
15.4.2 美容化妆网站 323
15.4.3 饮食网站 330
15.4.4 体育网站 334
15.5 娱乐类网站配色 337
15.5.1 游戏网站 337
15.5.2 音乐网站 340
15.5.3 电影网站 343
15.6 个人网站配色 345
第四篇 作者配色案例篇 348
第16章 广聚福 348
16.1 与客户的沟通 348
16.2 素材参考 348
16.3 网页规划 351
16.3.1 网页结构框架安排 351
16.3.2 顶部通栏图像 351
16.4 网页配色的实现 351
16.4.1 插入图像 352
16.4.2 网页色彩搭配的实现 352
第17章 中药康复中心 354
17.1 与客户的沟通 354
17.2 素材参考 354
17.3 网页规划 356
17.4 网页配色的实现 357
第18章 华腾缘 359
18.1 与客户的初次沟通 359
18.2 素材参考 359
18.3 网页规划 362
18.4 网页配色的实现 363