Lottie 实操-收藏效果-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

快速搭建网站

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

Lottie 实操-收藏效果

0.0°

2020-05-07 原创文章 教程举报 401 0 2 0

HL_lin 关注

接触到 Lottie 动效的神奇～～！决定马上一试，直接用在项目上～

以下是一个小小实操环节

功能目标：希望能够收藏课程率

理由：希望能够吸引到用户点击收藏，让用户更加能够感知到好内容需要收藏～

第一环节

打开ae，做了两种效果

1 主要是通过模拟一种旋转开关的感觉，提醒用户收藏的存在

2 收藏就为点亮，模拟按压的效果

第二环节

产品经理评估，选择了2

1.重点！使用bodymovie导出窗口>扩展>Bodymovin

2.点小绿点选择你要导出的文件，文件夹中就会生成.json的文件

注意！！文件名是指ae文件的名字，不是合成的名字哦～

3.这样就可以给开发了～～不过保险起见，我也顺便导出一个gif供他们选择

tips：

想看效果，还可以登陆https://lottiefiles.com/preview，拖进去就可以看啦～

还可以在线修改颜色～～速度还不错哦～还可以上传上去分享你的小动效～

谢谢观看～

更新：2020-05-07

0人已收藏

HL_lin

24

作品
3

粉丝
38

关注

猜你喜欢

2020-05-07 原创文章 教程举报 401 0 2 0

Lottie 实操-收藏效果

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2016年11月22日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得