ProtoPie：无需编程基础 专为设计师打造的原型设计工具

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

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

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

缺少本土化：一些专业工具不支持中文，缺少中文教程，甚至没有中文。

交互效果差：交互效果的制作在不同工具里各有不同，要么能制作的效果十分有限，要么需要学习代码来制作页面内的微交互。

平台支持少：一些专业级工具只提供单平台客户端，对于其他平台的用户十分不友好。

……

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

低学习成本的专业级工具

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

在本土化方面，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 内的播放将新的原型传输到你的手机上。

在线预览

无需插件的多格式支持

在原型设计中，我们免不了会从网上下载一些素材，这些素材却大多是为 Sketch、Adobe XD 所提供的。面对海量优质素材，以往我们的选择基本都是通过安装插件、转换格式等方法，让自己所使用的应用可以打开这些素材。

在 ProtoPie 中，这样的问题将不复存在。ProtoPie 可以在不安装任何插件的情况下，原生支持导入 Sketch、Adobe XD 的素材。

写在后面

ProtoPie 的使用场景非常*。无论是制作原型来实现自己的想法，还是在产品的开发过程中进行用户调研、团队沟通，甚至是完成一套 App 作为毕业设计，ProtoPie 都可以为你做到。

类似 ProtoPie 的设计工具并不少见，但独有的跨设备交互功能让它得以在同类产品中站稳脚跟。虽然它仍处于起步阶段，但我们可以期待这款工具未来的发展，或许它会成为设计师的下一个囊中必备。