优秀网站设计 打造有吸引力的网站 原书第3版PDF电子书下载

第1章 步骤 1

1.1 网站开发团队 1

1.2 初始规划 8

1.3 网站和文档的类型 11

1.3.1 静态与动态网页 11

1.3.2 Web内容管理 12

1.3.3 Web工具的演化 15

1.3.4 平衡基于Web的服务 17

1.4 网站开发过程 18

1.4.1 网站定义和规划 18

1.4.2 信息架构 22

1.4.3 网站设计 22

1.4.4 网站建设 24

1.4.5 网站营销 26

1.4.6 跟踪、评估和维护 27

1.5 制订项目章程 29

1.6 运行Web项目的常用设备 34

第2章 通用可用性 36

2.1 通用可用性的基础知识 36

2.1.1 可访问性 36

2.1.2 可用性及以用户为中心的设计 37

2.1.3 通用设计 37

2.2 通用可用性指南 37

2.2.1 超越“典型”用户 38

2.2.2 支持适应性 38

2.3 设计进程中的通用可用性 41

2.3.1 用户调研 44

2.3.2 设计和评估 46

第3章 信息架构 50

3.1 组织信息 50

3.1.1 内容目录 51

3.1.2 分块信息 54

3.2 网站结构 55

3.2.1 网站的浏览功能 55

3.2.2 使用网站搜索来导航 56

3.2.3 网站结构主题 57

3.3 展示信息架构 61

3.3.1 网站图表 61

3.3.2 线框图 63

第4章 界面设计 68

4.1 导航和路径搜索 68

4.1.1 路径：带路 70

4.1.2 区域与边界：矛盾的一致性 70

4.1.3 节点：本地咖啡馆还是泰晤士广场 70

4.1.4 地标：“你在这里” 71

4.1.5 小结：网站中的路径搜索原则 71

4.1.6 浏览与搜索 71

4.1.7 定位 72

4.1.8 支持Web搜索用户 72

4.2 界面设计 74

4.2.1 清晰的导航帮助 75

4.2.2 没有尽头的页面 75

4.2.3 直接访问 76

4.2.4 单一性及一致性 76

4.2.5 设计完整性和稳定性 78

4.2.6 反馈及对话 79

4.2.7 宽带与交互 79

4.2.8 界面设计惯例 80

4.3 信息设计 82

4.3.1 独立页面 83

4.3.2 总结：信息设计指南 84

4.4 企业界面 85

第5章 网站结构 87

5.1 语义内容标注 87

5.1.1 HTML文档结构 88

5.1.2 注意浏览器的不同 91

5.1.3 关于语义标注的小结 91

5.2 网站文件结构 91

5.2.1 隐蔽的网站语义 92

5.2.2 命名惯例 92

5.2.3 高效可维护的结构 94

5.2.4 HTML内容窗口的语义结构 97

5.3 搜索引擎优化 98

5.3.1 Web搜索的长尾 99

5.3.2 基本的搜索引擎原则 99

5.3.3 针对搜索优化页面 102

第6章 页面结构 108

6.1 结合环境进行网站设计 108

6.1.1 万维网 109

6.1.2 企业Web标识 109

6.2 页面结构和网站设计 109

6.2.1 页眉 109

6.2.2 浏览栏 112

6.2.3 内容区域 113

6.3 页面模板 115

6.3.1 内部页面模板 115

6.3.2 次页模板 116

6.3.3 主页 117

第7章 页面设计 124

7.1 文档设计 124

7.1.1 适应性设计 125

7.1.2 文档顺序 126

7.1.3 选择性显示 127

7.1.4 文本替代物 128

7.1.5 了解媒介 128

7.2 视觉设计 129

7.2.1 一致性 132

7.2.2 对比 132

7.2.3 空白区域 135

7.2.4 样式 136

7.2.5 简单 136

7.2.6 视觉设计的Gestalt原则 137

7.3 页面框架 137

