文章目录[隐藏]

在设计流程中，原型设计是可以让我们更加清晰地阐述产品的体验，明确产品交互逻辑的一个重要方式。在团队协作中，原型设计也比设计稿更为直观。因此，无论你是交互设计师，还是 UI 设计师，都躲不开制作产品原型的需求。

在选择原型设计工具时，经验丰富的设计师往往都会想到 Axure、Sketch、Adobe XD 等知名工具。尽管这些工具足够强大，在专业领域也是难以替代的选择。但对于初学者来说，这些专业工具无疑给他们带来了较高的学习成本。

除此之外，这些专业工具也多少有一些不尽人意的地方，尽管你是专业工作者，也会对其感到繁琐：

今天要介绍的 ProtoPie，则是一款易上手、全平台的高保真原型设计工具。

低学习成本的专业级工具

无论是懵懂无知的初学者，还是经验丰富的从业者，对于我们来说，要接触一款新应用，首先要考虑的就是学习成本。现有的专业级工具，大多是英文界面，且官方文档也多由英文所撰写，不提供中文版。即使专业人员们能读懂，但理解起来定是不如母语来得轻松。至于那些初学者，面对满屏幕的英文单词，更是在无形之中被其劝退。

在本土化方面，ProtoPie 不但做到了中文界面，更是提供了中文官网及官方中文教程。无论你是初学者，还是想要更换工具的从业者，都可以在极短的时间内上手 ProtoPie。

官方中文教程

清晰的交互制作逻辑

在原型设计的过程中，可不是做几个简单的页面就完事了。我们需要通过制作交互，让不同的页面，甚至是一个页面内的不同元素，对用户的操作做出反应。

ProtoPie 不但拥有清晰直接的交互制作逻辑，更是能在「零代码」的情况下，制作许多复杂、炫酷的交互。

在 ProtoPie 中制作一个交互动作，就像在捷径应用中制作一套简单的捷径一样轻松。我们只需要添加触发，选择对象，再添加一个反应动作即可完成一个交互动作。你不但可以让元素对屏幕的点击进行响应，更是可以对移动设备的各种传感器，甚至是 iPhone 的 3D touch 做出响应。

轻松完成交互制作

与捷径一样，尽管 ProtoPie 采用了「零代码」的设计，但我们依然可以使用 if…else 判断语句来构成复杂的交互逻辑。配合特殊的「发送/接收」动作，我们可以在多个设备之间实现信息联动，同时在收到指定数据时，触发特殊的画面效果。

跨设备触发动画

正因为 ProtoPie 的交互制作逻辑清晰直接，且学习成本低，它几乎能满足你所有天马行空的想象，开发出很难在应用商店里见到的玩法。我们不妨期待未来 ProtoPie 建成了社区生态时，会涌现出各种让人意想不到的新奇玩法。

ProtoPie 被分为了两个部分，Windows、macOS 上的 ProtoPie Studio 用于制作原型，iOS、Android 上的 ProtoPie Player 用于演示原型。我们可以用不同的方法将 Studio 里的原型文件传输至 Player 中进行播放演示：

有线连接：通过 USB 将移动设备连接至电脑。需要注意的是，连接 iOS 设备需要电脑已安装 iTunes，Android 设备则需要在开发者选项中启用 USB 调试。
无线连接：当移动设备与电脑同处一个局域网环境时，可以通过扫描二维码、输入 IP 地址的方式进行设备的连接。
云端预览：我们可以将原型上传至云端，在移动设备上通过分享链接进行预览。同时，链接也可以发给他人进行预览。

经过尝试，三种连接方式的预览都需要在移动设备上安装 ProtoPie Player。在桌面端则可以通过云端预览在浏览器在线预览。无论哪种连接方式，预览体验都非常流畅。

在 Player 中，你可以通过双指双击屏幕呼出菜单，将当前原型保存至手机。但在 Studio 对原型进行修改后，你需要手动点击 Studio 内的「播放」将新的原型传输到你的手机上。