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

UI动效动效神器动效设计犸良
最美UI小编收集整理的阿里新开发了一款神器犸良!零基础也能轻松做酷炫动效教程,供你快速学习设计工具

阿里作为中国互联网企业的标杆,不仅一直在为广大人民群众提供快捷便利的服务。也不断引领行业,在各个专业领域,给专业人员提供了优质的工具与服务。对设计师而言,无论是每年一度的 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 的工具,所以有相关基础的设计师很容易上手。还不了解的同学也可以在各大设计网站搜索到。

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

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

如果觉得最美UI所整理的设计内容对你有所帮助,欢迎将最美UI网站推荐给身边设计好友。

本设计资源来源于网友网络收集整理提供,主要用于学习设计之用,请勿直接用于商业化设计。

猜你在找的设计工具


Fontworks和谷歌合作啦!免费开放8款开放日本字体下载
Fontworks Inc.(フォントワークス株式会社)是一家成立于 1993 年的日本字体公司,旗下有知名的筑紫系列、UD 字体系列和 Klee(クレー)字体,经常出现在广告的标题,看起来很有气质,筑紫系列和 Klee 也被内建于
设计师必备的12个APP,你有几个?
大家好,我是小凹,我又来分享干货了。 大家平时手机APP中有多少是跟提升和学习有关的?自己碎片化的时间都用来做什么呢?是否在微博、微信、淘宝、抖音之间游走?在这些APP里获得即时的快乐后,又很空虚?
想录制屏幕?这个谷歌扩展插就可以满足你!
有时候会需要录制计算机屏幕画面,可能是介绍产品、操作教学或是制作课程,也会搭配摄影机和麦克风进行讲解,就要寻找一款适合自己的屏幕录像工具。现在有不少浏览器扩充功能就能做到这些事,而且操作上很简便。
设计圈超火的3个Sketch插件,让你效率逆天(已打包)
不知道大家日常有没有使用插件的习惯,反正我是经常使用,为什么?因为效率更高了,做图更快了。今天给大家推荐 3 个我常用的 Sketch 插件,它们真的很实用,而且我身边很多设计师也在使用。
为什么我10秒就能做出漂亮的背景图?有这个神器你也行!
前言 我相信大家肯定有遇到过,时间短,还需要一张漂亮的背景图,这肯定是弄不出来的呀,那么办?今天就给大家带来一个免费生成背景的神器。