在Adobe XD中进行3D原型设计
将3D模型通过内嵌网页展示的方式,实现在Adobe XD软件中进行3D原型设计,是一个创新的思路。

Adobe XD是Adobe家族的界面原型设计工具,具有直观的用户界面和易学易用的功能,支持交互原型和动画设计,与其他Adobe产品兼容。
在Adobe XD中,可以创建一个按钮或文本链接,当用户点击时,将跳转到3D模型展示页面。
生成3D模型在线预览地址
市面上存在多种在线3D模型处理工具,这些工具通常支持多种3D文件格式(如OBJ、STL、FBX等)的上传、转换和预览。
3D模型在线展示网站,支持GLTF、GLB、PLY、STL、OBJ、FBX、DAE、STP、USDZ、3DM、3DS、IGS等30多种模型格式免费在线预览,支持分享模型在线访问地址,实现3D模型在Axure原型设计或3D大屏中的应用展示,实现3D模型在网页中进行嵌入展示。

上传3D模型
在3D模型在线展示网站,上传要转换的3D模型文件。
等待上传完成,并确保文件上传过程中没有出现错误或损坏。

预览3D模型
转换完成后,在在线转换工具平台上预览3D模型的效果。
确保预览效果满足要求,包括模型的细节、颜色、材质等。

获取模型链接
在预览页面上,找到并复制3D模型的分享链接。
确保链接的有效性,并测试在不同设备和浏览器上的访问情况。

在Adobe XD软件中应用3D模型链接
打开Adobe XD
启动Adobe XD并打开你的设计稿。
创建按钮或文本链接
使用Adobe XD的工具箱中的按钮工具或文本工具,在设计稿中添加一个按钮或文本链接。
设计按钮或文本的样式,包括颜色、字体、大小等,以符合你的设计需求。
设置链接目标
选中你创建的按钮或文本链接,然后在右侧的属性面板中找到“链接”选项。
点击“链接”选项旁边的输入框,并粘贴你在步骤一中获取的3D模型展示页面的URL链接。
测试链接
在Adobe XD的预览模式下测试你的设计稿,确保点击按钮或文本链接时能够正确跳转到3D模型展示页面。