2022 年 6 月 15 日

制作你自己的 3D 配置器

无需外包，即可自行打造交互式产品展示。

配置器是指包含一组交互式控制点的场景或对象，用户可以通过它们进行交互，并获取更多信息、选项和产品变体。

与产品配置器的交互可能会成为购买决策的决定性因素。它也是展示产品设计、推动业务转型的理想工具。它不仅信息丰富，而且完全以用户为中心。

现在，在 Vectary 中，你可以快速创建它们，并能直接将其嵌入到网页中。

你可以在 3D 配置器中设计什么？

你可以借助以下三种工具来创建 3D 配置器：悬浮 UI 与内容元素、热点以及对象切换器。这些都是可定制的交互式组件。

悬浮 UI

悬浮 UI 是配置器内容的容器。显示设置可以根据所要展示的内容进行自定义。 UI 内容元素 是悬浮 UI 中的区块，用于显示不同类型的数据：材质、颜色、对象列表、图像、文本和按钮。每个元素都需要专门的设计，以响应用户的交互。

热点

热点是触发悬浮 UI 出现的触发器。热点本身可以自定义：位置、设计和动画。

对象切换器

对象切换器 是一款允许你显示、隐藏或切换整个对象或对象组（包括灯光和热点）的工具。

使用配置器有什么好处？

使用配置器可以充分释放结合 3D 设计与网页的全部潜力，从而吸引客户或满足业务需求。在 3D 查看器中与产品进行交互，是打造难忘用户体验的最佳方式。

配置器还可以整合到整个产品设计流程中。从头脑风暴、用户调研，到原型设计、编制规范，甚至是样品测试。

配置器甚至可以让简单的 3D 网页嵌入更具吸引力。例如，热点是完全可自定义的元素。它们可以通过使用 Lottie 文件和 GIF 作为动画材质，转化为自定义的动效图标。

你可以在哪里使用配置器？

电商

电商是产品配置器最首要也最直观的应用场景。它通过引导用户直接与产品互动来提升参与度。用户可以更改颜色、材质，甚至是产品的零部件，以选择自己喜欢的选项。每次交互都可以进行调整，不仅能展示外观选择，还能展示产品功能。我们知道购买决策是在线做出的。使用产品配置器可以加速这一决策过程。

产品展示

产品展示 可以通过配置器进行增强。它可以在不占用页面大量空间的情况下展示多种类型的信息。你可以添加长短不一的文字描述，以及相关页面的链接。还可以通过添加或拆卸连接部件来展示产品的模块化。这种展示不仅限于产品，它也可以应用于完整的场景 and 环境中，例如建筑、景观设计、时尚以及众多 B2B 行业。

原型

产品配置器可以作为 原型的潜在替代方案。它是对创意进行 3D 评估的绝佳方式，无需经历实际生产的繁琐。对于在 Kickstarter 等网站上展示设计以募集商业资金的人来说，这是理想的解决方案。配置器在没有实际原型的情况下提供了视觉效果和信息，而且其格式极易嵌入到任何网站中。此外，你还可以将可配置的产品展示嵌入到 Pitch 演示文稿、Miro 或 Notion 中。

教育工具

将配置器用作 教育工具 也变得越来越普遍。数字化课堂模式不仅适用于学校，也适用于公司和组织的内部培训。其最大亮点在于用户可以探索场景，并在该 3D 环境中获取信息。这里展示的信息量可以轻松替代以前需要的多页内容。

3D 产品配置器示例

来看看这些 3D 配置器示例。其中一些是在 Vectary 中制作的示例项目，因此你可以将它们克隆到你的 Vectary 工作区，并在 Vectary Studio 中打开，学习它们是如何制作的。

吹风机配置器，配备模块化交互 and 标注。

卡扣配置器，配备热点交互和材质切换器。

婴儿车 3D 配置器，配备材质切换器、悬浮 UI、交互和动画。

无人机 3D 配置器，配备材质切换器、悬浮 UI 和点击触发的 3D 动画。

耳机 3D 配置器，展示了悬浮 UI，其中整个场景被设置为对象切换器。

耳机 3D 配置器演示来自 Vectary 教程，你可以在其中看到带有材质切换器和标注的自定义动画热点。此外，还有悬浮 UI 中的对象切换器，用于显示和隐藏配件。

空气净化器配置器，展示了自定义动画热点，可触发包含对象切换器、材质切换器和标注的悬浮 UI。