FramerJS: FramerStudio 官方入门指南讲解 2 动画与状态-经验/观点-UICN用户体验设计平台

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

查看全部热门榜单

全部

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

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

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

立即反馈

QQ群反馈

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

群号：302892100

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

提交需求

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

0/20

0/200

设计大赛

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

取消发送需求

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

我知道了

首页推荐

FramerJS: FramerStudio 官方入门指南讲解 2 动画与状态

0.0°

2015-04-07 原创文章 经验/观点 原作者： 原作者 举报 27155 55 35 14

timescent 关注

FramerJS 官方网站里的基础教程中的第二第三块：动画(Animation) 与状态（States），希望对没有编程经验的童鞋有点帮助。

首先谢谢支持我第一个视频的童鞋，你们的观看和留言就是我的动力哈哈！

第一个视频（图层）传送门：http://www.ui.cn/project.php?id=43966

本节官方基础教程：http://framerjs.com/learn/basics/animation/

官方文档里关于动画的部分：http://framerjs.com/docs/#animation.animation

关于动画的各种 Easing 可以参考：http://easings.net/

关于贝塞尔曲线（bezier curve）可以用这个运动曲线可视化工具来得到你想要的数值：http://cubic-bezier.com/

关于弹簧效果（Spring curve）的各种数值组合的演示：http://framer-spring.s3-website-us-east-1.amazonaws.com/

大家多多留言多多反馈噢！

PS: 吐槽优酷！上传／转码了一天果断换土豆，话说你俩不一家么。。。

更新：2015-04-07

55人已收藏

timescent

3

作品
139

粉丝
1

关注

猜你喜欢

2015-04-07 原创文章 经验/观点 原作者： 原作者 举报 27155 55 35 14

FramerJS: FramerStudio 官方入门指南讲解 2 动画与状态

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2015年04月06日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得