在Mockplus(摹客)中进行3D原型设计

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

在Mockplus(摹客)中进行3D原型设计

Mockplus(摹客)是一款简洁快速的原型图设计工具。

Mockplus的操作简单直观,低保真、无需学习,能够快速上手,并很好地表达自己的设计。采用了直观的拖拽方式来实现页面交互,可以像Axure RP那样,通过简洁便利的组件设置,快速完成页面功能设计,并模拟互动。

摹客被称为产品团队的设计协作神器,是专为产品设计团队量身打造的“设计+协作”的一站式云平台,能够完美发挥产品设计团队间应有的协作效能。

在Mockplus中,虽然它本身是一个专注于原型设计和交互体验的工具,并不直接支持3D模型的渲染和展示,但你可以通过一些巧妙的方法,利用Mockplus的特性和外部工具的结合,实现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模型的分享链接。

确保链接的有效性,并测试在不同设备和浏览器上的访问情况。

在Mockplus软件中应用3D模型链接

在Mockplus中创建Web视图

打开Mockplus,并创建一个新的原型项目。

使用Mockplus的“Web视图”组件(或类似功能),这个组件允许你将外部网页内容嵌入到Mockplus的原型中。

将之前复制的嵌入链接粘贴到Web视图的属性设置中,或者如果你使用的是HTML/JavaScript代码,你可能需要在Mockplus中插入一个自定义的HTML组件,并将代码粘贴到其中。

调整Web视图大小和位置

根据需要调整Web视图的大小和位置,以确保它在Mockplus的原型中看起来合适。

预览和测试

预览你的Mockplus原型,确保Web视图能够正确加载并显示3D模型。

如果需要,你可以进一步调整Web视图的设置,或者优化3D模型在在线平台上的展示效果。

分享和演示

一旦你满意原型的设计,你可以使用Mockplus的分享和演示功能,将原型发布为一个可在线查看的链接或二维码。

团队成员或客户可以通过这个链接或二维码,在浏览器中查看包含3D模型预览的Mockplus原型。

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号