详情页场景图怎么做？AI出图与使用场景设计

做详情页的时候，场景图是最容易被顺手带过的一类图。产品图有实拍，细节图有特写，参数图有数据，到了场景图这里，往往就是随便找一张看着还行的氛围照片填进去，或者干脆不做。

但场景图承担的任务和别的图不一样。产品图回答的是「这东西长什么样」，细节图回答的是「做工细不细」，场景图要回答的是一个更难的问题：这东西在我的生活里是什么样子。用户对前两个问题的答案可以很理性，对第三个问题的答案却常常是下单的真正原因。

这篇讲的是详情页场景图怎么用。哪些品类确实需要场景图、它应该放在详情页的第几屏、画面里的场景和商品该是什么比例、场景图怎么和旁边的卖点文字对上，这四件事说清楚，场景图就不再是凑数的一屏。

图1：场景图拍不好，多半是拍之前没有把「用在什么场合」定下来。

一、场景图要回答的问题：这东西在我的生活里是什么样

把详情页上的图按功能分一下，大致是三类。产品图解决「认识」的问题，让用户知道这是什么、有多大、什么颜色。细节图解决「相信」的问题，让用户相信做工和用料靠得住。场景图解决的是「代入」的问题，让用户把商品放进自己的日常里想一遍。

三代图的顺序不是随便排的。用户先得认识这个东西，才会关心它做工如何，最后才会想象自己用它。场景图放在认识之前，用户还没有基础认知，代入不进去；放在最后又太晚，因为用户在看完细节之后往往已经准备做决定了。

代入感之所以重要，是因为多数商品本身没有不可替代性。同类的收纳盒、同类的杯子、同类的清洁工具，参数接近、价格接近，用户凭什么选你。场景图给的是一个具体的想象：我把它放在这个位置，家里会变成什么样，我用它会有什么感受。

这个想象不需要多精美，但需要准确。一张泛泛的、放在任何商品上都说得通的氛围图，等于什么都没说。准确的意思是，画面里的环境、光线、搭配物件，都要指向这一类用户真实的生活场景。

反过来说，如果一款商品的购买动机完全是功能性的，比如一个内部配件、一卷胶带、一个替换滤芯，用户本来就不需要想象生活场景，硬做一张场景图反而挤占了讲参数的空间。先判断这款商品有没有代入需求，再决定做不做场景图。

二、哪些品类最需要场景图

不是所有品类都值得花一屏做场景图。判断的依据是这款商品的购买动机里，使用感受占多大比重。感受占比越高，场景图的价值越大。

家居日用类是场景图价值最高的一类。收纳、餐具、床品、灯具这些东西，用户买的其实不是物件本身，而是使用之后的生活状态。同一款收纳盒，放在杂乱的柜子里和放在整洁的衣柜里，给人的感受完全不同。

服饰鞋包类次之，但重点不在环境而在人。这类商品的场景图核心是穿着状态和搭配关系，用户想看的是这件衣服穿在身上是什么气质、和什么搭配。环境只做衬托，人物和产品才是主体。

食品饮品类需要的是使用时刻而非使用空间。一杯饮品放在什么样的桌面上不如它正被人拿在手里、正要被喝下去这个瞬间重要。这类场景图的关键是动作，不是布景。

宠物用品和母婴用品属于代入需求很强的一类。用户在这些品类上的决策往往带着情感，画面里出现真实的使用关系比参数更有说服力。但要注意人物和宠物的呈现要自然，过于摆拍反而削弱可信度。

数码配件、工具耗材、工业品这类偏功能性的品类，场景图的优先级排在后面。用户更关心的是能不能用、兼容不兼容、耐用不耐用，场景图做到「说明它用在什么设备上」就够了，不需要铺张。

表里的屏位是经验区间，不是硬规定。真正决定位置的是这款商品的决策路径：用户在哪一屏需要开始想象使用状态，场景图就放在哪一屏附近。

三、场景图放在详情页的第几屏

位置这件事有一个容易理解的判断方法：用户看完前一屏之后，脑子里下一个自然冒出来的疑问是什么，场景图就应该去回答哪个疑问。

首屏放场景图，适用于商品形态本身需要环境才能看懂的情况。比如一套收纳组合、一件家居摆件、一款装饰性强的灯具，单看产品图看不出它在空间里的效果，首屏直接给场景，用户一眼就明白这是什么、放在哪里、什么感觉。

第二到第三屏放场景图，覆盖最多数情况。这时候用户已经通过产品图认识了商品，正处在「它到底适不适合我」的阶段，场景图正好回答这个问题。这也是服饰、食品、日用类最常用的位置。

中段之后放场景图，适合需要先讲清功能再谈感受的商品。比如一款功能复杂的家电或工具，用户得先看懂它能做什么、怎么用，才有兴趣想象它在家里占据什么位置。

还有一种是补位用法。详情页的中段读起来偏干，连续几屏都是参数和细节，用户的滑动节奏会掉下来。这时候插入一屏场景图，作用是把节奏缓一下，让后面的内容更容易被读进去。

位置的另一个判断依据是滑动成本。详情页越长，用户划到后面的比例越低，所以重要的信息要往前放。场景图如果不是这款商品的核心说服点，就放在第二到第四屏这个区间；如果是核心说服点，就提前到首屏或紧邻首屏的位置。

