安装

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,可轻松地与相关者分享动画原型。他们所需的只是一个网络浏览器,没什么可下载的,没有安装

 

发表评论

邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源