产品结构、功能展示图怎么处理？把怎么用、有几层讲明白

结构图和功能展示图，是详情页里最费口舌又最省口舌的一类。折叠婴儿车能收多小、多功能电饭煲有几层内胆、收纳箱怎么分区，用文字写三行不如一张图讲清。这类图分两种：结构展示图（把产品拆开、分层、标注，讲清有什么、几层几件），功能演示图（把产品放进使用场景，讲清怎么用、能干嘛）。两种的处理思路不一样。这篇按顺序拆开讲，用图叮来做。图叮是网页版，浏览器打开就能用，也有 Photoshop 的 UXP 插件版，免费，不用破解。先说边界：修图是把产品的结构和用法呈现清楚，产品到底有没有这个功能、几层是不是真几层，以实物为准，修图不替产品加功能。

2026 年 2 月，卖收纳箱的老唐想做一张”三层分区”展示图，原图是箱子摆在仓库地上拍的，背景一堆纸箱杂物，三层的分区结构完全被杂乱环境盖住了。把箱子抠出来放到干净背景、再补一道光把每层的隔板照亮之后，三层结构才一目了然。

左边箱子淹在仓库杂物里，右边抠净换背景补光后三层隔板清清楚楚

第一步：先想清这张图要讲结构还是讲功能

动手前先定性。这张图是讲”里面有什么”（结构，重在部件清晰、层次分明），还是讲”怎么用”（功能，重在场景真实、动作直观）。定错了方向，后面全跑偏。老唐那张要讲三层分区，属于结构展示，重点就是让三层的隔板、每层的空间都看得清，而不是营造氛围。想好这一点，再决定往干净背景走还是往使用场景走。

第二步：把产品从杂乱背景里抠干净

结构和功能图，第一步几乎都是抠图。用图叮的一键抠图把产品从原来的杂乱背景里抠出来，边缘尽量干净利落。抠图后先检查几个容易穿帮的地方：镂空处（比如提手孔、隔板缝）有没有抠漏、半透明部件的边缘是否自然、细小的凸起有没有被吃掉。抠净是后面所有处理的地基，边缘毛糙，换什么背景都露馅。

第三步：结构展示——把部件摆清、背景留白干净

讲结构，追求的是清楚，不是好看。抠出来的产品放到干净的纯色或浅灰背景上，让部件本身成为主角。多个部件、多层结构的，摆放要有条理——分层的从上到下排开，配件的按大小归置，别叠在一起互相挡。留白要匀，四周别一边挤一边空。哪层暗了看不清，就用图叮的自定义打光单独给那层补一道光，把隔板、分区照亮。三层箱子就是这么让每层都亮起来的。

第四步：功能演示——用溶图打光把产品放进使用场景

讲功能，就得让产品出现在它该在的场景里：电饭煲放厨房台面、婴儿车放小区路上、收纳箱放衣柜里。用图叮的产品溶图打光把抠好的产品自然融进场景，关键是光影要对上——产品的受光方向、投影，得和场景环境的光一致，不然像硬 P 上去的。场景怎么选、光影怎么对上，产品详情页场景图的做法里讲得更细；打光的深浅分寸，也可以参考产品图打光补光的核对清单。

第五步：处理穿帮小瑕疵，万物精修收尾

最后收口。抠图或换背景后如果留了穿帮的边、或者产品上有个碍眼的小瑕疵，用选区消除擦掉干扰物，用局部重绘只针对那一小块修整，不动其余部分。全部弄完用万物精修做整体收口，压掉边缘毛刺、统一画面干净度。验收看两点：结构图，每个部件、每一层是不是都看得清、不打架；功能图，产品和场景的光影是不是自然、像真放在那儿的。

老唐那张三层收纳箱图挂上详情页后，客服那句最常被问的”到底是两层还是三层”消失了。他数了下，那周因为”以为只有两层”引起的退货是 0 件，之前每周总有那么两三件。图没夸大，箱子还是那个箱子，只是三层这回终于被一眼看明白了。