四、场景和商品的比例关系：场景不能盖过主体

这一节是场景图最容易出问题的地方。很多人理解场景图就是「拍得好看」，于是把场景做得很满：环境细节丰富、道具多、气氛浓。结果商品缩在画面一角，用户看完记住了氛围，没记住商品。

场景图的主体永远是商品，场景只是给商品提供一个解释。判断比例是否合适，有个很直接的方法：把画面缩到手机屏幕宽度，快速看一眼，说出你第一眼看到的是什么。如果那件商品没有第一时间跳出来，说明场景的比重给多了。

画面面积上，商品本体加上它直接关联的部分，通常占画面三成到五成比较稳妥。剩下的空间留给环境，但环境要处理得简洁：背景层次少、颜色不抢、道具不堆叠。场景的丰富度和商品的可辨识度是互相挤压的关系，一个上去了另一个就下来。

光线上也有一个规律：商品要处在画面里最清晰、对比最强的位置。环境可以柔和、可以虚化，商品必须清楚。如果环境中间有一块很亮的区域而商品在暗处，用户的视线会被亮处吸走。

还有一类特殊情况是商品本身很小。比如饰品、配件、小件工具，实拍容易显得单薄，做场景的时候会不自觉把环境做大来撑画面。这种情况更稳的做法是用比例参照，让画面里出现一个用户熟悉的物件作为尺度提示，而不是靠堆场景。

最后是人物入镜的处理。有人物的场景更容易产生代入感，但人物不能抢主体。常见的处理办法是只出现局部，比如手部动作、背影、侧身，人物面部和商品不要同时成为画面重心。人物看哪里也很关键，人物视线落在商品上，用户的视线也会跟着落过去。

图2：左边场景盖过了主体，右边把环境收干净之后，商品才成了画面主角。

五、场景图怎么和卖点对上

单独一张好看的场景图，作用只是让人停留一下。真正让用户记住的，是场景图和旁边那句卖点之间的呼应关系。图在演示，字在点明，两件事讲同一件事，说服力才是叠加的。

做法上有一条通用规则：一句卖点配一个可视化的场景。卖点说「不占地方」，场景就给出它挤在狭窄空间里的样子；卖点说「单手可拿」，场景就给出握在手里的画面；卖点说「安静运行」，场景就给出它放在书桌边、旁边有人正在专注工作的画面。

反过来，如果场景图和卖点各说各的，用户的认知负担会翻倍。图上在讲收纳效果，文案在讲材质厚度，用户看完图再读文字，两件事对不上，结果一件都没记住。这种情况在文案和图分开交给两个人的时候尤其常见。

还有一种是场景图承担了太多卖点。一张图里同时展示收纳、材质、尺寸、配件，用户的视线不知道落在哪，最后什么都没看清。稳妥的做法是一屏一重点，想讲多个卖点就拆成多屏，每一屏配一张对应的场景。

文字位置也要给场景让路。场景图里的关键位置是商品所在的那块区域，文字压在上面等于把主体遮住。合理的处理是把文字安排在环境那一侧的留白处，或者让画面按文字区重新构图。

六、青虎AI【详情图复刻】在场景图这一环能做什么

场景图这件事的难处在于，它既需要真实的使用环境，又需要和环境匹配的商品呈现。传统做法是拍一遍实景再把产品抠进去合成，或者干脆重拍，成本都不低。

青虎AI 的详情图复刻功能是青虎AI 旗下 LinkPix 的 AI 设计能力。上传参考图和自有产品图，AI 会学习参考图的版式结构、配色、图标风格、字体层级、卖点排布和装饰元素，叠加你的产品生成全新的商品详情长图。对场景图这个环节来说，参考图提供的是场景的类型、比例关系和构图倾向，产品图提供的是商品本体的形态、角度和质感。

具体参数上，参考图单次最多十张，产品图单次最多三张，建议上传同商品的多角度实拍或不同 SKU 的实拍，让 AI 更准确地理解商品形态。文案支持提取图片文案、AI 生成文案、自定义文案三种模式；比例参数支持 3:4 竖版等多尺寸，覆盖淘宝、拼多多、抖音商城、京东、小红书、Shopee、Lazada、Amazon 等平台；预估消耗 2 积分每个任务。要同时处理多张参考图时，用「应用到全部参考图」统一文案复用模式，省掉逐张设置的重复动作。

需要清醒的一点是，工具做的是「把定好的场景方向做出来」这一段。用什么场景、商品占多大比例、和哪句卖点对应，这些判断都在人这边。方向定得准，生成出来的东西才对得上你的商品；方向不定，生成多少次也只是在换氛围。

七、动手前要准备的四样东西

场景图做起来快，前提是这几样东西提前备好。缺了其中任何一样，做出来的图都容易变成氛围图。

四样里最容易被省掉的是最后一样。先有卖点再有场景图，画面才会有指向；先做图再想卖点，往往只能配上一句泛泛的话，这张图的价值就折损了大半。

八、从定场景到出图的五步

图3：先定场景和卖点，再上传素材落到版式里，一共五步。

九、四个常见误区

十、四个提效技巧

十一、三个可以照做的场景

图4：场景图的比例对不对，把手机横在照片上比一比最直观。

十二、总结与常见问题解答