隆重推出 Vectary Canvas,一个用于 AI 加速创意构思的新空间。 → Canvas

为你配置器项目中的热点替代方案准备的 5 个技巧

如何创建数字孪生体验。

为交互式 3D 项目设计 UI 是整体体验的关键要素。UI 是引发用户好奇心的视觉反馈。它在展示交互元素的同时引导用户体验。这让我们离实现数字孪生的全部优势又近了一步。

然而,如果用户没有意识到项目的某些部分在点击时是可以交互的,那么出色的 3D 设计也可能会失去意义。用户需要引导,设计师有责任从概念阶段就考虑好 UI/UX 解决方案。

热点——交互式 3D 的首选

热点通常被设计师用作 3D 空间中的导航指南,可以表现为圆点或其他指示点击位置的图形元素。在 Vectary 中,热点可以使用 Lottie 文件或 GIF 进行动画处理,并且可以触发交互、动画、标注、声音或悬浮 UI。即使你放大或缩小对象,热点的大小和位置也保持不变。

热点的优势在于它们能立即提示这是一个交互元素。然而,缺点是它们有时会让体验显得过于拥挤。

在这方面,探索热点之外的其他交互式用户界面可能性非常重要。以下是一些效果可能更好、或可与热点协同使用的替代方案。

1. 高亮

高亮是吸引用户关注项目特定部分的绝佳功能。它们通常在鼠标悬停时出现,但在某些情况下,也可以通过动画来提示点击。在 Vectary 中,你可以选择高亮整个部分,或者使用更细腻的描边版本。 发挥创意,将悬停高亮功能与说明交互内容的图形元素/指令结合起来。了解如何创建它们,请参阅我们的 文档.

2. 悬停动画

悬停动画(尤其是与高亮结合时)可以促使用户点击,而不会因为额外的图形元素破坏整体视觉设计。通过借鉴 game-related 原理,悬停动画可以引导用户与 3D 项目进行交互。这是一种保持用户兴趣的绝佳互动方式。

3. 任意 3D 对象

为什么要把自己局限于将 2D 对象用作热点?3D 空间中的 UI 难道不应该也是 3D 的吗?在 Vectary,我们相信应该通过让任意对象都可点击来开发 3D UI。无论是巨大的 3D 箭头还是带有指示牌的桌子,都可以让 UI 成为场景的一部分。额外的好处是,3D UI 的比例会与对象完全契合。

4. 背景 UI

通过在点击或悬停于背景上时显示或隐藏 UI,从而让对象保持为场景的焦点。

5. 初始引导

在 3D 查看器诞生之初,曾有图形动画提示引导用户旋转模型。即使是现在,你也可以在用户与模型互动之前,提示他们存在交互元素。

彩蛋:声音导航

Vectary 还支持音频,允许你创建在点击、悬停或项目加载后立即播放的语音指南。只需通过图标或文本提示用户开启声音即可。欲了解更多信息,请参阅我们的 文档。

虽然热点是交互式设计中极具价值的指路明灯,但尝试不同的互动触发方式无疑能提升整体体验。在尝试其他直观的 UX 技术时,找到平衡点以确保用户能够轻松导航并与设计进行交互,这一点始终非常重要。

Vectary Studio 功能让设计师无需任何代码或额外应用,即可构思并执行交互式设计。

解锁所有交互功能
注册