![sketch时间线原型动画插件Diya](https://font2020.oss-cn-beijing.aliyuncs.com/dce589e55b9c5796c439578af0f786811419.png)
行业类别 | 格式 | 大小 |
---|---|---|
Mac图形图像 | dmg | 913KB |
描述
Diya插件是一款可以将你的sketch变成Principle的插件,大家在安装这款插件后你的sketch将跟Principle非常相似。这是一款更易用强大的时间线原型动画工具,推荐有需要的用户下载使用。
使用步骤:
第一步,连线
和 Prototype 功能相同的连线方式,从 Layer 到 Artboard。当然,目前见过所有具备原型能力的插件都是这么操作的。
第二步,调整
每个动画都可以在时间轴面板上调节。Sketch 升到版本49.3的同学,时间轴面板暂时无法被呼出,等作者修复吧。。。
第三步,预览
第四步,导出
Diya 的导出功能很贴心,会针对原型面相的对象「老板」和「开发」生成两个文件:
1. 一份普通的原型文件,老板有个浏览器就可以浏览;
2. 一份带动效注释的原型文件,开发可以参考上面的参数进行效果还原。
虽然我没当过「老板」和「开发」,但是这个细节暴露了 Diya 的作者是服务设计出身,具备前端开发能力的全链路设计师。
其他功能:
运动曲线
如果对动效的要求很高,嫌弃默认值的同学可以自己调节动效参数。
形变动画
可以比照 Keynote 的「神奇移动」来理解这个功能。
路径动画
这是个非常有趣的小技巧,可以看一下官方教程,讲的很清楚。
动画复用
正如 Sketch 的精华 Symbol,用 Diya 制作的交互动画同样可以复用。
文件信息
更新时间:2024-09-07
更新时间:2022-03-27
大小:913KB
版本:v29 官方最新版
类型:Mac图形图像
平台:Mac
预览效果
![](https://system-daogeziyuan-1251174242.cos.ap-nanjing.myqcloud.com/type_soft/mactuxingtuxiang/2018090911220749187.gif)