阿里新开发了一款神器犸良！零基础也能轻松做酷炫动效

阿里作中互联网企业的标杆，不仅一直广人民群众提供捷便利的服务。也不断引领行业，各专业领域，给专业人员提供了优质的具与服务。对设师言，无论每一度的 UCAN会，还 Kitchen、语雀、Ant Design 设发具，都给广设师很的便利。

而最近，里又出了款基于 Lottie 动效设计平台 ── 犸良。够快速生成设计师想要的态效果，并交付给开发，极大地了设计效率和设计还原。

犸良是什么？

它是一个积累了很多通效素材的平台，会效的同们基于效库和素材库快速生成一个通效创意，你只需要简单地编辑图片、颜色或者字即可。同时平台集成了 Lottie 为代表的效技术，曾经令人苦恼的包大小和性问题一并解决。

△ 官：https://design.alipay.com/emotion

犸良的应用场景

犸良支持全平台 iOS、Android、H5、小程序。无论是营销展位、页面、空状态还是产icon。犸良编辑器对接投放平台，一式成效创意制作和投放。

丰富的效素材够满足多种场景需要。

犸良怎么用？

：基于模版接制作（适用于设计师进动态banner制作）

1. 选择模版
2. 从画仓库择画进行当前画的替换
3. 通过替换图片或修改颜色自义动画
4. 自定义模板文内容
5. 选择模板背景图片
6. 完成编辑选择是否带背（banner模版默认带背）
7. 导成功载 json

方式二：定义画布制作（适用于计进行模板覆盖不的动效应用景）

使用犸良分钟做出来效，大家感受下：

体验感受

综合体验了一下犸良，相对于鹿班人智能随意撸图。犸良其实一款基于人的动效模板网站。所的动态效果都设师提好的。基于 Lottie 的特性，将可编辑的属性行模块化。

说到这里有些设计师可能有疑问了，Lottie 究竟是什么？在优设已经有相关文章介绍比较全了，这里不赘述了，阅读链接：http://www.uisdc.com/tag/lottie/。

简言之 Lottie 就是一个快速将 AE 中计的动效快速调出，并且开发可以直调用的动效库。

Lottie 的原理是将矢量图形和动态效果通代码现，复的图形导出图资源。最终生成 json 文件+图资源。犸良所做的就是，将 json 里的颜属提取出来，用户以从外部修改。同样只需要替换图资源，就以让用户自己设计的图形根据 json 写的运动方式来展示。果你把一只移动的猪替换成猫，么你看到的效果就是一只移动的猫。

而它的字编辑功，我觉得就较神奇了。因为 Lottie 貌似从外修改字体，应该是阿里自己写的。如果有知道的同解惑。因为我们在实际工作中经遇到这样的问题，就是如果效包含本了，需要适配国际，就没法从外修改语言。如果解决这个问题，将会减很多麻烦。

从的素看，其主应用场景还电商运营方面。相信未会增加多的素应用场景。希望以后能够出让设师可以将自己的动效分享出供家使用，或者提供优质付费内也不错的选择。

个工作经验来看，Lottie 是有丰富应用场景。比如可以做动态图标、动态闪屏页、表情贴纸、播礼物、空白页、动态banner……

其实 Lottie 官方社也有多的动效资源，都是来全界的计上传的，大家可以去下载参考，如果要商用，可能需要系作者。

△ 附上链：https://lottiefiles.com/popular

文资料，很是来自语雀的分享。次感谢相关人的辛勤付出。大家以在此处查看犸良的完整介绍：https://www.yuque.com/dapolloali/news/ui43vg。

再次附上官：https://design.alipay.com/emotion

因犸良基于 Lottie 的具，所以相关基础的设师很易手。还不了解的同学也可以各设网站搜索到。

欢迎关注作者微信公众号：「懿凡设计」