案例拆解室：透明手机壳详情页，先拆反光、孔位和包边

拿一张纸，先画一个透明手机壳的背面轮廓：外圈一条包边，左上角一个镜头孔，侧边两处按键开孔，中间一片半透明背板。接着在图上圈 4 个区域：反光、孔位、按键、厚度。本文就沿着这 4 个圈往下拆。

图注：四个区域先定验收边界

手机壳这类图，2014 年做淘系详情页时靠摄影棚和手工蒙版硬撑，到了抖音电商，买家在短视频封面、商品卡和详情页之间来回跳，图更容易被缩小、裁切、压缩。透明壳尤其麻烦。它本来就靠光线说明材质，修得太干净会像一片白塑料；修得不够，边缘、孔位和包边又看不清。

图叮在这里的价值，不是把透明壳修得发亮，而是把“哪里可以清，哪里只能增强，哪里必须回看原图”分开。下面这张图可以边读边画，读完以后，你会得到一张能交给修图、运营和客服一起看的拆图稿。

第一圈：反光不是脏点，先分临时反光和材质高光

透明手机壳的反光至少有两种。第一种是临时反光：拍摄棚灯、桌面杂光、手套压痕、背景板倒影。它们不属于商品，可以压低、清理或局部柔化。第二种是材质高光：包边折射、背板弧面、镜头圈边缘、TPU 厚度线。它们是商品本身的一部分，不能一口气抹掉。

图注：临时反光和材质高光分开判断

内部复盘里，2026 年 5 月我们把一组 36 张透明小件图按反光类型分过一次。没有记录客户名，只记录画面问题：约三分之一的返工来自“把材质高光当成脏反光处理”。图看起来安静了，买家却看不出壳是硬壳、软壳，还是带微磨砂的半透明壳。

图叮里的处理顺序可以这样写：先清背景灰点和桌面倒影，再压低非商品区域的硬光；背板高光只减弱刺眼部分，不重绘成均匀白片；包边和镜头圈边缘保留一条能说明厚度的亮线。这个顺序比一句“修通透一点”可靠。

如果你的团队以前主要看玻璃、亚克力或香水瓶，可以先补一遍 玻璃透明材质产品溶图：AI精准识别玻璃质感保留通透光影 的思路。透明手机壳不是玻璃瓶，但“保留边缘光线来证明材质”这件事是相通的。

这张配图应该画成反光分层图：左侧是原图反光，右侧是允许处理的区域。可清理区用浅色线，材质高光用深色线。不要只放一张漂亮成图，读者要看见判断过程。

第二圈：镜头孔位只增强边缘，不让 AI 自动补圆

镜头孔是透明手机壳详情页里最不能猜的位置。孔位大小、孔边倒角、离边距离、和磁吸环或装饰线的相对位置，都会影响买家判断兼容性。修图时把孔修得更圆、更顺，未必是好事。

图注：孔边倒角和避让距离不能猜

团队实际经验里，手机配件图经常在 375 px 宽的移动端详情页里被查看。这个尺寸下，镜头孔只剩几个小轮廓。如果 AI 为了干净自动补边，孔会变得好看，但避让距离可能变小。客服后面解释“实物不会挡镜头”时，图反而帮不上忙。

图叮适合做的是边缘增强，而不是结构重绘。可以提高原有孔边对比，清掉孔外灰点，压住孔内临时反光；不要改变孔形，不要补齐缺口，不要把倒角修成另一个宽度。对多型号手机壳，建议每个型号留一张原图局部截图，和修后图一起交付。

这里可以自然接上 复杂边缘抠图技巧：发丝、透明物体也能干净抠出 的旧方法。复杂边缘不只是抠图问题，也是商品事实问题。透明壳的镜头孔、按键孔、挂绳孔，都要按原图边界走。

第二张配图要做成孔位局部放大：整张手机壳图在左，镜头孔局部在右，旁边标 3 条线：孔边、倒角、避让距离。图叮的任务写在图下方：增强已有边缘，禁止自动补形。

第三圈：按键包边和侧边厚度决定握持感，不要修成一条平线

透明手机壳的侧边很容易被修平。拍摄时侧边会有暗线、折射线、轻微弯曲和模具线。新手修图会觉得这些线显脏，想全部清掉。可买家判断手感、保护性和贴合度，恰好就看这些线。

从品牌视觉角度看，手机壳详情页不是单张主图的审美比赛。它要说明 3 件事：套上手机以后边框够不够高，按键是否容易按，四角有没有缓冲。反光、暗线和轻微厚度变化，都是说明这些问题的证据。修掉以后，壳会像一片透明贴纸，保护感没了。

图叮处理侧边时，可以把按键区和包边区拆开。按键区只清理拍摄灰点和边缘毛糙，按钮凸起、开孔位置、按压间隙不重绘。包边区可以统一色温、压掉杂光，但保留外圈厚度线和内圈接触阴影。四角缓冲位如果原图里存在，就增强可读性；如果原图没拍清，不要让模型补一个“看起来更安全”的角。

这类材质差异也可以参考 万物精修材质对比：金属、塑料、皮革等不同材质的精修效果。透明 TPU、硬 PC、磨砂背板不是同一种材质，修图指令最好分开写。

第三张配图适合做侧边剖面式拆解：把按键孔、包边厚度、四角缓冲和接触阴影分别圈出。图里不用中文标签，后期可以用清晰小标注补上。关键是让读者一眼看懂，侧边不是一条线，而是一组需要保留的结构。

第四圈：详情页要用三张版本图，而不是一张修后图走到底

透明手机壳的详情页不该只交付一张“最终修后图”。更稳的做法是三张版本图一起走：主图版、局部解释版、客服留底版。

主图版负责列表识别。它可以更干净，白底更统一，反光更收敛。局部解释版负责说明材料和结构，镜头孔、按键、包边、四角缓冲要能放大看。客服留底版最保守，要保留原图参照和关键局部，方便售前售后解释“我们没有改孔位，也没有补厚度”。

图注：三种版本对应三种交付用途

我带团队做大促视觉时，最怕一张图被所有页面复用。它在主图里刚好，在详情页就不够解释；在详情页够清楚，放到活动首屏又可能太硬。透明手机壳更是这样。它不是靠一张漂亮图完成信任，而是靠多张图互相证明：材质是真的，孔位没漂，包边有厚度，客服能解释。

图叮里的操作路径可以轻一些：先上传原图，复制出 3 个用途备注。主图备注写“清背景、稳轮廓、保透明边”；局部解释版写“保孔位、保按键、保包边厚度”；客服留底版写“仅增强已有信息，不补形、不补字、不改尺寸关系”。修完后把三张图并排看，而不是单独看哪张最漂亮。

第四张配图应该做成三版本流转图：同一张透明手机壳原图，向右分成主图版、局部解释版、客服留底版。每个版本只承担一个任务。这个图能帮运营和修图师减少争论，因为它把审美问题改成了用途问题。

回到整张图：4 个圈其实是一张验收地图

再看开头那张手绘图。你刚走过 4 个圈：反光、镜头孔、按键包边、三版本交付。它们不是 4 条孤立建议，而是一张透明手机壳详情页的验收地图。

反光圈告诉你哪些光能清，哪些光要留。孔位圈告诉你结构只能增强，不能猜。包边圈提醒你保护感来自厚度和接触阴影，不来自过度磨平。版本圈把同一张原图拆成主图、详情和客服三种用途。

如果只想记一句话，就记这句：透明手机壳不是越透明越可信，而是越能解释材质、孔位和保护边界越可信。图叮适合把这些区域分开处理，把重复清理交给 AI，把商品事实交给人来守。