美文网首页
(译)Lottie的未来- 关于动画工具的社区驱动愿景

(译)Lottie的未来- 关于动画工具的社区驱动愿景

作者: vcy桑 | 来源:发表于2019-10-21 23:19 被阅读0次

    六个月前,当我们发布Lottie时,并没有想到在社区中会得到如此的认可。我们通过邮件,Twitter以及GItHub收到了很多反馈,大家表示很高兴能够在软件应用中使用这种动效解决方法,这让我们感到很开心。还有一些备受尊敬的优秀设计师和工程师,也在文章中特别提到了,Lottie让动效设计变得更加简单,这其中包括了Nick ButcherValentina BeroisChris BashaChristopher Deane

    比如像 GoogleElevate, eero, The New York TimesInstacartUber,WalgreensiHeartRadio, 这些公司也与我们分享了他们的作品并且就他们如何在应用中使用Lottie提供了很多深刻的见解。目睹Lottie的社区发展,更加鼓励我们通过开源项目来分享我们的想法,比如“Lottie的现代图形”,一个关于Airbnb,名词项目和约翰·凯瑟塔的协作项目。但更为重要的是,这个社区激励了我们打开思维,思考如何建立维护Lottie,思考它的未来和发展。

    社区激励性进步

    观察各个平台如何使用Lottie也促使我们不断反思如何改善现有的功能。比如说,我们发现有公司使用了Lottie,在动画运行时不断的更新动画元素。纽约时报使用Lottie来制作静态的头部Logo。以前他们需要制作两个独立的logo,一个白色的,一个黑色的。使用Lottie后,可以通过程序来控制颜色的切换。

    这个工具使我们开始思考,我们还能怎样改善Lottie以保证在软件运行时,更好的更新动画图层。除了改变如颜色等特性外,我们开发了程序在动画运行时,能够改变任何图层的任何特性,比如说线条的粗细,图明度,大小,位置等等。对大多数的产品来说,这将会非常的有用。比如,某个app里面需要用到一些带有不同粗细线条的图片时,就可以使用Lottie通过程序控制自动设置,而不需要创建大量粗细不同线条。

    我们也开始研究其他的功能,如把多个动画连接起来。我们观察了eero如何使用Lottie来制作首页的wi-fi设置流程。他们把几个单独的动画串联成了一个流畅完整的动画。在多个节点上,某些动画需要循环播放直到动作完成,此时序列与序列之间被流畅地串联起来。这些动画看起来像是一个整体,实际上他们是由多个动画拼接起来的。

    我们从来没有想到像这样来串联多个动画,或者循环播放。也许我们可以做得更简单,或者我们可以把到动画中的一小部分做成循环。于是,我们开始研究动画的逐帧播放和基于组成标记的部分循环。我们希望Lottie可以使串联动画变得更加地简单。

    最后一个来自社区并且影响我们思考Lottie未来的案例,是一个拥有超过70000个可下载素材的网站, lottiefiles.com,由Nattu Adnan 和 Shafiu Hussain创建。它提供与Bodymovin和Lottie 兼容的动画,并允许设计师和工程师在实际使用前进行动画测试。以前需要在代码中放入一个JSON文件才能预览。现在工程师和设计师只需要简单地把JSON文件拖拽到lottiefiles.com中,即可生成一个二维码,扫描该二维码便可预览动画。这就使得以前非常麻烦的测试和动画共享变得更加简单。Lottiefiles.com也建立了配置文件,用户可以拥有自己的私人或者公共收藏。

    Lottiefiles.com使我们开始思考如何创建一个更好的方式帮助人们找到动画的运行信息。Lottiefiles.com扩宽了我们眼界,让我们了解到了其他的设计师们正在用Lotties创造什么。我们能够帮助他们找到那些信息吗?这样的想法鼓励着我们增加了更多的应用工具,有一个基于MAC OS 系统的用于测试动画的app,还在示例应用程序中发布了一个二维码阅读器来测试Lottiefiles 动画。

    组建一个知识中心

    这里我们仅仅举出了三个例子,在我们看到社区用户是如何使用Lottie后,受到的关于更新维护Lottie的启发。我们把这些案例及其他更多的案例集中展示在了一个文档网站-airbnb.io/lottie. 这个站点集合了关于各个平台的所有知识信息,同时也收录了很多关于AE和 Bodymovin的知识文档。接下来的时间,我们会继续追加关于代码走查,教程,以及真实案例的内容来构建一个更为丰富的知识库以提供给大家使用。

    希望大家能够继续与我们分享

    我们希望了解大家是如何使用Lotties的,同时也想知道大家在开始项目前需要了解哪些信息。但除了讨论Lottie及使用外,我们也呼吁大家能够上传及分享一些实际案例的素材和源文件。我们创建了一个私有的内部测试储存库,用于回归测试。在追加新功能时,我们能够保证已经应用到软件中的老版本动画不会被损坏。如果你正在使用Lotties,请通过 lottie@airbnb.com联系我们,并发送给我们私人测试报告或社区展示案例。

    我们很高兴大家能够使用Lottie,也很兴奋看到社区中有这么多让人惊叹的应用程序。

    原文地址

    The Future of Lottie – Airbnb Design


    相关文章

      网友评论

          本文标题:(译)Lottie的未来- 关于动画工具的社区驱动愿景

          本文链接:https://www.haomeiwen.com/subject/wjfdectx.html