零基础如何轻松制作高保真原型?我不允许还有人不知道这款神器! 收藏
工欲善其事,必先利其器。对设计师而言,一款优秀的软件不仅能提高设计师的工作效率,也会帮助设计师快速呈现自己的想法,发挥创造力,而不是让灵感囿于复杂的工具无法施展。
因此每年我都会关心设计软件的趋势,而在各大设计软件的趋势报告中,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种服务器版本:
本地服务器:安装到公司自家服务器,即使是ProtoPie 内部人员都无法访问,安全度最高,适合中大团队。 私有云:AWS(亚马逊云服务)上为客户独立划分出来的空间,也可保证信息的安全。安装流程简洁快速,适合小团队。 对于对保密性要求极高的车企以及各个B端企业,这个服务应该是雪中送炭了。
结语 絮絮叨叨说了很多,但依然无法完整覆盖到这款交互原型神器的许多实用功能,它究竟有多强大,还得大家自己探索。但我敢打包票,这是一款你用了就回不去的软件。
ProtoPie 官网 ? https://www.protopie.cn/
有任何软件的使用问题也可以添加官方的中国区经理咨询: