选择sketch的用户大多是因为sketch可以使用各种插件来实现自己需要的功能,而下面提供下载的Diya时间线原型动画插件就是这样的,它是一款能够实现将你的sketch变成Principle的小插件,用户在安装了这款插件之后你的sketch将会与Principle十分的相似,这款时间线原型动画工具可以更好的帮助用户进行创造出更好的作品来,有需要的朋友快下载Diya插件试下吧。
使用说明
第1步,连线
与Prototype功能相同的连线方式,从Layer到Artboard。当然,目前见过所有具备原型能力的插件都是如此操作的。
第2步,调整
每一个动画都能够在时间轴面板上调节。Sketch升到版本49.3的朋友,时间轴面板暂时无法被呼出,只等作者修复了。
第3步,预览
第四步,导出
Diya的导出功能很贴心,会针对原型面相的对象「老板」和「开发」生成两个文件:
1. 一份普通的原型文件,老板有个浏览器就能够浏览;
2. 一份带动效注释的原型文件,开发可参考上面的参数进行效果还原。
功能特色
运动曲线
若对动效的要求较高,嫌弃默认值的话可自行调节动效参数
形变动画
可比照 Keynote的「神奇移动」来理解这个功能
路径动画
这是一个很有意思的小技巧,大家可看官方教程,说的非常清楚
动画复用
就像Sketch的精华Symbol,用Diya制作的交互动画同样能够复用