在设计流程中,原型设计是可以让我们更加清晰地阐述产品的体验,明确产品交互逻辑的一个重要方式。在团队协作中,原型设计也比设计稿更为直观。因此,无论你是交互设计师,还是 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 的设计工具并不少见,但独有的跨设备交互功能让它得以在同类产品中站稳脚跟。虽然它仍处于起步阶段,但我们可以期待这款工具未来的发展,或许它会成为设计师的下一个「囊中必备」。

你可以在 官网 下载试用版或购买 ProtoPie Studio(原价 $99,官网正在半价促销。一次购买可终身使用,并可在购买后一年内获得所有版本更新),支持 Windows 及 macOS 双平台。


在少数派正版软件以特约优惠价购买 ProtoPie

ProtoPie 现已正式上架少数派正版软件商城,中国版一年订阅仅需 288 元。

ProtoPie -  极易上手的无代码原型工具

macOS / Windows

少数派正版软件


> 获取特惠、正版、高品质软件,尽在 少数派数字商城·正版软件 🎉