大巧不工:Web前端设计修炼之道

大巧不工:Web前端设计修炼之道

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。
7.2196 评价豆瓣读书
免费试读

作品简介

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

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

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

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

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

赖定清 英文名asone,从事Web前端工作近10年,实战经验非常丰富。是资深的Web前端开发工程师、架构师和项目经理,先后还担任过UI设计师、交互设计师和平面设计师。精通HTML、CSS、JavaScript、RIA和ROR等前端开发技术,对前端设计和用户交互体验都有着非常独到的理解,擅于总结归纳,能将各种技术融会贯通并付诸实践。是本书读者交流网站fedonline.cn的创始人,常年活跃于各种前端开发和设计相关的社区。此外,他还致力于Java企业级应用开发多年,曾经领导并参与了重庆交通征费系统和兴业银行网上银行项目的架构、设计与开发。

林坚 英文名lotin,资深Web前端开发工程师、UI设计师和项目经理,对原型设计、可用性分析和用户体验等前端设计关键技术有着独到的理解,实战经验非常丰富。擅长Java 企业级应用开发,谙熟各种流行开发框架,尤其对MVC框架有深刻认识,曾参与和负责重庆交通征费系统和兴业银行网上银行项目等多个大型项目的开发,积累了大量的经验。长期关注国内外互联网应用的发展,对互联网的发展趋势有前瞻性的认识和了解。关注敏捷开发,有着丰富的敏捷团队实施经验。擅于写作,曾担任网站和刊物的业余撰稿人,能够将所学和所悟用文字系统性地表达出来。

