帕特里克·J.林奇，耶鲁大学公共事务和传播办公室不错互动营销主管，资深Web设计专家、作者、插画家、摄影师、艺术家。
莎拉·霍顿，Paciello集团用户体验策略总监，资深Web设计专家和用户体验专家。

译者序
序言
前言
致谢
章策略 1
1.1策略规划 1
1.1.1创建一个策略规划 2
1.1.2制定策略规划 3
1.2便捷的用户体验 8
1.3内容策略 11
1.4社交媒体策略 17
1.4.1创建一个社交媒体策略 17
1.4.2通过社交媒体渠道获得用户 22
1.4.3配置你的社交媒体团队 27
第2章调研 29
2.1头脑风暴 29
2.1.1用设计思维指导头脑风暴 30
2.1.2用户调研 33
2.1.3指导设计决策 35
2.1.4设计评估 38
2.1.5调研的过程要考虑到残障人士 40
2.2分析 41
第3章流程 44
3.1项目资源 44
3.2项目规划 50
3.2.1创建一个项目实现计划 50
3.2.2避免需求扩张 57
3.3项目管理 57
3.4项目开发的生命周期 66
3.4.1网站定义和计划 68
3.4.2内容开发 68
3.4.3信息架构 70
3.4.4网站设计 70
3.4.5网站构建 71
3.4.6网站的跟踪、评估和维护 72
3.4.7常见的项目开发事故 74
第4章信息架构 83
4.1网站开发中的信息架构 84
4.2信息架构方法 85
4.2.1盘点和审核内容 85
4.2.2组织内容 87
4.2.3分割信息 92
4.3信息架构设计 94
4.3.1支持浏览和搜索 95
4.3.2选择网站结构 95
4.3.3设计网页架构 100
4.3.4展示信息架构 102
第5章网站结构 108
5.1网站组件 108
5.1.1使用超文本标记语言（HTML） 109
5.1.2使用层叠样式表 112
5.1.3交互式脚本 114
5.1.4其他文档格式 114
5.1.5搭建一个坚固的结构 115
5.2内容管理系统 117
5.2.1建立编辑工作流程 119
5.2.2选择一个CMS 121
5.2.3组织内容和功能 122
5.2.4创建主题和模板 125
5.3SEO 128
5.3.1了解搜索 129
5.3.2使用关键字和关键词组 131
5.3.3提交一个网站索引 136
第6章页面结构 137
6.1页面结构的基础 137
6.1.1标记页面结构 137
6.1.2使用CSS设计页面布局 142
6.1.3编码网页，使其具有最佳可访问性和可读性 143
6.2响应式设计 144
6.2.1流式布局和比例度量 145
6.2.2响应式设计和移动优先设计 149
6.2.3从内容和功能开始 151
6.2.4最佳实践总结 151
6.3页面结构组件 152
6.3.1构建一个页面 152
6.3.2优化页面，提升加载速度 157
6.3.3围绕“折叠线”进行设计 159
6.3.4信息屏设计 161
6.4页面模板 161
6.4.1创建内层页面模板 161
6.4.2设计一级页面模板 164
第7章界面设计 166
7.1媒介设计 166
7.1.1无止境的页面 167
7.1.2直接访问 167
7.1.3简单性与一致性 167
7.1.4完整性与稳定性 169
7.1.5反馈和对话 169
7.1.6带宽与交互 170
7.1.7显示 171
7.2导航和寻路 172
7.2.1支持搜索和浏览导航 173
7.2.2设计导航 175
7.2.3提供导航系统 184
7.3交互 186
7.3.1交互设计 187
7.3.2提供交互组件 190
7.3.3引导式交互 193
7.4信息设计 197
7.5移动界面设计 199
7.6企业界面设计 202
第8章平面设计 204
8.1利用设计逻辑 204
8.1.1流体逻辑 204
8.1.2商业逻辑 205
8.2不断变化的样式 206
8.3注重吸引力的影响 206
8.3.1眼球追踪与美感反应 207
8.3.2本能反应 207
8.3.3情感反应与决策 208
8.4视觉设计 211
8.4.1塑造视觉平面 211
8.4.2使用知觉完形原则 213
8.5视觉结构 215
8.5.1理解视觉结构的起源 216
8.5.2建立视觉层次 219
8.5.3使用页面网格系统 223
第9章排版 229
9.1网页排版的特点 229
9.1.1语义 230
9.1.2使用样式表 231
9.1.3网页排版实践 234
9.2排版设计元素 235
9.2.1显示样式 236
9.2.2对齐与空白空间 236
9.2.3行宽度 238
9.2.4行间距 238
9.2.5缩进 238
9.2.6文本大小 238
9.2.7强调 240
9.3字体 243
9.3.1字体术语 243
9.3.2字体大小 244
9.3.3文字间距和字距调整 244
9.3.4传统字体的改进 245
9.3.5专为屏幕设计 245
9.3.6其他媒介中的字体 245
9.4选择字体 245
9.4.1指定操作系统的字体 246
9.4.2通过CSS @ font-face元素使用网络字体 246
0章编辑样式 249
10.1样式 249
10.1.1写吸引人的作品 249
10.1.2把内容放在位 253
10.1.3让链接有意义 255
10.2文章结构 256
10.2.1提供视觉地标 257
10.2.2结构标记 258
10.2.3提供清楚的链接 260
1章图像 261
11.1网络图像策略 261
11.1.1界面和品牌 261
11.1.2内容图像 261
11.2关于网络图像 263
11.2.1了解图像类型 263
11.2.2了解图像文件格式 265
11.3使用网络图像 268
11.3.1选择正确的文件格式 268
11.3.2为图像提供alt标签 271
11.3.3优化屏幕图像 271
2章多媒体 277
12.1网站视频策略 277
12.1.1提供良好的体验 278
12.1.2为音频和视频提供其他选择 279
12.1.3选择发布渠道 279
12.2视频制作 282
12.2.1制作视频短片的装备 282
12.2.2拍摄计划 285
12.2.3拍摄采访 286
12.2.4拍摄b-roll和其他镜头 289
12.2.5组合视频镜头 291
12.3视频剪辑 292
12.3.1构建故事 292
12.3.2剪辑视频 293

从1999年出版版到今天，《Web Style Guide》已经更新到了第4版。相对于之前的版本，新版本不再局限于关注如何从零开发一个网站，而是告诉读者如何选择和利用市面上的内容管理系统，并将更多的关注点放在讨论如何建立良好的用户体验、信息结构以及内容策略上。另外，新版本中列举了网站制作过程中的很多佳实践，例如针对很多设计师关注的移动优先设计方法，以及网站的可访问性和搜索优化问题等，作者都给出了很多建议以及相应的案例分析。