零基础如何轻松制作高保真原型？我不允许还有人不知道这款神器！ - 优设网 - 学设计上...

零基础如何轻松制作高保真原型？我不允许还有人不知道这款神器！ - 优设网 - 学设计上优设

工欲善其事，必先利其器。对设计师而言，一款优秀的软件不仅能提高设计师的工作效率，也会帮助设计师快速呈现自己的想法，发挥创造力，而不是让灵感囿于复杂的工具无法施展。

因此每年我都会关心设计软件的趋势，而在各大设计软件的趋势报告中，UXtools 以其样本量大（从全世界设计师用户中做调研）成为我的首选参考。

就在UXtools发布不久的这份全新设计工具报告中，我意外地发现了一匹黑马，看到排名时着实让我心里诧异：

原型设计软件对比中，评分最高的竟然是一款名为ProtoPie 的软件。

而在高级原型软件的统计中，ProtoPie 更是一骑绝尘，成为设计高保真原型的必选项。

这款原型设计软件究竟有何亮点？凭什么成为高保真原型设计的龙头软件？在我深度体验后，我不得不说，它配得上这份荣誉。

Protopie 官网 👉 https://www.protopie.cn/

下面来详细聊聊它的亮点。

1. 无需代码基础，像搭积木一样轻松上手

这是我打开ProtoPie 官网的第一个想法，与别的网站不同，首屏没有大篇幅的堆叠亮点，只有一个有趣的互动：30秒制作地图缩放原型。

5个步骤，你就能轻松制作出一个地图缩放的原型。这无比丝滑的体验和小朋友都能学会的操作，以及最后出现的酷炫原型，甚至让我有点恍惚，这是玩游戏还是做原型？

而这，也是ProtoPie 引以为豪的独家概念模型：交互=对象+触发动作+反应动作。

顾名思义，任何复杂的交互都可以拆分成这3步，为了实现这个功能，ProtoPie 还创造了其独有的「交互周期表」，表格由触发动作和反应动作组成，制作原型时只需将两者搭配使用，就可以轻松创造任意形式的交互。

这难度和搭积木一比，似乎还更加简单？

2. 教程全面，服务贴心

尽管操作已经简单到极致了，ProtoPie还是担心设计师上手不够快，为此编撰了一个详细的用户使用手册。

B站也有ProtoPie的中文教程（101系列中文课程），总之对设计师而言，你完全不用担心高保真原型的制作难度，它远比你想象的还要简单。

除了基础教程，我发现ProtoPie 也会经常做线上的工作坊（https://space.bilibili.com/602451792），从入门教程到进阶的交互逻辑和真实案例讲解应有尽有，合计40多篇视频教程，针对企业端用户还配备了专属的定制培训和服务经理。对个人用户体验友好，对企业用户服务升级，这大概就是它口碑天花板的原因。

3. 独家功能：支持软硬件交互

如果说3步做原型是ProtoPie的独家特色，那多硬件平台的高保真原型制作，就是它的大杀器了，对比其他原型软件，堪称降维打击。

原谅我直接复制官网的一句话：不要让硬件限制了你的设计。

这句话给我的震惊程度，不亚于“别让显卡限制了你的渲染速度”。是什么样的功能，才会让它有勇气说出这句话？

然后我就看到了演示案例，是的，ProtoPie 丝毫没夸大。

ProtoPie 不仅可以让汽车设计师的想法在短时间内带入真实场景，甚至可以将物理的按钮与屏幕的数据联系起来：

针对车载交互，它还能直接通过汽车的OBD端口收集数据，将车载交互中的实际数据运用到原型制作中，还可以创建车载语音交互原型，让设计师拥有沉浸式的体验。

这两年新能源汽车和国产汽车急速兴起，HMI设计也逐渐成为大家关注学习的内容，这样一个汽车交互原型神器，相信未来会成为各大汽车厂家的标配。（虽然现在已经是宝马、奥迪等大厂的御用原型制作工具了）

除了车载交互，ProtoPie 在智能手表、游戏交互、智能电视等硬件，也做了专门的优化，用一句话概括就是：别让你的原型，只停留在脑海里。

手表交互原型

游戏交互原型

智能电视交互原型

看完上面这些令人瞠目结舌的演示案例，别惊讶，接下来要聊的，正是这些案例涉及到的，ProtoPie 独家的核心技术。

4. 能创建音交互原型，还支持手势/眼动跟踪

在上面的案例里，你可以看到汽车的跨屏幕交互、汽车油门与显示数值变化的软硬件交互，但ProtoPie 的技术远不止于此，你还可以创建语音交互原型（支持52种语言包括中文），甚至你还可以借助Socket.IO和ProtoPie Connect，让手势/头部识别和眼动跟踪从想象变成现实。

别忘了，所有这些看起来极其酷炫的交互原型，都不需要设计师掌握任何编程基础就可以完成。

除了强大的高保真原型制作功能，ProtoPie 在提高设计师效率的细节体验上也可圈可点。

5. 轻松预览，自动生成交互开发文档功能

除了支持双系统（Win＆Mac），ProtoPie还支持Figma、Sketch和Adobe XD等平台导入，只需安装插件即可。预览原型也非常方便，通过ProtoPie Playe 就可以轻松预览。

但真正值得拎出来讲的，还是它贴心的自动生成交互开发文档功能，设计师录制好交互部分给到开发小哥，工程师可以通过开发文档直观查看交互动作的数值（如持续时长、延迟、运动方式等）和图层信息。

案例演示 👉 https://cloud.protopie.io/p/f53cf5733b/r/c4121801

团队交互组件库也是ProtoPie 为了提高团队协作效率特意开发的功能，设计师不仅可以创建个人组件库和团队组件库，也可以直接参考公共组件库（Material Design和iOS组件库等）。团队组件库可以邀请多人共同编辑，Sketch 热门的编组功能也有，批量修改极其方便。

由于ProtoPie 已经和全世界许多大公司（Meta、Google、微软等）有深度合作，所以在企业端，他们也下足了功夫，除了开头提到的定制培训，针对企业的安全性需求，他们也提供了2种服务器版本：

1. 本地服务器：安装到公司自家服务器，即使是ProtoPie 内部人员都无法访问，安全度最高，适合中大团队。
2. 私有云：AWS（亚马逊云服务）上为客户独立划分出来的空间，也可保证信息的安全。安装流程简洁快速，适合小团队。

对于对保密性要求极高的车企以及各个B端企业，这个服务应该是雪中送炭了。

絮絮叨叨说了很多，但依然无法完整覆盖到这款交互原型神器的许多实用功能，它究竟有多强大，还得大家自己探索。但我敢打包票，这是一款你用了就回不去的软件。

ProtoPie 官网 👉 https://www.protopie.cn/

有任何软件的使用问题也可以添加官方的中国区经理咨询：