同一套展厅做了三版方案,怎么让客户自己比,而不是你做三张 PPT
3D设计方案对比、多版本方案怎么选、虚拟展厅方案对比、展厅方案怎么给客户看、3D模型对比工具、设计方案怎么在线展示、3D虚拟世界基座、浏览器3D、私有化部署3D、source-available
展厅设计这行,一个常见的处境是:同一个空间,甲方要了三版方案。暖色商务版、冷色科技版、开放式挑高版。你做出来了,也做得很认真——但交付的时候,往往是三张效果图加两段视频,外加一份你说得口干舌燥的对比说明。
问题不在你做得好不好。在于你把一个可以用眼睛直接比的东西,压缩成了需要动脑想象的东西。
效果图的观众看到的是一张图。视频的观众看到的是一条被剪过的路径。而客户真正要做的事是——在三个空间里走一遍,判断哪个动线舒服、哪个采光看着对、哪个比例显得压不压抑。 这些判断没法靠想象完成,必须靠走。
这篇讲怎么把"三版方案对比"从交付文档变成一个可交互的东西,以及有哪些坑。
先说清我们是什么:创世Genesis(创世虚拟世界CRM系统)是一套部署在你自己服务器上的网页3D 虚拟场景基座,不接展厅代建、不派团队实施。授权口径:源码开放(source-available),本地跑不花钱;要联网、要商用、要联邦,需要订阅授权——准确条款在仓库 LICENSE / EULA 里。后面不再重复。
一、为什么 PPT 在这件事上失效
先说清机制,才知道该做什么。

上图是浏览器端 3D 编辑器:左边模型库(GLB/GLTF 直接上传、VRM 连贴图打包、OBJ 带 mtl),中间场景视口,右边对象列表与属性面板。做方案对比时,"放进去"和"改配置"这两类活主要在这里完成。