作品目录

  1. 赞誉
  2. 前言
  3. 前端设计的重要性
  4. 前端设计面临的问题
  5. 为什么要写这本书
  6. 本书面向的读者
  7. 如何阅读本书
  8. 致谢
  9. 第1章 Web前端开发ABC
  10. 1.1 Web大局观
  11. 1.1.1 混沌初开——Web的诞生
  12. 1.1.2 网络技术的领导者——W3C
  13. 1.1.3 不断优化的客户端技术
  14. 1.1.4 服务端技术的成熟
  15. 1.2 地位、曲线和使命
  16. 1.2.1 前端开发路漫漫
  17. 1.2.2 千军易得,一将难求
  18. 1.2.3 令人望而却步的学习曲线
  19. 1.2.4 前端开发人员如何自身定位
  20. 1.3 前端开发所需掌握的技术
  21. 1.4 前端开发常用的工具
  22. 1.4.1 设计类工具
  23. 1.4.2 原型类工具
  24. 1.4.3 调试类工具
  25. 1.4.4 辅助类工具
  26. 1.5 小结
  27. 第2章 打造前端设计的基石——交出你的原型稿
  28. 2.1 UCD——以用户为中心的设计原则
  29. 2.1.1 关注用户
  30. 2.1.2 用户调研
  31. 2.1.3 更含蓄的方式
  32. 2.2 交出第一份设计稿
  33. 2.2.1 为什么原型设计很重要
  34. 2.2.2 原型如何表现
  35. 2.2.3 做好原型产品的注意事项
  36. 2.3 让工具帮助你
  37. 2.3.1 创建用户模型
  38. 2.3.2 Balsamiq Mockups设计概念图
  39. 2.3.3 Axure RP设计交互原型
  40. 2.3.4 更真实的表现
  41. 2.4 小结
  42. 第3章 从过去到未来——前端设计演变之路
  43. 3.1 最熟悉的陌生人
  44. 3.1.1 浏览器之争
  45. 3.1.2 性能对比
  46. 3.1.3 IE PK Web标准
  47. 3.2 结构的变迁
  48. 3.2.1 表格噩梦
  49. 3.2.2 基于DIV和CSS的布局结构
  50. 3.3 不单纯是脚本
  51. 3.3.1 JavaScript的原貌
  52. 3.3.2 华丽的进化
  53. 3.3.3 Ajax不得不提
  54. 3.3.4 脚本框架的出现
  55. 3.4 接触未来(一)——初探HTML 5
  56. 3.4.1 摘要
  57. 3.4.2 结构
  58. 3.4.3 Flash杀手Canvas?
  59. 3.4.4 设计一个布局结构文档
  60. 3.4.5 对表单的支持
  61. 3.5 接触未来(二)——CSS 3的世界很精彩
  62. 3.5.1 选择器的变化
  63. 3.5.2 布局的变化
  64. 3.5.3 样式的变化
  65. 3.5.4 动画
  66. 3.6 小结
  67. 第4章 让你的设计深入人心——可用性设计
  68. 4.1 可用性原则
  69. 4.1.1 别让我思考
  70. 4.1.2 停止你的假设
  71. 4.1.3 针对扫描而设计
  72. 4.2 高可用性页面
  73. 4.2.1 导航之道
  74. 4.2.2 当链接变成云
  75. 4.2.3 设计可用的表单
  76. 4.2.4 拒绝写作艺术
  77. 4.3 可用性测试
  78. 4.3.1 如何测试
  79. 4.3.2 现象与本质
  80. 4.4 巧妙地应对错误
  81. 4.4.1 提前预防
  82. 4.4.2 设计有用的信息
  83. 4.4.3 人性化操作
  84. 4.5 系统一致性设计
  85. 4.5.1 规范设计
  86. 4.5.2 有始有终
  87. 4.6 小结
  88. 第5章 原型模型化
  89. 5.1 布局之道
  90. 5.1.1 基本布局样式属性
  91. 5.1.2 基于网格系统的CSS框架布局
  92. 5.1.3 流体布局
  93. 5.2 样式就是设计
  94. 5.2.1 必须了解的样式技术
  95. 5.2.2 使用样式完成所有事情
  96. 5.3 动态交互之美
  97. 5.3.1 JavaScript设计新思维
  98. 5.3.2 jQuery是最佳实践
  99. 5.3.3 一个关于Tab导航的交互例子
  100. 5.4 设计理念的碰撞与融合
  101. 5.4.1 PNG透明色应用
  102. 5.4.2 大菜单
  103. 5.4.3 Tab选项卡
  104. 5.4.4 模态窗口
  105. 5.4.5 unobtrusive的Web开发
  106. 5.5 小结
  107. 第6章 探索、品味、总结——经典设计思维
  108. 6.1 平衡网站的色彩
  109. 6.1.1 色彩的联想
  110. 6.1.2 色彩三要素
  111. 6.1.3 流行配色
  112. 6.2 简洁的思想斗争
  113. 6.2.1 有效利用空白
  114. 6.2.2 是时候“减肥”了
  115. 6.2.3 简洁的背后
  116. 6.3 排版艺术
  117. 6.3.1 充分了解你要使用的字体
  118. 6.3.2 其他重要排版要素
  119. 6.4 80%的情况下我们可以这样做
  120. 6.4.1 轻松导航
  121. 6.4.2 便捷检索
  122. 6.4.3 快速选择
  123. 6.4.4 有效帮助
  124. 6.5 小结
  125. 第7章 让你的设计更加完美——优化技巧和最佳实践
  126. 7.1 性能在前端的重要性
  127. 7.2 前端性能优化的基本原则
  128. 7.2.1 页面内容的优化
  129. 7.2.2 服务器的优化
  130. 7.3 让自己更容易被发现
  131. 7.3.1 SEO策略
  132. 7.3.2 前端搜索引擎友好
  133. 7.3.3 其他
  134. 7.3.4 维护SEO效果
  135. 7.4 小结
  136. 第8章 思考与展望——浅谈Web发展的未来
  137. 8.1 不可思议的Web 2.0
  138. 8.1.1 Web 2.0是一场必然的革命
  139. 8.1.2 Web 2.0的新生活
  140. 8.1.3 云时代的脚步
  141. 8.2 REST
  142. 8.2.1 什么是REST
  143. 8.2.2 REST初探
  144. 8.2.3 Ajax和REST组合
  145. 8.3 Mashup与Widget
  146. 8.3.1 什么是Mashup
  147. 8.3.2 Mashup实践
  148. 8.3.3 1+1>2
  149. 8.3.4 Widget
  150. 8.4 拥抱未来,拥抱Web 3.0
  151. 8.4.1 Web 3.0到底什么样
  152. 8.4.2 语义网
  153. 8.4.3 Web 3.0先行者
  154. 8.5 小结
载入中
载入中

喜欢这本书的人也喜欢