最近刚刚开始接触Protopie，看到Dibbble上在4月份突然多了很多Protopie的作品，且可以看到Protopie作为一个Team出现在dribbble上。有些是能看到创作者写着 练习或者测试。

基于大环境+windows系统下的交互需求，我开始研究Protopie，试用期过了进行了付费，表示这个99刀的价格还是有些贵了，毕竟功能其实并不匹配它的价格。为什么我会这样测评？说说几个非常不舒服的点吧。

1、相对于Principle来说，做同一个动画所耗费的时间更长

Principle：点击 带有 "+" 的 button，需要花瓣式的 弹出效果从左至右3个不同的菜单icon时，Principle只需要在第二页拖动那3个菜单icon，再以拖动的方式链接页面2和 +号页面1 即可，在转场过程中动画是根据使用者的行为自动生成的，且弹出时有弹性的物理运动。如图 Principle 1

Principle 1

Protopie：需要制作三个小菜单弹出移动情况，并输入准确的移动值。不能再原来的+ button上再次实施点击效果，软件无法判断其执行小菜单展开还是收起的动效，理论上可以通过转场的方式进行实现，但极其容易出错，之前做过一次有使用到转场那次效果是成功的，但是极其麻烦。这次效果并未成功，仅供参考。如Protopie 1 & Protopie 2

Protopie 1

Protopie 1

2、类似于PPT，却没有一些PPT的智能效果

在Protopie中，物体的移动有时需要输入准确的数据。

3、 绘图工具过于简陋，矩形和圆形没有描边选项

——

吐槽完了以上几点，我们正式开始说一下Protopie的这个联通，通过其官方的视频。官方视频在介绍联动的时候形容联动非常简单，并且不需要复杂操作，然而真的是这样吗？当联动只是发生在两个图层之间，不会出现繁琐的问题，但是若出现大量图层需要进行联动，或者两个图层本身具有多次联动状态，操作即会变得异常繁琐。若是大家感兴趣可以去：https://share.protopie.io/KSscfWj93up，这个地址下载研究Protopie的经典联动案例。

联动其实也不难理解。

简单来说，所谓的联动——有联系的运动，就是一个图层的变化引起另外一个图层的变化。

如官网说说，【对应范围1】 代表 图层1 x轴变化即会引起图层2的其他属性变化，而 图层2 的其他属性变化可以在 【对应范围2】中进行操作。

不管是【对应范围1】还是【对应范围2】，第一行的数据均代表 这2个图层的原始状态（x、y、大小、旋转角度、透明度等），第二行的数据则代表 这2个图层 变化后的状态。

我近期做的第一个Protopie的交互，就是 关于 左右滑动的 x 轴联动。当1个图层的变化，引起到多个图层的联动时，操作将会变得相对复杂。我很遗憾的是，Protopie没有批量操作及倒置回退的功能（PPT都有╭(╯^╰)╮）

我将主题，日期，耗费的资金，以及经典数打组为一个容器里，当这个容器内的内容x轴变动时，右侧的内容容器内的文案也会进行x轴的变化。当时是有7块内容相互对应，所以联动也将会有7块，做起来的时候非常复杂，挺考验计算能力= =呵呵哒。以至于我没有做更复杂的效果，例如将主题、日期、耗费资金拆分成不同的容器图层，把主题当做【对应范围1】的图层，而其他图层均作为【对应范围2】的图层，进行相应效果。

Protopie展示地址（联动）：

https://share.protopie.io/S1Eacw4jAQ5

或者长按识别上面的二维码

联动是Protopie里面的一个非常重要的功能，它能实现很多交互中的一些效果，我将在接下来的一些研究里进行联动的研究，提高交互的效率以及软件的熟悉度，多做一些效果尝试，最后感谢大家的观看。