SVG动画用复杂交互动画改善用户体验
编辑推荐
适读人群 :网页设计者,动画学习者和相关从业人员。 在互联网上,没有什么能像运动中的物体那样引起人们的注意。使用SVG动画,你可以讲述故事、创建引人注目的可视化数据,并使用户交互感觉更加自然。本书通过讲解SVG 动画的基本实践,向网页设计师和开发人员展示了如何使用多种技术、动画库,以及JavaScript插件来创建漂亮和独特的效果。作者Sarah Drasner解释了SVG DOM如何帮助大家使图形变得更具可访问性,并演示了优化SVG性能的方法如何使得图形更简洁,以及避免网站陷入麻烦。 你还将从本书中学习到如何使用SVG实现跨浏览器和向后兼容、优化及响应式相关的知识。 ■ 深入剖析SVG动画 ■ 使用SVG和CSS创建独立的UI/UX动画 ■ 比较多种Web动画技术,包括一些JavaScript库 ■ 使用D3和图表库创建带有动画的数据可视化图表 ■ 使用GreenSock创建高性能的HTML5动画 ■ 探索一些库和插件,比如mo.js、MorphSVG和React-Motion。
内容简介
在制作Web动画效果时,使用SVG制作动画是我们应该掌握的技能之一。本书详细介绍了 SVG的基础知识、如何使用SVG制作动画、制作SVG动画的工具及相关的JavaScript库。除些之外,本书也探讨了SVG还能做的一些十分有趣的事情,比如数据可视化、可伸缩的矢量图、响应式设计等。Sarah为广大读者提供了一本非常优秀的书籍,可帮助读者更系统地掌握SVG和 SVG制作动画相关的技术知识。如果你想掌握这项技术,那么本书是值得你花时间去阅读和研究的一本书。
作者简介
Sarah Drasner是一获奖的布道者、顾问和技术人员。Sarah也是Web动画工作室的联合创始人,拥有Val Head。她被授予高级SVG动画前端之师之称,并曾担任Truli(Zillow)的UX设计师和经理。Sarah赢得一系列奖项。作为一名Web开发人员和设计师,她已经有了15年之久的工作经验,她还曾担任过插画师和大学教授,并在Santorini教过一个Byzantine的图标画师。 译者简介 大漠 W3CPlus创始人,目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验,尤其专注对CSS3和动画的研究,是国内早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS3、CSS处理器和Drupal中国布道者。2014年出版《图解CSS3:核心技术与案例实战》。 姜天意 昵称99,阿里巴巴盒马鲜生前端开发专家,目前主要负责盒马数据可视化相关产品的研发。 田淮仁 腾讯前端开发,PWA 和 httplive 开源项目作者。热爱分享,有自己的博客:villainhr.com 和微信公众号:前端小吉米。对 H5 音视频技术,直播和 P2P 有一定的技术积累。 欧阳湘粤 大四准毕业码农,曾在百度和腾讯实习,对新技术有着强烈的热爱,喜欢折腾新事物,希望未来能够继续学到更多有意思的东西,Long May The Sunshine。 小春 摩拜前端负责人,前滴滴公共前端负责人。担任过 GIAC 全球互联网架构大会 - 前端出品人;写过 3 本前端书籍,近一本:国内第1本 Vue.js 书籍《Vue.js指南》;乐于分享和学习交流,参加过 vueconf、SDCC 2016 中国软件开发者大会等。