Sketch 在版本49中增加了 Prototyping 功能，试图给 Sketch 安装「原型」类型的插件也越来越多。有一款插件 Diya，安装后的 Sketch 神似 Principle。Diya插件的 slogan 是「Bring your ideas to life」，这句话的意思是：为你的设计画龙点睛。
插件官网：Diya – Timeline animation directly in Sketch
相关阅读：Introducing Diya | Diya Tutorials
其他插件：CRAFT | Sketch Material | WeSketch | Runner
需要大家花几分钟学会以下4个步骤就可以实现Sketch 到Principle的变形。
第一步，连线
和 Prototype 功能相同的连线方式，从 Layer 到 Artboard。当然，目前见过所有具备原型能力的插件都是这么操作的。
第二步，调整
每个动画都可以在时间轴面板上调节。Sketch 升到版本49.3的同学，时间轴面板暂时无法被呼出，等作者修复吧。。。
第三步，预览
第四步，导出
Diya 的导出功能很贴心，会针对原型面相的对象「老板」和「开发」生成两个文件：
1. 一份普通的原型文件，老板有个浏览器就可以浏览;
2. 一份带动效注释的原型文件，开发可以参考上面的参数进行效果还原。
虽然我没当过「老板」和「开发」，但是这个细节暴露了 Diya 的作者是服务设计出身，具备前端开发能力的全链路设计师。
快速上手后，还有这些功能可以玩一下。
运动曲线
如果对动效的要求很高，嫌弃默认值的同学可以自己调节动效参数。
形变动画
可以比照 Keynote 的「神奇移动」来理解这个功能。
路径动画
这是个非常有趣的小技巧，可以看一下官方教程，讲的很清楚。
动画复用
正如 Sketch 的精华 Symbol，用 Diya 制作的交互动画同样可以复用。
>>本文地址：http://www.seyoho.com/zhuanye/2021/70694.html
声明:本站稿件版权均属中公教育优就业所有，未经许可不得擅自转载。
1 您的年龄
2 您的学历
3 您更想做哪个方向的工作？
大前端
大数据
互联网营销
Java
Linux
Python
嵌入式
全域电商运营
软件测试
室内设计
平面设计
电商设计
网页设计
UI设计
VR/AR
网络安全
新媒体
直播带货
智能机器人中公教育是大型的多品类职业教育机构，提供超过100个品类的综合职业就业培训服务。公司在全国超过1000个直营网点展开经营，深度覆盖300多个地级市。
优就业是中公教育IT培训品牌，致力于培养面向互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集Java、Web前端、UI设计等十余类课程为一体的IT培训机构。
中公教育20年培训经验积淀值得信赖
开设有1113家直营分部和学习中心
培训学员超过308万人次
与全国10000余加企业达成就业合作
中公教育IT培训品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP备10218183号-88
京ICP证161188号
京公网安备11010802020723号
投诉建议：400-650-7353
Java培训
软件测试培训
Web培训
Linux培训
Python培训
互联网营销培训
UI培训
大数据培训
官方公众号 回复"大礼包"享福利 
领学习资料 分享IT知识 
阅读()
分享
手机端入口
