惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
月光博客
月光博客
T
Tailwind CSS Blog
阮一峰的网络日志
阮一峰的网络日志
小众软件
小众软件
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
罗磊的独立博客
Jina AI
Jina AI
酷 壳 – CoolShell
酷 壳 – CoolShell
宝玉的分享
宝玉的分享
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 三生石上(FineUI控件)
量子位
雷峰网
雷峰网
Apple Machine Learning Research
Apple Machine Learning Research
美团技术团队
博客园 - 聂微东
V
V2EX

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
无需编程基础,专为设计师打造的原型设计工具:ProtoPie - 少...
2018-11-12 · via 少数派

在设计流程中,原型设计是可以让我们更加清晰地阐述产品的体验,明确产品交互逻辑的一个重要方式。在团队协作中,原型设计也比设计稿更为直观。因此,无论你是交互设计师,还是 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 现已正式上架少数派正版软件商城,中国版一年订阅仅需 288 元。

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

macOS / Windows

少数派正版软件

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