Diya

更易用强大的时间线原型动画工具

安装

• 下载并解压 Diya.zip

• 双击 Diya.sketchplugin 完成安装

使用

工具栏默认显示（时间线面板需要在编辑状态下才显示），快捷按钮分别为连接器、重建动画、预览、分享以及上传至 Diya Cloud，分别对应 Plugins > Diya > * 命令

其中使用快捷键 command ⌘ + shift ⇧ + D 可快速切换连接器显示状态，执行 Show/Hide UI 可显示 / 隐藏整个工具栏、Copy Prototype JSON 可拷贝原型 JSON

连接屏幕及预览动画

自定义时间轴

时间线打开及自定义转换并使用曲线编辑器修改缓动方法

拼合组

出于性能方面的考虑，Diya 默认会拼合组。看看到如何关闭此功能，以便可单独为子图层制作动画

动画 Symbol

只需构建一次动画即可原型中重复使用它们

加载动画

现支持加载动画，当屏幕加载时会自动触发时间线。这非常适合动画加载器等 UI 组件，无需用户交互

形变动画

直接创造复杂形状之间的形变动画，无需在矩形和圆圈之间进行动画制作

路径动画

创建酷炫基于线条和路径的动画

滚动

设置滚动区域，选择滚动内容和滚动方向

导出

Diya 导出为 HTML，可轻松地与相关者分享动画原型。他们所需的只是一个网络浏览器，没什么可下载的，没有安装