7.3.1 固定页面宽度 138

7.3.2 灵活页面宽度 139

7.4 页面宽度和行长 140

7.4.1 页面长度 141

7.4.2 页眉和页脚 143

7.4.3 网页的垂直分层 144

7.5 网页的设计网格 146

第8章 版式 150

8.1 Web字体特色 150

8.1.1 动态构建 151

8.1.2 内容结构及视觉逻辑 151

8.1.3 层叠样式表 151

8.1.4 一致性 154

8.2 易读性 155

8.2.1 对齐与空白 155

8.2.2 对齐选项 156

8.2.3 行长 157

8.2.4 字体颜色 158

8.3 字体 159

8.3.1 选择字体 160

8.3.2 字号 162

8.4 强调 164

8.5 图文效果 167

第9章 编辑风格 169

9.1 构建散文 169

9.1.1 网站结构 170

9.1.2 页面结构 170

9.2 在线样式 173

9.2.1 对比和强调 173

9.2.2 散文风格 174

9.2.3 其他风格 174

9.2.4 关键字 175

9.2.5 标题和子标题 177

9.2.6 页面标题 177

9.3 Web文档的文本格式 178

9.4 链接 179

9.4.1 说明性链接 180

9.4.2 链接下划线 180

9.4.3 已访问和未访问的链接 180

第10章 表格及应用 182

10.1 交互支持技术 182

10.1.1 Ajax 184

10.1.2 可访问性 185

10.2 设计Web应用程序 185

10.2.1 约束与简明 185

10.2.2 设计模式 186

10.2.3 控件 186

10.2.4 交互引导 188

10.2.5 响应错误 191

10.3 设计进程 194

10.3.1 线框图 194

10.3.2 原型 194

第11章 图形 196

11.1 网络图形的角色 196

11.2 充当内容的图形 197

11.2.1 插画 198

11.2.2 解释概念以及清晰显示数据 198

11.2.3 综合的视觉展示 198

11.2.4 网络中的图形交流 200

11.3 Web图形的特点 200

11.3.1 彩色显示 200

11.3.2 屏幕分辨率 201

11.3.3 伽玛值 201

11.3.4 图形和带宽 202

11.4 图形文件格式 202

11.4.1 GIF图形 203

11.4.2 GIF文件压缩 203

11.4.3 抖动 203

11.4.4 改善GIF压缩 204

11.4.5 隔行显示的GIF 204

11.4.6 透明的GIF 205

11.4.7 JPEG图形 205

11.4.8 PNG图形 207

11.5 成像策略 207

11.5.1 界面元素 207

11.5.2 将照片另存为GIF格式 207

11.5.3 将照片另存JPEG格式 208

11.5.4 将示意图和插画另存为矢量图形 208

11.5.5 对Web网站的图形归档 209

11.5.6 总结：文件格式 209

11.6 屏幕上的图像 210

11.6.1 屏幕显示与打印彩色艺术作品的对比 210

11.6.2 复杂的插画或者照片 211

11.6.3 用于计算机屏幕显示的示意图 212

11.6.4 图形文字 214

11.6.5 使用大图 214

11.6.6 隐藏图形 215

11.7 图形标注 215

11.7.1 高度和宽度标签 215

11.7.2 替代性文字 216

11.7.3 彩色背景 217

11.7.4 背景图形 220

第12章 多媒体 222

12.1 对多媒体的一些考虑 222

12.2 网络多媒体策略 223

12.2.1 音频 223

12.2.2 幻灯片 224

12.2.3 视频 224

12.2.4 动画 225

12.2.5 文本替代物 225

12.3 多媒体准备 226

12.3.1 加工 226

12.3.2 传输 227

12.4 设计和多媒体 228

12.4.1 通知用户 228

12.4.2 提供控件 229

12.4.3 支持键盘交互 230

12.4.4 提供选择 230

附录A 缩写词 232

附录B 参考文献 234