摘要
Principle for Mac 在创建屏幕之间的动画和过渡方面是一个可靠的选择。
然而,它的主要缺点(除了仅面向 Mac 用户)是缺少支持高级交互和高保真原型的功能。
ProtoPie 远不止是一个简单的动效设计工具。在 ProtoPie 中,用户无需编写一行代码即可组合复杂交互并构建传感器辅助原型。
原型设计是产品开发和交互设计项目中的核心任务。市面上有如此多的快速原型工具,你可能不确定该使用哪一个。如果你正在寻找一篇“原型工具对比”文章,这篇 ProtoPie vs. Principle 的文章将帮助你了解它们之间的差异,并揭示哪一个才是最佳原型工具。敬请继续阅读。
在本文中,我们将探讨——
基于以下标准,它们在原型创建与原型测试方面有何不同——
让我们开始吧。
什么是 Principle?
Principle for Mac 是一款 UX 原型工具,帮助设计师为 Web、移动端和桌面端创建带动画和交互的用户界面。正如其名称所示,Principle 是为 Mac 操作系统定制设计的,并由 Core Animation 驱动。
Principle 并不提供一组针对特定用途的专门工具,而是提供通用功能,设计师和开发者可以将其组合,制作出各种动画与交互效果。
使用 Principle 的一些优势包括:
它专为动画原型和动态图形而设计。
它拥有用户友好的界面,学习曲线相对较低。
它提供了一款用于预览和测试的配套应用,名为 Principle Mirror。

Principle 界面。
什么是 ProtoPie?
ProtoPie 是最易用、完全无代码的原型工具,帮助设计团队及其公司为移动端、桌面端、Web、IoT 等场景创建高度交互、逼真的原型。ProtoPie 可运行于 macOS 和 Windows,而 ProtoPie Player 应用同时兼容 iOS 和 Android。
在 ProtoPie 中进行原型设计的一些关键优势包括:
ProtoPie 是一款支持 IoT 的工具,支持无缝跨平台与跨设备集成。
ProtoPie 允许你使用设备特定技术,通过 3D Touch 传感器、倾斜、接近和声音为原型注入更强能力。
ProtoPie 非常易于使用。点击并选择即可启用基于触发器与响应的交互。
ProtoPie Player 支持从任意设备即时部署原型,使该应用极其实用。
ProtoPie 同时兼容硬件与软件。

ProtoPie Studio 界面。
在 Principle for Mac 与 ProtoPie 中,交互是如何创建的?
在 ProtoPie 中,用户可以给对象添加触发器和响应来创建交互;而在 Principle 中,交互是通过将过渡箭头应用到画板或图层来创建的。在 Principle 的术语中,这些被称为事件。
Principle 支持几种事件类型,组合后可让用户设计动画与交互。其中一些事件包括——
悬停(外部 & 内部)
点击
滚动(开始、释放 & 结束)
拖动(开始 & 结束)
触摸(抬起 & 按下)
自动
此外,Principle 允许用户执行三种交互——
拖拽:按住图层并拖动以改变其位置。
滚动:按需移动整组图层或某个特定子图层。
分页:在主屏和图片轮播中上下翻页,便于阅读。

点击闪电图标,为矩形图层添加过渡箭头。
这看起来可能已经很多了,但 ProtoPie Studio 提供了更丰富的选项,允许用户设计令人惊艳的交互。使用 ProtoPie 做原型归结为一个简单的概念模型:将对象、触发器以及一个或多个响应组合起来,创建你能想象到的任何交互。

受元素周期表启发,ProtoPie 也有自己的版本,分为两组:触发器 & 响应。
点击此处了解更多触发器,并查看此文档页面了解 ProtoPie 中更多响应内容。
ProtoPie vs. Principle:ProtoPie 为什么更好?
现在我们已经了解了 Principle 和 ProtoPie 如何创建交互,让我们进一步看看这些原型工具彼此不同的细节,并更清楚地理解为什么 ProtoPie 更强大。
真实文本输入能力
用户在使用技术产品时,很多任务都涉及某种形式的文本输入——要么手动输入,要么使用语音识别。为了支持文本表单、搜索栏和登录等场景,你需要文本输入布局。遗憾的是,Principle 尚未提供这样的布局,而这一功能对品牌盈利能力又非常重要。
不过,ProtoPie 提供了文本输入布局。你只需在原型设计中添加一个输入图层即可完成。从输入布局的尺寸、位置到间距,都可以在 ProtoPie Studio 中调整。
更棒的是,ProtoPie 同时支持单行和多行文本输入。和往常一样,输入图层仍可与实体键盘或
在 iOS、iPadOS 和 Android 上配合使用。
查看下面的教程,了解如何在 ProtoPie 中使用输入图层功能。
利用智能设备内置功能为你的原型注入生命力
在这场原型工具对决中,ProtoPie 之所以更胜一筹,是因为它与 Principle 不同,能够无缝集成多种智能设备内置传感器,如摄像头、加速度计/陀螺仪、麦克风、指南针、接近传感器和 3D Touch。
让我们看看其中两个功能如何工作,即指南针和倾斜功能。
指南针
在 ProtoPie 中,指南针是一种状态:响应会基于设备所指方向运行。添加指南针触发器后,将其连接到旋转响应并输入数值,即可根据磁场方向生成旋转效果。
使用 ProtoPie 制作的手机指南针。
倾斜
ProtoPie 中 Tilt 触发器的官方定义是“响应会基于设备所处角度运行的一种状态”。换句话说,将 Tilt 触发器应用到图层后,响应将基于你的设备角度。

