Diya

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

安装

  1. 下载并解压 Diya.zip
  2. 双击 Diya.sketchplugin 完成安装

使用

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

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

连接屏幕及预览动画

自定义时间轴

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

拼合组

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

动画 Symbol

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

加载动画

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

形变动画

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

路径动画

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

滚动

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

导出

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

基本信息

  • 收录版本 29
  • 更新时间 5年前
  • 更新日志 适配 Sketch 50.x