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

百叶窗配置器

通过交互式 3D 设计展示并说明各种可定制选项。

什么是百叶窗配置器?

这款 3D 配置器专为网站嵌入展示而设计,能让你在逼真的场景中预览个性化定制的百叶窗。你可以探索百叶窗的款式、材质、颜色、尺寸和功能。在定制流程结束时,还有一个额外的好处,那就是你可以下载所选配置的图片。在实际应用场景中,下载的图片可以作为数字化参考,或在实体店中使用。

概念开发

这款百叶窗配置器设置在逼真的背景中,使用 Floating UI 来管理场景中的所有交互。其设计旨在让配置器简单易用、易于理解。主 UI 采用直观的视觉效果而非文字来呈现菜单选项。为了避免遮挡整体画面,仅使用了一个 UI。

‍

热点需要:

  • 打开/关闭 FUI

‍

位于屏幕左上角的 Floating UI 需要:

  • 在百叶窗款式之间切换
  • 切换材质/颜色
  • 在两个相机视角之间切换
  • 为你最终的配置进行截图

‍

如何制作百叶窗 3D 配置器

交互

‍

Floating UI 具有两个主要功能:对象切换器和材质切换器。

‍

  • 对于对象切换器,使用图像来触发交互并从四个 变体中选择.
  • 每个变体都关联了其专属的材质菜单,其中包含多个 色板.
  • 选中某个变体时,它会触发该百叶窗类型色板的显示,同时隐藏其他色板。
  • 相机图标可以让你在两个不同的 视角之间进行切换:默认视角提供场景概览,次要视角则显示百叶窗的特写。
  • 图片图标是一个交互式元素,可以 保存图片 ,将你选择的配置保存到设备中。

‍

‍

‍

‍

提示:为了减少多边形数量,仅使用了一面背景墙,并设置了相机限制以防止旋转。窗外的环境由一个带有图像纹理的简单平面来呈现。

使用百叶窗配置器的优势

个性化定制

可视化

易用性

Try Business Workspaces

  • Ideate together in Canvas
  • Create and review 3D as a team
  • Organize projects and control access
  • Publish 3D and AR across every channel
  • Scale with APIs, hosting, and expert support
Talk to our team
Vectary Workspaces with shared folders, team cursors, and a 3D material board