使用 ProtoPie 制作的全景相机原型。
交互录制:不止于交接
Principle 原型工具(6 及以上版本)允许用户通过 Web 分享其原型流程。然而,要将文档流程导出给他人,你需要拥有尚未过期或至少仍在免费试用期内的 Principle 许可证。若两者都不满足,你将无法使用文档导出功能。另外,即使你有有效许可证,也无法导出动画数值——这可能会给整个产品开发流程带来问题。
ProtoPie 则不同。在其 Team & Enterprise 方案中,ProtoPie 提供了名为 Interaction Recordings 的功能。它会实时记录并文档化创建原型时完成的每一次交互。Interaction Recording 提供每个交互精确规格的详细记录,以及原型图层属性的细节。
当你在产品开发中需要与多个团队及外部利益相关者协作时,这个功能非常有帮助。你可以轻松分享文档完善的原型方案,从而更快、更轻松地做出设计决策。
借助 Interaction Recordings,设计师可以——
清晰表达意图,避免误解;
为开发者提供他们真正需要的数值;
节省时间;

Interaction Recording 页面。
原型测试从未如此简单
原型设计完成后,就该进行跨设备原型预览和原型测试了。如果你想知道如何在手机或平板上测试原型,我们有答案。
Principle 提供了一款名为 Principle Mirror 的配套应用,可下载用于原型预览。该应用会同步你在 Principle 主工具中创建的所有内容。但如果你想在 Mac 以外的设备上预览原型,Principle Mirror 的问题就出现了:你需要用 USB 数据线把设备连接到电脑。Principle Mirror 目前还不支持直接跨设备兼容。不过,一旦通过 USB 连接后,与手机和平板同步的任何原型都可用于多次预览和测试。

Principle Mirror 与 ProtoPie Player 对比。
ProtoPie 提供了类似的配套应用,名为 ProtoPie Player。这款 ProtoPie 应用可让你将正在 ProtoPie Studio 中开发的设计实时同步到智能设备。与 Principle Mirror 不同,使用 ProtoPie Player,你只需扫描 ProtoPie Studio 中的二维码,即可轻松在 iOS、iPadOS 和 Android 上查看、体验和测试原型。你也可以使用 USB 数据线连接原型。
通过内置插件为你的工作流提速
虽然 Principle 和 ProtoPie 都支持第三方集成,但支持程度不同。Principle 仅支持从 Sketch 和 Figma 导入设计。而 ProtoPie 支持从 AdobeXD、Sketch 和 Figma 导入设计。此外,你还可以添加 Lottie 动画。

使用 ProtoPie Studio 的导入功能,从你中断的地方继续。
ProtoPie vs. Principle:结论如何?
理解 Principle 与 ProtoPie 的差异,有助于设计师在选择最佳高保真原型工具时缩小范围。在上面的比较中,种种迹象都表明,在这两者中 ProtoPie 明显是更好的原型工具,原因如下:
Principle 是一款优秀且易用的工具,但限制较多,而且高度偏向 iOS 生态。
由于触发器与响应可以进行无限组合,在 ProtoPie 中创建原型更容易。
有了 Interaction Recordings,ProtoPie 中的原型文档流程也更简单、更快捷、更顺畅。
虽然两款工具都提供强大的预览与测试配套应用,但 ProtoPie Player 在跨设备同步和使用上更容易。
传感器支持方面:ProtoPie 的亮点在于它能够在原型中控制智能设备传感器,如倾斜、声音、指南针、接近传感器和 3D Touch 传感器。
另一个加分点是,从 Principle(或任何其他原型工具)迁移到 ProtoPie 很容易。加入 ProtoPie 社区 ,你可以与其他 ProtoPie 用户互动,了解他们如何使用这款出色的原型工具。另外,如果你是原型设计新手,也可以从他们那里学到一些技巧,并在 ProtoPie 中亲自实践。





