本书以Web前端设计的流程为主线，以前端设计的方法和原则为基础，围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳实践。同时对Web前端设计领域的经典设计思维进行了剖析，为读者提供了极具指导价值的思想和极具操作性的实践方法。此外，本书还讲解了前端性能的测试和度量方法，总结了大量前端性能优化技巧。
本书适合于经验还不够丰富的前端工作者（前端设计师、前端开发工程师、前端架构师和用户体验设计师），希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来，以良好的设计思维与架构方法为前端开发和设计保驾护航。
前端开发工程师、前端设计师、前端架构师和用户体验设计师等新兴职业的出现，为前端设计和开发领域注入了新的生命和活力。随着用户对应用的体验的要求越来越高，前端领域面临的挑战越来越大，问题也越来越突出。其中最突出的问题便是缺少复合型的前端人才。
从知识体系上讲，复合型的前端人才需要掌握和了解的知识非常之多，甚至可以用“庞杂”二字来形容。这导致一名出色的前端开发人才需要很长的时间来成长，因此行业对此类人才的需求极其迫切，从业前景看好。作为一个没有太多Web前端开发和设计经验的程序员，我们如何才能投身于这个充满美好前景和想象空间的领域？如何修炼自己的内功才能让自己从不会到会，从合格到优秀，从优秀到卓越？本书能在你修炼的过程中提供良好的指导与参考。
如果你在思考下面这些问题，也许本书就是你想要的！
作为一名合格的Web前端开发工程师，究竟需要具备哪些技能和素质？为什么说如果要精通Web前端开发这一行，必须先精通十行？
前端设计者如何才能正确地理解自己的用户？如何理解并实践以用户为中心的设计原则？
原型设计应该注意哪些问题？如何更好地利用工具快速地进行原型设计？
可用性设计的关键要素是什么？如何设计高可用性的页面元素（导航、表单、链接等）？
“可用性”的首要原则是“别让我思考”，你的网站如何才能做到不让用户思考呢？
可用性测试的5项目标是什么？如何通过可用性测试发现问题现象背后的本质？
如何保持设计的一致性？一致性设计的三项原则是什么？
如何理解“样式就是设计”这句话？有哪些样式技术是前端开发者和设计者必须掌握的？样式究竟有哪些功能？
如何编写易于管理、维护和复用的JavaScript代码？JavaScript有哪些最佳实践？
如何理解HTML文件、CSS文件和JavaScript文件之间的关系？如何良好地组织这些文件从而让它们更易于管理、复用和维护？
如何平衡网站的色彩？如何让你的网站设计简洁而美观？页面排版的艺术你知多少？
Web前端设计领域有哪些经典的设计思维？如何才能掌握这些设计思维的本质？
如何测试前端的性能？前端性能优化的基本原则是什么？如何进行页面内容的优化和服务器端的优化？如何利用SEO技术让你的网站更容易被发现？
CSS 3与HTML 5将带来哪些全新的设计方式？
Web 3.0真的来了吗？Web 3.0的先驱者们有哪些杰出的表现？Web前端开发与设计的未来会怎样？