阿里iconfont新增Lottie动画库 Adobe XD可以直接使用
近期我们发现阿里巴巴矢量图标库iconfont新增加了一个“Lottie 库”的分类,打开其官网 https://www.iconfont.cn/ 鼠标经过菜单栏的“素材库”就可以看到。
近期我们发现阿里巴巴矢量图标库iconfont新增加了一个“Lottie 库”的分类,打开其官网 https://www.iconfont.cn/ 鼠标经过菜单栏的“素材库”就可以看到。
Lottie 库中的素材并不多,但毕竟刚上线,以后应该会不断丰富,Adobe XD支持直接使用Lottie动画。
每个库包含多个动画,鼠标经过点击下载图标可以打开下载弹窗,提供了MP4视频格式和Lottie JSON格式,Adobe XD两个格式都支持,推荐大家下载JSON格式,文件小、易开发、可修改和控制。
下载的JSON文件可以直接拖入到Adobe XD画板中,生成链接后和预览时可查看动画效果,属性检查器中可设置点击播放、循环播放等参数,关于Adobe XD使用JSON的详细教程可参考Adobe XD 45发布 新增Video和Lottie导入
另外需要注意的是,iconfont中的素材是不能直接商用的,如需商用建议联系作者申请后再使用。