Chapter01 网页设计概述 1
1.1网页设计基础知识 2
1.1.1网页设计的概念 2
1.1.2网页设计的定位 4
1.1.3网页设计的属性 4
1.1.4网页设计的准则 5
1.2网络的特点 8
1.2.1信息的开放性 8
1.2.2信息的互动性 8
1.2.3信息的不稳定性 8
1.2.4网络的时代性 8
1.2.5信息传播的迅速性 8
1.3用户的阅读习惯 9
1.3.1人机交互的概念 9
1.3.2用户习惯分析 9
1.3.3易用性设计 10
1.4网站的类型 12
1.4.1综合（门户）类网站 12
1.4.2新闻类网站 12
1.4.3交易类网站 13
1.4.4 IT类网站 14
1.4.5教育类网站 14
1.4.6生活娱乐类网站 14
1.4.7政府类网站 15
1.4.8个人类网站、空间、微博 16
1.4.9功能型网站 16
1.4.10其他行业类网站 16
1.5网页设计分析方法 17
1.5.1栏目划分法 17
1.5.2网格划分法 18
1.5.3色彩定位法 19
1.5.4 Logo引导法 19
1.6网页设计实践分析 20
1.6.1燕赵环保网公益活动网站设计分析 20
1.6.2联合利华饮食策划网站设计分析 20
Chapter 02网页制作的流程 24
2.1网页设计的基本流程 25
2.1.1接受或设计任务书 25
2.1.2收集资料 26
2.1.3创建设计构思 26
2.1.4实施设计方案 27
2.1.5完善设计方案 27
2.1.6获得反馈信息 28
2.2准备素材（使素材符合网页设计需求） 29
2.2.1准备图片素材并调整图片 29
2.2.2文字再编辑——提取要点——总结标题 37
2.2.3视频素材的剪辑及压缩处理 37
2.3网站结构划分（网站脚本编创） 38
2.3.1根据素材分析网站结构 39
2.3.2提取分类列出栏目 40
2.3.3栏目下子栏目的划分 41
2.4网站风格定位——风格设计 42
2.4.1分析网站的主题定位——网站主基调 43
2.4.2风格的统一与变化 48
2.5网页色彩定位 50
2.5.1标准色彩定位 50
2.5.2根据网站风格定位选择色彩设计 51
2.5.3分析栏目间的色彩变化 51
2.6设计草稿的绘制 52
2.6.1主页面设计草稿及创意 52
2.6.2栏目二级页面统一性与栏目性的设计 54
2.7分析模块、划分模块、信息布局 55
2.7.1按照栏目划分页面模块 56
2.7.2二级页面的模块划分 59
2.8整体网页页面设计及细节调整 60
2.8.1“完美像素级细节”的实例 60
2.8.2 “919”网站的细节设计 62
2.8.3阴影细节 65
2.8.4自我克制与精妙细节 66
Chapter 03网页设计的理念 67
3.1关于网页设计的问题 68
3.1.1怎样才是好的网页设计 68
3.1.2好的网页设计是怎样做出来的 71
3.1.3网页设计怎样来做 71
3.2为网页注入灵魂 72
3.2.1网页创意基本理念 72
3.2.2网页创意秘籍 76
3.3网页版面设计的体验 78
3.3.1视觉度的大小 79
3.3.2图版率 80
3.3.3文字刺激度 80
3.3.4网格约束率 82
3.3.5版面率 83
3.3.6版面设计的原则 83
3.3.7版面设计的诀窍 86
3.4网页动人的理由 86
3.4.1网页的界面 86
3.4.2网页的顶部 87
3.4.3网页的文字 88
3.4.4网页的影像 88
3.5网页中的文字设计 89
3.5.1文字在网页中的应用 89
3.5.2常见的文字特效设计 90
3.6设计的实现案例分析 92
3.6.1设计草稿绘制案例 92
3.6.2页面效果 93
3.6.3不规则页面设计 102
3.7内页与主页的设计统一 104
3.7.1结构的一致性 104
3.7.2色彩的一致性 104
3.7.3利用导航取得统一 104
3.7.4特别元素的一致性 104
3.7.5利用图像取得统一 105
3.7.6利用背景取得统一 105
3.8网页背景的设计 105
3.8.1基本背景结构 105
3.8.2包装/头部背景 107
3.8.3整体背景 109
3.8.4内容/包装背景运用技巧 115
3.9网页设计妙招 122
Chapter 04网页设计页面布局 129
4.1网页设计页面布局概述 130
4.1.1简约的设计——简洁大方的版式 131
4.1.2层次的设计——富于空间感的版式 132
4.2网页页面布局的规范 133
4.2.1网页布局类型的确定方法 133
4.2.2网页布局的连贯性和多样性 135
4.2.3网页布局结构 137
4.2.4 16布局法 142
4.3信息布局区域划分 143
4.3.1如何设计有效的信息布局 143
4.3.2重要页面的信息布局 146
4.4信息结构设计 147
4.4.1单一结构 148
4.4.2复合结构 148
4.5页面分栏布局形式 149
4.6页面布局形式与内容关系分析 149
4.6.1功能优先还是形式优先 150
4.6.2网页布局形式对网站含义及情感的影响 150
4.6.3形式分析解剖 151
4.7网页副空间设计 153
4.8文字布局 155
4.9表单布局 156
4.9.1借助可视化元素 157
4.9.2主次操作 158
4.9.3表单安排实例 159
Chapter 05新型网站设计 162
5.1 Flash网站概述 163
5.1.1全Flash网站和单个Flash作品制作的区别 163
5.1.2全屏Flash的尺寸分析 164
5.2 Flash网站的特点 166
5.2.1全Flash网站设计的优势与劣势 166
5.2.2 Flash网站打造真实感 172
5.2.3 Flash网站的用户体验特性 173
5.2.4 Flash网站的转场动画 174
5.3 Flash网站的设计与构建 175
5.3.1 Flash网站的基本布局 176
5.3.2 Loading（加载）的设计与制作 177
5.3.3关于按钮 178
5.3.4 Flash网站的页面切换 180
5.3.5文本内容的显示 181
5.3.6制作音乐开关 182
5.3.7 Flash的调试 184
5.3.8常见问题及解决办法 184
5.4 Flash网站的效果 185
5.5 Flash传统网站的制作 187
5.6 Flash网站设计的常用技术 188
5.7 Flash网站设计欣赏 193
5.7.1风格亲切可爱的网站 193
5.7.2高雅精微的国外酒类网站 196
5.7.3如梦似幻的celebration音乐多媒体网站 197
5.7.4精美绝伦的jeremylevin建筑设计网站 200
5.7.5层层叠叠的c-reel网站 201
5.7.6简洁明快的nunodias网站设计 202
5.7.7动感十足的Flashtv网站 203
5.7.8芭蕾舞蹈般的视觉设计网站 205
5.7.9动静结合的平面设计作品展示 206
5.7.10元素化的artworksgroup商业艺术网站 208
5.7.11激情四射的indurango音乐网站 209
5.7.12肌理多变的driftlab网站 211
Chapter 06色彩基础知识 213
6.1人、色彩、生活 214
6.2色彩的信息 215
6.3色彩与意象 216
6.4 色彩的联觉 217
6.4.1前进与后退 217
6.4.2膨胀与收缩 217
6.4.3轻与重 218
6.4.4冷与暖 218
6.4.5冷静与热烈 219
6.4.6硬与软 220
6.4.7尖与圆 220
6.4.8喜与悲 221
6.4.9新与旧 222
6.4.10苦与甜 222
6.5色彩的表现 223
6.5.1设定主题和构思 224
6.5.2色彩的模拟 225
6.5.3主体色彩和辅助色彩 226
6.5.4视觉的引导 226
6.5.5调整色彩后的最终应用 226
6.5.6色彩的三原色 227
6.5.7计算机影像的色彩 227
6.6色彩的三要素 228
6.6.1明度 228
6.6.2色相 229
6.6.3饱和度 230
6.6.4颜色三属性的相互关系 231
6.7色彩三属性的对比分析 231
6.7.1明度对比 231
6.7.2色相对比 232
6.7.3饱和度对比 232
6.8色彩的其他对比 234
6.8.1色彩的面积对比 234
6.8.2色彩的形状对比 235
6.8.3色彩的冷暖对比 236
6.8.4色彩的肌理对比 238
6.9色彩模式 238
6.9.1 RGB模式 238
6.9.2 CMYK模式 238
6.9.3 Lab模式 239
6.10色彩调和 240
6.11色彩心理学 247
6.11.1红色 247
6.11.2黄色 247
6.11.3蓝色 248
6.11.4绿色 249
6.11.5紫色 249
6.11.6橙色 250
6.11.7白色 250
6.11.8黑色 251
6.11.9灰色 252
6.11.10金色 252
6.11.11银色 253
6.12色彩传达的信息效率 253
6.13网页设计中的色彩运用策略 254
6.13.1网页色彩设计的原则 255
6.13.2对比关联与应用 255
6.12.3网页色彩计划 259
Chapter 07网页设计配色 260
7.1网页快速配色法 261
7.1.1使用单一色彩 261
7.1.2使用两种色彩 261
7.1.3使用多种色彩 262
7.1.4使用无色系 263
7.2色彩的联想与感情表达 263
7.2.1色彩的空间感 263
7.2.2色彩的亲切感 264
7.2.3色彩的层次感 266
7.2.4色彩的神秘感 267
7.2.5色彩的柔软感与坚硬感 268
7.2.6色彩的兴奋感与忧郁感 268
7.2.7色彩的华丽感与朴素感 268
7.3色彩控制 269
7.3.1改变时间 270
7.3.2改变能量 270
7.3.3改变性质 270
7.3.4网页色彩搭配技巧 271
7.3.5网页色彩选择标准 278
7.4制作自己的网页调色板 282
7.5应用自己的网页调色板 282
Chapter 08网站分析 284
8.1漂亮的网页布局赏析 285
8.1.1 designplace建筑网站欣赏 285
8.1.2点出的精彩——mediagrill官网 287
8.1.3游戏网站赏析 289
8.1.4韩国艺术网站截屏欣赏 291
8.1.5个人网站截屏欣赏 293
8.2绝佳网页创意设计赏析 294
8.2.1汽车网站创意设计 294
8.2.2时尚网站截屏欣赏 297
8.2.3 stripes网站的展示 298
8.2.4食品网站截屏欣赏 300
8.2.5体育品牌网站截屏欣赏 302
8.3色彩出众的网页设计赏析 303
8.3.1生动的儿童网站 303
8.3.2时尚品牌网站截屏欣赏 306
8.3.3极具装饰感的网站赏析 307
8.3.4韩国教育网站设计 309
8.3.5开放的旅游网站设计 312