两分钟熟悉一款把 Sketch 变成 Principle 的插件：Diya - 网页设想 - taishanly.com

徐小马：跟着 Sketch 在版本49中增添了 Prototyping 功效，试图给 Sketch 装置「原型」义肢的插件也愈来愈多。头几天发明一款成心思的插件 Diya，装置后的 Sketch 神似 Principle。插件的 slogan 是「Bring your ideas to life」，为你的设想一语道破。

一、阅读筹办和焦点流程

• 插件官网：Diya – Timeline animation directly in Sketch
• 相干阅读：Introducing Diya | Diya Tutorials

上手很简略，走完焦点流程大要能够分四步。

第一步：连线

和 Prototype 功效不异的连线体例，从 Layer 到 Artboard。固然，今朝见过一切具有原型能力的插件都是这么操纵的。

第二步：调剂

每一个动画都能够在时候轴面板上调理。Sketch 升到版本49.3的同窗，时候轴面板临时没法被呼出，等作者修复吧。

第三步：预览

第四步：导出

Diya 的导出功效很知心，会针对原型面向的工具「老板」和「开辟」天生两个文件：

• 一份通俗的原型文件，老板有个阅读器就能够阅读；
• 一份动员效正文的原型文件，开辟能够参考下面的参数停止成果复原。

固然我没当过「老板」和「开辟」，可是这个细节裸露了 Diya 的作者是办事设想身世，具有前端开辟能力的全链路设想师。

疾速上手后，另有这些功效能够玩一下。

二、其余功效

1. 活动曲线

若是对动效的请求很高，厌弃默许值的同窗能够本身调理动效参数。

2. 形变化画

能够对比 Keynote 的「奇异挪动」来懂得这个功效。

3. 途径动画

这是个很是风趣的小技能，能够看一下官方教程，讲的很清晰。

4. 动画复用

正如 Sketch 的精髓 Symbol，用 Diya 建造的交互动画一样能够复用。

文章总结

若何看 Diya 都比 anima 家每一年 $79 的 Sketch 插件 Timeline 靠谱多了，没关系来试一下这个 Diya 插件。

本文来自知乎专栏「非科班设想」，作者徐小马。

「Sketch中的壮大插件」

• 《用了这9个最壮大的Sketch插件，任务效力进步了一倍！》
• 《蚂蚁金服推出超好用的Sketch 插件「Kitchen」》
• 《进步相同效力！帮设想师记实点窜地位的Sketch插件PinLog》

================明星栏目保举================

优优教程网： taishanly.com 是巅云旗下优良中文教程网站，分享了大批PS、AE、AI、C4D等中文教程，为零根本设想喜好者也筹办了知心的常识树专栏。开启收费自学新篇章，根据咱们的专栏一步步进修，必然能够敏捷上手并建造出酷炫的视觉成果。

设想导航：国际人气最高的设想网址导航，设想师必备： http://www.taishanly.com/