大巧不工：Web前端设计修炼之道 赖定清著 PDF下载

本书以Web前端设计的流程为主线，以前端设计的方法和原则为基础，围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳实践。同时对Web前端设计领域的经典设计思维进行了剖析，为读者提供了极具指导价值的思想和极具操作性的实践方法。此外，本书还讲解了前端性能的测试和度量方法，总结了大量前端性能优化技巧。

本书适合于经验还不够丰富的前端工作者（前端设计师、前端开发工程师、前端架构师和用户体验设计师），希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来，以良好的设计思维与架构方法为前端开发和设计保驾护航。

前端开发工程师、前端设计师、前端架构师和用户体验设计师等新兴职业的出现，为前端设计和开发领域注入了新的生命和活力。随着用户对应用的体验的要求越来越高，前端领域面临的挑战越来越大，问题也越来越突出。其中最突出的问题便是缺少复合型的前端人才。

从知识体系上讲，复合型的前端人才需要掌握和了解的知识非常之多，甚至可以用“庞杂”二字来形容。这导致一名出色的前端开发人才需要很长的时间来成长，因此行业对此类人才的需求极其迫切，从业前景看好。作为一个没有太多Web前端开发和设计经验的程序员，我们如何才能投身于这个充满美好前景和想象空间的领域？如何修炼自己的内功才能让自己从不会到会，从合格到优秀，从优秀到卓越？本书能在你修炼的过程中提供良好的指导与参考。

如果你在思考下面这些问题，也许本书就是你想要的！

作为一名合格的Web前端开发工程师，究竟需要具备哪些技能和素质？为什么说如果要精通Web前端开发这一行，必须先精通十行？

前端设计者如何才能正确地理解自己的用户？如何理解并实践以用户为中心的设计原则？

原型设计应该注意哪些问题？如何更好地利用工具快速地进行原型设计？

可用性设计的关键要素是什么？如何设计高可用性的页面元素（导航、表单、链接等）？

“可用性”的首要原则是“别让我思考”，你的网站如何才能做到不让用户思考呢？

可用性测试的5项目标是什么？如何通过可用性测试发现问题现象背后的本质？

如何保持设计的一致性？一致性设计的三项原则是什么？

如何理解“样式就是设计”这句话？有哪些样式技术是前端开发者和设计者必须掌握的？样式究竟有哪些功能？

如何编写易于管理、维护和复用的JavaScript代码？JavaScript有哪些最佳实践？

如何理解HTML文件、CSS文件和JavaScript文件之间的关系？如何良好地组织这些文件从而让它们更易于管理、复用和维护？

如何平衡网站的色彩？如何让你的网站设计简洁而美观？页面排版的艺术你知多少？

Web前端设计领域有哪些经典的设计思维？如何才能掌握这些设计思维的本质？

如何测试前端的性能？前端性能优化的基本原则是什么？如何进行页面内容的优化和服务器端的优化？如何利用SEO技术让你的网站更容易被发现？

CSS 3与HTML 5将带来哪些全新的设计方式？

Web 3.0真的来了吗？Web 3.0的先驱者们有哪些杰出的表现？Web前端开发与设计的未来会怎样？

赞 誉
前 言
致 谢
第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