上图是桌面端浏览器的实机画面。如实说明:这是开发中的测试世界,没有做画面修饰。放在这里是因为它比精修图更能说明真实形态——访客看到的就是这个样子。
| 客户要判断的事 | PPT/效果图能不能承载 |
|---|---|
| 空间比例看着压不压抑 | ❌ 单一视角看不出比例关系 |
| 动线顺不顺、会不会撞 | ❌ 静态图没有连续性 |
| 两版之间的差别到底在哪 | ❌ 要靠对比记忆,人脑不擅长 |
| 采光在下午是什么样子 | ❌ 效果图是理想光照 |
| 客户自己想再看看别的地方 | ❌ 只能看你想给他看的角度 |
不是 PPT 做得不好,是格式本身承载不了"走一遍"这个动作。
而"走一遍"恰恰是客户选型时真正在做的事。他不会去读你的对比说明,他会凭感觉。而感觉需要空间感,空间感只能从连续的运动里来。
二、可交互对比的三种做法
先看三种做法分别适合什么,选错了比不做更麻烦:
| 做法 | 适合的差异 | 优点 | 代价 |
|---|---|---|---|
| 三个空间并排 | 差异在布局与陈设 | 结构省事,客户不需要学习任何东西 | 三份场景要各维护一遍 |
| 一个空间三套配置 | 差异在软装(展柜、配色、隔断) | 对比效率更高——差异被隔离出来了,客户不会把注意力浪费在本来一样的部分上 | 需要支持配置切换 |
| 一按切换 | 差异在整体氛围(材质、灯光、色温) | 客户点一下,整个空间的调子变了 | 切换若要连光照与后期一起变,会有一次加载 |
选哪一条,判断依据只有一条:三版方案的差异落在哪一层。 落在同一层里(都是软装差异),就选第二种;跨层了,才需要拆成多个空间。
做法一 · 三个空间并排放(结构最省事的一种)
同一个虚拟世界,放三个入口,走进去分别是 A/B/C 三版方案。
- 优点:结构省事,客户不需要学习任何东西
- 适合:三版方案的差异主要是布局和陈设
- 注意:三个空间要放在同一坐标系的相邻位置,客户理解成本更低
做法二 · 一个空间,三种配置(适合差异在软装)
如果三版方案的建筑结构一样,差的是内部配置(不同展柜、不同色系、不同隔断),那不该放三个世界,该放一个世界加三套配置。
客户在同一个空间里切换,看到的是"同一个壳子换三种布置"。这个对比效率更高——因为差异被隔离出来了,客户不会把注意力浪费在本来一样的部分上。
做法三 · 同一空间,一键切换(差异在整体氛围)
如果三版方案的材质、灯光、色调整体都不一样,那切换时连渲染配置一起换。客户点一下,整个空间的调子变了。
⚠️ 这里有个技术分水岭:切换如果只是换模型位置,是很快的;如果要连光照环境、后期效果一起变,切换会有一次加载。这个加载要盖住,不能让它裸露出来——客户看到"点了没反应"就会以为卡死了。
三、这几个坑是实际会撞上的
坑 1 · 三版方案都用同一套光照,等于没做对比
效果图时代习惯给所有方案打柔光,因为好看。但对比场景里这会毁掉判断——客户要比的很多时候恰恰是氛围,而氛围靠光。
真实的日光朝向、真实的色温差异,恰恰是效果图最容易"美化"掉的东西。做可交互对比时,反而要把光做真实。
坑 2 · 版本多了以后,入口会变成灾难
两版可以做成两个入口。三版也可以。到了五版、六版,入口本身就成了一道题。
这时候要做的不是加更多入口,是给客户一条动线:让他按你设计的顺序走一遍,而不是让他自己挑。因为到了那个数量,客户的选择困难已经大于他的判断困难了。
坑 3 · 模型直接扔进去会卡,反过来毁掉对比体验
这一条最要命。如果客户打开之后卡顿、掉帧、白屏,那他得出的结论不是"我要选方案 B",是"这家公司不靠谱"。
所以对比场景对性能的要求,比日常浏览高得多。原因很简单:对比时客户的注意力全部在画面上,任何卡顿都会被放大成"质量问题"。
具体要做什么:
- 上传的模型必须过一遍优化。原始建模软件导出的模型往往带着编辑期数据(隐藏层、编辑器对象、未使用的材质),这些在浏览端是纯粹的浪费
- 远处的模型要有简化版本。客户会退到很远去看整体布局,这个距离是效果图的取景里永远没有的
- 加载要有进度和反馈。宁可慢一点让他知道在加载,也不要静默卡住
坑 4 · 客户看不清细节,又会问"能不能再放大看看"
对比是看整体,但决策到了后期会回到细节。如果你的对比方案只能远观,客户问一句细节你就得再补一版效果图——又回到原点了。
所以对比场景需要能走近看、近距离转、近距离看材质。这个能力要在第一次做的时候就留出来,不要等客户问了才加。
坑 5 · 客户永远想看"如果两个方案结合呢"
这是必然会发生的事,而且几乎是最后一次改需求的机会。
能支持"同一家具换个颜色""这面墙拆掉换成玻璃隔断"这类组合,比多做三版静态方案更有用。 如果你的方案在结构上支持局部替换,这件事就是顺手做的;如果不支持,就要重做。
四、做到什么程度算够用
按投入产出排,先做前两条:
| # | 做到什么程度 | 算够用吗 |
|---|---|---|
| 1 | 三版方案能在浏览器里各走一遍 | 这是及格线,做不到就是没做 |
| 2 | 三版方案的差异能被"一眼分辨" | 光照或色调有明确差异,不是三张长得差不多的图 |
| 3 | 走近了细节还站得住 | 材质、贴图经得起近距离看 |
| 4 | 同一空间能切配置 | 从三版独立空间升级成三套配置 |
| 5 | 能局部组合 | 应对"两个方案结合"这类需求 |
⚠️ 顺带说一句判断:如果你的三个方案差异极小(只差配色和几组展柜),那这件事可能不值得做可交互版本。 一组并排效果图加一张对比表说清楚,可能就够投入的资源了。可交互对比的价值随"方案差异大小"上升。
五、可交互对比真正的收益在后面
前面说的是怎么交付。真正值钱的是后面这一段:
客户在现场走完他的方案,这个过程会不断产生新问题。 而这些问题,原本需要你出一版效果图才能回答。
现在他可以直接问:"这个柱子挡住设备了吗""这个转角能不能改成弧形""这里加个展柜会不会太挤"。你在编辑器里改完,他刷新一下就看到了。
这是可交互交付和效果图交付最大的区别——不是更漂亮,是把来回沟通的轮次压下来了。 而方案阶段的来回轮次,通常是这个项目里最耗双方时间的一段。
六、有哪些坑是这个方向特有的
- 它解决的是"方案阶段的选型",不是"建成后的长期使用"。 方案定稿之后,这个东西往往就不再被打开。所以不要指望它成为官网的常设栏目,除非你的业务里有"持续可看的新方案"这个需求。
- 它不能替代图纸和技术指标。 空间感不能代替施工图,材质好看不代表工艺做得到。这条界限要跟客户讲清楚,避免交付预期错位。
- 它不等于验收工具。 建成之后的空间跟效果图还是有差(施工误差、材料色差)。可交互方案是决策工具,不是验收依据——这个预期要提前说明。
常见问题
Q:两版方案也需要做可交互吗?
A:两版的话,收益一般。效果图加并排对比通常够用。三版以上,或者三版差异大的时候,可交互对比的投入才划算。
Q:客户不打开链接怎么办?
A:很常见。所以可交互版本不能替代口头讲解——它是在你讲完之后,让客户自己再确认一遍的手段。它的作用是减少反复确认,不是取代沟通。
Q:要不要做 PC 版和手机版?
A:展厅看方案这个动作,手机上的占比不低——客户在会议室、在路上都会想再看一眼。所以移动端要能用,这一条要在第一次做的时候就纳入,不要留到后面补。
Q:模型优化这块要投入多少?
A:这是决定成败的一环,不是可选项。原始模型直接放进浏览器,对比体验基本会被卡顿毁掉。压缩、简化、贴图处理这几件事属于必做。
Q:客户要求"能改颜色看看"怎么办?
A:如果你的方案结构上支持替换,这是顺手的活。如果不支持,现在就把它考虑进去——因为这个需求在后期几乎必然出现。
源码与仓库
三个地址内容一致,国内访问用前两个更快。仓库里有部署说明和一批验收脚本,可以自己跑一遍看实测值。
- Gitee(国内访问更快):https://gitee.com/miduoxinxijeji/miduo.git
- GitCode(国内镜像):https://gitcode.com/qq_35054471/virtual-world
- GitHub:https://github.com/miduo100/3d-virtual-world
关于创世Genesis
创世Genesis是一套基于Three.js+WebGL构建的自部署3D虚拟世界系统,帮助个人与企业搭建属于自己的3D空间。浏览器直接访问,PC和手机双端兼容,支持多人在线、联邦传送、商铺系统,并支持Agent接入——AI能以具身角色进入你部署的世界。数据运行在你自己的服务器上,不经过第三方平台——让每个世界都真正属于它的主人。
手上正有几版方案要让客户比? 创世Genesis(创世虚拟世界CRM系统)是一套部署在你自己服务器上的网页3D 虚拟场景基座——模型上传后可以生成三档 LOD、GLB 贴图可压缩六到九成(几何不动),远处模型不会变成蓝方块;编辑器在浏览器里直接用(GLB/GLTF/VRM/OBJ 导入、对象列表与属性面板)。源码开放、本地跑不花钱,联网、商用、联邦需要订阅授权。官网(搜「创世虚拟世界CRM」即可找到)有一个可以走一圈的演示世界。
关于名字:本文说的创世Genesis,即创世虚拟世界CRM系统,两者是同一个自部署 3D 虚拟世界产品。若你通过「创世Genesis」没搜到我们,直接搜「创世虚拟世界CRM」即可。