一组家居收纳盒详情页怎么拆：尺寸、材质和场景别挤在同一张图里

先把这组详情页想成一张 visual map：左边是拍摄输入，中间是图叮的处理区，右边是上线后的五类图片资产。不要让白底主图、尺寸图、材质局部、场景图和装箱图抢同一个位置。它们各自回答的问题不同，修图动作也不一样。

图注：资产地图展示详情页五类图片职责

真实项目脱敏：2026 年 5 月上旬，杭州滨江一家家居店把 36 张收纳盒原片交给运营小梁复核。她最先卡住的不是颜色，而是“这张图到底该证明什么”。tbh，收纳盒详情页最怕的不是不够精致，而是一张图同时想证明容量、透明度、轮子承重和客厅氛围。workflow 会乱，asset library 也会变脏。图叮适合先把图片拆成几张有职责的资产，再分别 retouch。

这篇不讲某一个收纳盒 SKU 的返检清单，而是拆一组详情页的图。读完后，你可以把同样方法迁移到置物架、抽屉柜、鞋盒和厨房收纳篮。家居类尺寸感还可以延伸看这篇关于家具场景图尺寸感的旧文。

第一张图：主图只负责“我卖的是什么”

主图的图解关系很简单：商品主体在中央，旁边只允许保留 1 个最关键的参照物，其他卖点全部退到后面的图。团队实际经验里，很多家居详情页失败，是因为主图被塞进太多信息：透明盖、轮子、标签、容量、堆叠方式、床底场景，一张图全要。

图叮处理主图时，先把背景清理到不抢主体，再保留接触阴影和真实边缘。这里不要把盒子修得像悬浮模型。收纳盒是有体积的，底部贴地的阴影就是尺寸信号。运营小梁那组图里，原片有 6 张白底图，其中 2 张阴影被人工擦得太干净，盒子看起来轻飘。图叮重做时只清掉脏点，不抹掉盒底的压痕和轻微透光。

主图不要承担“容量说明”。容量应该交给尺寸图和装箱图。如果你正在搭详情页，可以把主图的验收句写成：主体完整、边缘清楚、颜色不偏、阴影自然、无多余道具。更完整的白底到场景选择，可以接着看电商融图选图决策。

第二张图：尺寸图负责“能不能放进我的空间”

尺寸图的节点是三个：外径、内径、可叠放高度。图叮在这里不追求氛围，追求读数不被修坏。透明收纳盒最容易出问题的地方，是边线在浅背景里被修到发虚，尺标和盒沿分不清。处理时要锁住盒口、底边、轮子高度和盖子厚度，别为了干净把结构线抹平。

图注：尺寸图保留盒沿、轮子和床底参照

真实项目脱敏：杭州滨江那组图里，运营小梁给过一个很具体的复核口径，床底高度按 13 cm 作为分界，盒体最高点要能看清。这个数字不是用来夸产品，只是让买家判断“我家能不能放”。图叮适合把原片里的灰尘、背景折痕和反光杂点清掉，但不改尺寸参照，不替换尺子，不重画盒口。

尺寸图最好不要和生活场景图合并。跨境页面里经常把尺寸标注放在客厅场景上，画面看起来丰富，问题是审核和翻译都难。in my opinion，它应该单独成为一张可复用资产：白底或浅灰底，盒子 45 度角，三条尺寸线，保留阴影。后续换平台时，这张图只改比例和语言，不动商品本体。详情页变量化思路可以参考电商详情页图片优化实战。

第三张图：材质局部负责“它是不是我以为的那种质感”

材质图要把镜头推近。透明 PP、磨砂面、卡扣、轮子、盖子边缘，都应该在这一张图里分层表达。图叮处理时要特别小心高光：透明塑料不是玻璃，也不是亚克力。高光太硬，会显得廉价；高光全没，又会像灰白色实体盒。

图注：卡扣对比强调保留塑料结构细节

这里适合用局部重绘，但只重绘脏背景和不必要反光，不重绘商品结构。真实项目脱敏里，修图师小赵曾把一个卡扣的边缘修得太圆，运营小梁一眼退回：买家会以为卡扣是软胶。这个问题不大，但很费沟通。图叮的选区要压在卡扣外侧，保护转角、缝隙和注塑线。

材质局部图还有一个作用：减少客服解释成本。用户问“盖子会不会软”“轮子是不是实心”“盒子会不会一压就塌”，客服不应该再去翻原片。第三张图就要把这些问题提前摆出来。产品精修的完整链路，可以接到产品精修全流程。

第四张图：场景图负责“放到家里会不会合理”

场景图不是把商品放进漂亮房间。它只回答一个问题：这个收纳盒在真实空间里是否合理。床底、衣柜顶、儿童房角落、客厅置物架，每个场景都要给一个具体比例参照。我的建议是保留地板线、床脚、柜门缝或抽屉边，不要把背景修成无边界的样板间。

图注：床底场景用阴影和地板线校准比例

图叮做场景图时，输入要分清楚：商品主体是锁定资产，背景是可调整资产，接触阴影是连接资产。三者不要混成一层。36 张原片里有 8 张带卧室背景，只有 3 张适合继续做场景图。原因很现实：另外 5 张背景里床单褶皱太抢眼，商品反而看不清。图叮可以清理褶皱和杂物，但不应该把床底空间改大。

如果团队还没有场景图规范，可以先用一条简单规则：场景图只展示使用位置，不证明商品参数。参数回到尺寸图，材质回到局部图。这样修图 brief 更短，审核也更快。关于白底转生活场景的边界，可以看产品场景图合成实战。

第五张图：装箱和叠放图负责“收到后会是什么样”

装箱图常被忽略，但它很适合收纳类商品。买家收到的是一组盒子、盖子、轮子、标签纸和纸箱，不是一个孤立的精修主图。图叮处理这张图时，要保留数量感和配件关系：几个盒体，几个盖子，轮子是否单独袋装，标签纸是否可见。

这张图不需要修得最美。它需要诚实、清楚、可复核。真实项目脱敏里，深圳南山一个仓配团队给过相似反馈：如果装箱图里看不出配件数量，售后会反复问“少发了没有”。这类问题靠主图解决不了，靠一张装箱关系图更直接。

装箱图也适合做上线前的 final check。运营小梁那组图最后用 5 张图过审：主图、尺寸图、材质局部、床底场景、装箱叠放。每张图只有一个任务。图叮的价值不只是把每张图修干净，而是让这些图在详情页里分工清楚。返工意见写法可以参考写给运营的 AI 修图返工意见。

结尾把这组视觉术语收一下：

• 圆点：单张图片资产，例如主图、尺寸图、局部图。
• 实线箭头：必须继承的商品事实，例如尺寸、结构、材质。
• 虚线箭头：可调整的视觉环境，例如背景、道具、光线。
• 红框：禁止重绘区域，例如卡扣、盒口、轮子、尺标。
• 灰框：可清理区域，例如背景折痕、灰尘、无关杂物。

下次做家居收纳盒详情页，不要问“哪张图最好看”。先问这张图在 workflow 里负责哪一个判断。职责拆开，图叮才好修，运营也才好验。