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

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

发布

5

阅读时间

ProtoPie的新功能?ProtoPie Connect 中的网页嵌入和摄像头画面

隆重推出 Stage Views:在这里,ProtoPie 原型可与网页内容、实时摄像头画面等自定义图层无缝集成。

尤利娅·索罗多克, ProtoPie 的产品营销经理

在 ProtoPie Connect 2.7.0 中,我们非常高兴地宣布可以将 ProtoPie 原型与自定义图层(如网页内容和实时摄像头画面)集成。让我们来探索如何利用这些功能打造沉浸式用户体验。

通过网页嵌入内容增强真实感与交互性

借助全新的网页嵌入图层,将任意网页内容无缝整合到你的设计中,提升你的 ProtoPie 原型表现。这非常适合在设计中添加来自 Spline、Rive 或 Bezi 等平台的交互式 3D 对象。

视频

为了演示使用此功能有多简单,我们来看看如何将来自 Spline 的 3D 汽车 iframe 嵌入到 ProtoPie 原型中,如上图所示。

  1. 在 Spline 中打开你的 3D 设计并导出。

  2. 从“Public URL”部分复制嵌入代码。

  3. 在 ProtoPie Connect 的 Stage 中,添加一个“Web embed”图层。

  4. 将嵌入代码粘贴到 Web embed 属性面板中的 URL 字段。

借助这一新功能,你还可以嵌入来自 Mapbox 或 Google 的交互式地图,为设计增加更多层次和语境。

视频

而且可能性不止于此。你不仅可以导入 3D 对象和地图,还可以通过 URL 或 iframe 代码片段整合任意网页内容。

这意味着你可以嵌入可在浏览器中运行并具有 URL 的代码原型,并与 ProtoPie 配合使用。对于在原型制作中需要使用编码的高级用户来说,这一功能尤其有益。此外,如果你正在与拥有现成代码原型的团队协作,这一功能将使在 ProtoPie 环境中的集成与交互更加顺畅。

探索升级的摄像头画面体验


add camera feeds and live streaming URLs to your prototypes


*轻松将摄像头画面和实时流 URL 添加到你的原型中,以获得实时视觉上下文。*

轻松将摄像头画面和实时流 URL(HLS)添加到你的原型中,以获得实时视觉上下文。通过 Live camera 图层集成摄像头画面可用于以下实际场景:

  • 互动游戏:设计利用摄像头画面的互动游戏,以实现基于手势的控制,或将玩家周围环境融入游戏玩法。

  • 活动直播:为活动直播平台制作应用原型,使用户能够查看并与活动的实时摄像头画面互动。

  • 增强现实(AR)体验:利用摄像头画面将数字内容叠加到现实环境中,打造沉浸式 AR 体验。

  • 汽车行业:实现用于车辆泊车辅助、安全辅助及其他应用的摄像头画面。

  • 机器人行业:将摄像头画面集成到机器人系统中,以增强感知与交互能力。

  • 医疗科技行业:将摄像头画面用于手术机器人和医学成像系统等应用,提升医疗场景中的精度与效率。

视频

发现 Stage View,提升原型制作体验

想象一下,将你的 Stage 视为一块画布,ProtoPie 原型可与网页嵌入、3D 模型和摄像头画面等自定义图层无缝融合,全面提升你的原型制作体验。

添加并配置图层后,你可以通过拖放在 Stage 中轻松重新排列它们。准备就绪后,点击 View 预览你的 Stage。

探索 Stage View 的可能性:

  • 非常适合实现如 GNB 这样的全局组件;

  • 无缝集成背景音乐文件以实现持续播放;

  • 将复杂用户界面的不同部分分配给不同原型,并在 Stage View 上合并它们,而不是把所有内容都放在一个原型中完成。

视频

将你的创造力提升到新高度

借助 ProtoPie Connect 2.7,你可以将创造力提升到新的高度。Web embed 图层、Live camera 图层和 Stage View 打开了无限可能。这些功能让你离愿景更近一步,帮助你打造真正令人难忘的用户体验。