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

设计师包袋配置器

为你的设计师包袋和时尚配饰打造完美的 3D 演示。

什么是设计师包袋配置器?

设计师包袋配置器是一款多功能的数字化工具,既能服务于内部流程,又能满足销售需求。它让设计师、制造商和销售团队能够根据所需的材质或配件,对包袋进行定制和可视化呈现。在内部,它简化了设计和生产流程,促进了团队成员之间的协作、原型生成和决策。在外部,它作为一个强大的销售工具,让买家在购买前就能定制并预览他们理想的设计师包袋。通过提供流畅的交互式体验,该配置器能够提高效率、缩短生产时间,并提升客户参与度与满意度。

概念开发

这款设计师包袋配置器的目标是展示产品款式和详细信息,在视觉上与产品展示相辅相成。这意味着,设计重点在于为悬浮 UI 及其运作方式采用富有创意的图形呈现形式。


‍

悬浮 UI 需要:

  • 触发主要悬浮 UI 的显示,包括产品描述、材质切换器和 AR。
  • 支持在图钉上选择 4 种不同的材质。

如何制作包袋配置器

模型设置

‍

这款设计师包袋在 3D Studio Max 中建模并导入到 Vectary Studio 中,随后被拆分为多个部分、贴图并烘焙。静物环境是在 Studio 中从零开始建模的。



‍

布光设置

‍

由于投影效果,光照在这个项目中至关重要。一盏主要的 矩形光 照亮了设计师包袋,而一盏 平行光 以特定角度在背景幕上投射出植物的阴影。这种设置是动态的。

‍

材质与烘焙

‍

构成静物环境的场景元素采用了柔和的配色方案,使主体对象更加突出。所有对象都进行了 烘焙以增强真实感。该设计师包袋提供 4 种不同的颜色款式,每种款式都是同一材质修改颜色后的副本,这有助于保持较小的文件大小。在 Studio 材质库的其他材质类别中,可以找到各种皮革纹理。



‍

提示:保持背景幕尺寸较小,并结合淡出效果,从而在烘焙贴图时使用较低的分辨率。



‍

悬浮 UI

‍

一个微型的悬浮 UI 会触发另外 3 个悬浮 UI 的显示。它们共享类似的设置,位置设为靠右,高度设为填充,从而实现类似于电商网站的布局。描述 FUI 仅由在不同容器中对齐的文本元素组成。带有图片的 FUI(作为材质切换器的触发器)通过 2x2 网格划分为多个容器。带有 AR 功能的 FUI 包含一个带有文本并可触发 AR 的二维码。

交互

‍

默认情况下,只有带有菜单、水印和 Logo 的 FUI 是可见的,而其他 FUI 则处于隐藏状态。点击菜单中的不同按钮可以切换所选 FUI 的显示状态。

‍

以下是所用到的内容:

  • 将触发器设置为点击标记为 "description" 的按钮,即可切换隐藏的、带有描述的悬浮 UI 的显示状态。
  • 要关闭菜单,可将触发器设置为点击角落的 X 图标,这会隐藏带有描述的悬浮菜单,并重新显示 FUI 菜单。
  • 要显示带有图片库的 FUI,可将触发器设置为点击图片,从而通过材质交互来改变包袋的材质。
  • 设置点击菜单中的按钮以显示不同的 FUI,并且相机会通过相机交互切换到副相机。
  • 这样可以让包袋始终保持可见。当触发器设置为关闭 FUI 时,相机也应当切换回主相机。

‍

使用包袋配置器的优势

简化流程

客户参与度

提升品牌形象

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