大巧不工 Web前端设计修炼之道PDF电子书下载

第1章　Web前端开发ABC 1

1.1 Web大局观 2

1.1.1 混沌初开——Web的诞生 2

1.1.2　网络技术的领导者——W3C 4

1.1.3 不断优化的客户端技术 7

1.1.4　服务端技术的成熟 8

1.2　地位、曲线和使命 11

1.2.1　前端开发路漫漫 11

1.2.2　千军易得，一将难求 12

1.2.3　令人望而却步的学习曲线 14

1.2.4　前端开发人员如何自身定位 16

1.3 前端开发所需掌握的技术 17

1.4　前端开发常用的工具 25

1.4.1 设计类工具 25

1.4.2　原型类工具 26

1.4.3　调试类工具 27

1.4.4　辅助类工具 32

1.5 小结 33

第2章　打造前端设计的基石——交出你的原型稿 34

2.1 UCD——以用户为中心的设计原则 35

2.1.1 关注用户 36

2.1.2　用户调研 39

2.1.3 更含蓄的方式 42

2.2　交出第一份设计稿 46

2.2.1 为什么原型设计很重要 47

2.2.2　原型如何表现 48

2.2.3　做好原型产品的注意事项 56

2.3 让工具帮助你 57

2.3.1　创建用户模型 58

2.3.2 Balsamiq Mockups设计概念图 59

2.3.3 Axure RP设计交互原型 60

2.3.4　更真实的表现 66

2.4 小结 71

第3章　从过去到未来——前端设计演变之路 72

3.1 最熟悉的陌生人 73

3.1.1　浏览器之争 73

3.1.2　性能对比 74

3.1.3 IE PK Web标准 77

3.2　结构的变迁 83

3.2.1 表格噩梦 83

3.2.2 基于DIV和CSS的布局结构 86

3.3 不单纯是脚本 90

3.3.1 JavaScript的原貌 90

3.3.2　华丽的进化 92

3.3.3 Ajax不得不提 95

3.3.4　脚本框架的出现 96

3.4　接触未来（一）——初探HTML 5 101

3.4.1　摘要 101

3.4.2 结构 102

3.4.3 Flash杀手Canvas？ 105

3.4.4　设计一个布局结构文档 107

3.4.5　对表单的支持 109

3.5　接触未来（二）——CSS 3的世界很精彩 110

3.5.1 选择器的变化 113

3.5.2　布局的变化 116

3.5.3　样式的变化 119

3.5.4 动画 120

3.6 小结 121

第4章　让你的设计深入人心——可用性设计 122

4.1 可用性原则 123

4.1.1　别让我思考 124

4.1.2　停止你的假设 129

4.1.3　针对扫描而设计 132

4.2　高可用性页面 136

4.2.1　导航之道 137

4.2.2 当链接变成云 145

4.2.3 设计可用的表单 147

4.2.4　拒绝写作艺术 153

4.3　可用性测试 156

4.3.1 如何测试 157

4.3.2　现象与本质 158

4.4　巧妙地应对错误 159

4.4.1　提前预防 162

4.4.2　设计有用的信息 165

4.4.3　人性化操作 169

4.5　系统一致性设计 170

4.5.1　规范设计 172

4.5.2　有始有终 172

4.6 小结 173

第5章　原型模型化 174

5.1 布局之道 175

5.1.1　基本布局样式属性 176

5.1.2 基于网格系统的CSS框架布局 179

5.1.3 流体布局 183

5.2　样式就是设计 185

5.2.1 必须了解的样式技术 185

5.2.2　使用样式完成所有事情 191

5.3　动态交互之美 207

5.3.1 JavaScript设计新思维 207

5.3.2　jQuery是最佳实践 214

5.3.3 一个关于Tab导航的交互例子 223

5.4　设计理念的碰撞与融合 226

5.4.1 PNG透明色应用 226

5.4.2 大菜单 228

5.4.3　Tab选项卡 230

5.4.4　模态窗口 232

5.4.5　unobtrusive的Web开发 234

5.5 小结 237

第6章　探索、品味、总结——经典设计思维 239

6.1　平衡网站的色彩 240

6.1.1 色彩的联想 240

6.1.2 色彩三要素 247

6.1.3 流行配色 249

6.2　简洁的思想斗争 254

6.2.1 有效利用空白 255

6.2.2　是时候“减肥”了 256

6.2.3 简洁的背后 260

6.3 排版艺术 262

6.3.1 充分了解你要使用的字体 263

6.3.2　其他重要排版要素 267

6.4　80％的情况下我们可以这样做 270

6.4.1 轻松导航 270

6.4.2　便捷检索 273

6.4.3 快速选择 278

6.4.4　有效帮助 280

6.5 小结 282

第7章　让你的设计更加完美——优化技巧和最佳实践 283

7.1 性能在前端的重要性 284

7.2　前端性能优化的基本原则 286

7.2.1 页面内容的优化 286

7.2.2　服务器的优化 299

7.3 让自己更容易被发现 304

7.3.1 SEO策略 304

7.3.2　前端搜索引擎友好 310

7.3.3 其他 311

7.3.4 维护SEO效果 312

7.4 小结 314

第8章　思考与展望——浅谈Web发展的未来 315

8.1　不可思议的Web 2.0 316

8.1.1　Web 2.0是一场必然的革命 316

8.1.2　Web 2.0的新生活 317

8.1.3　云时代的脚步 322

8.2 REST 323

8.2.1 什么是REST 323

8.2.2　REST初探 325

8.2.3　Ajax和REST组合 330

8.3　Mashup与Widget 333

8.3.1　什么是Mashup 333

8.3.2　Mashup实践 336

8.3.3 1+1＞2 342

8.3.4 Widget 343

8.4　拥抱未来，拥抱Web 3.0 346

8.4.1　Web 3.0到底什么样 348

8.4.2　语义网 350

8.4.3 Web 3.0先行者 353

8.5 小结 362