ProtoPie AI 已上线——现已进入 Beta 版。了解更多

ProtoPie AI 已上线——现已进入 Beta 版。了解更多

发布

4

阅读时间

ProtoPie 有什么新功能?使用智能跳转自动制作过渡动画

隆重推出 Smart Jump,这是 Jump 响应的一种全新过渡方式,可为您自动添加过渡动画。

帕特里夏·弗朗西斯科维奇, 客户成功经理
How Design Agencies Create Realistic Prototypes Under Deadlines

就像 Google 是你进行任何在线搜索时最好的朋友一样,ProtoPie旨在成为你的首选原型工具,用于为你的高保真原型打造逼真的交互。不过,这一专长最终也有点像一把双刃剑。一方面,ProtoPie 让你能够创建具有页面内真实微交互的前沿高保真原型。另一方面,在不使用额外响应的情况下,在场景之间制作自定义过渡并不总是那么直观。


smart jump is here

正如你们中的一些人在ProtoPie 社区以及其中一个获赞最多的功能请求中指出的那样,在 ProtoPie 中创建简单的场景过渡所花费的时间比应有的更多。

ProtoPie 6.1 标志着这一切麻烦的终结。借助 Smart Jump,在场景之间创建自定义过渡变得毫不费力。这还不是全部——你还可以将 Figma 中帧之间的交互导入到 ProtoPie,作为 Jump 响应

Smart Jump 到底是什么?

Smart Jump 是 Jump 响应中的一种新过渡类型。它允许你通过自动为匹配对象添加动画来快速创建场景过渡。


what is smart jump

你可以使用 Smart Jump 轻松创建如下交互:

  • 展开式覆盖层

  • 骨架加载器

  • 下拉刷新

  • 长按菜单

……以及更多!

了解具体方法。

进一步了解 Jump 响应。

Smart Jump 是如何工作的?

就像 Figma 中的 Smart Animate 一样,Smart Jump 会识别场景间匹配图层的差异,并自动为其添加动画。

这些差异可能包括以下属性的变化:

  • 位置

  • 大小

  • 旋转

  • 不透明度

  • 圆角半径

  • 填充

  • 边框

  • 阴影

  • 滚动

ProtoPie 会根据两个场景中图层的名称和 图层层级 关系来判断哪些图层彼此匹配。

例如,你在场景 A 中有一个图标,在场景 B 中也有同一个图标但位置不同。当你使用带有 Smart 过渡的 Jump 响应从场景 A 跳转到场景 B 时,这个图标会在跳转时自动产生动画。


scenes transition

在 ProtoPie 6.1 之前,你需要在其中一个场景或两个场景中添加额外响应才能实现同样的结果。现在,你只需要一个 Jump 响应,它就会为你完成所有繁重工作。你还可以调整时长、缓动和延迟,以实现你设想的任何自定义效果。


easing

将你的 Figma 交互导入为 Jump 响应

把 Figma 作为点击穿透式原型的起点?在 ProtoPie 中从你停下的地方继续,并将点击穿透式原型升级为高保真原型。

ProtoPie 会在导入时,自动将 Figma 中帧之间的交互转换为 Jump 响应。如果你的帧包含任何 Smart Animate 过渡,ProtoPie 会将其无缝导入为带有 Smart 过渡的 Jump 响应。

这意味着在添加更复杂的交互之前,你不再需要在 ProtoPie 中重新创建场景间过渡。我们会为你处理好这些,这样你就可以专注于 ProtoPie 最擅长的事——高保真原型设计。


Import from Figma

了解使用 Smart Jump 和 ProtoPie 其他高级功能还能实现什么。

刚接触 ProtoPie?

ProtoPie 是设计师最易上手的高保真原型工具。将 UI/UX 设计想法转化为适用于移动端、桌面端和网页端,甚至 IoT 的高保真原型。无需编写代码,也无需工程师协助,即可通过创建非常逼真、接近生产效果的原型来探索、验证和测试交互设计想法。

[免费试用 ProtoPie]