详情页前3屏放什么？AI出图与注意力分配

很多商家在复盘详情页时会发现一个现象：某个页面整体内容不差，卖点也写全了，但成交一直起不来。翻后台的滑动数据，用户大多在第三屏之前就退出了，后面的内容像是没存在过。

问题出在前三屏的分工上。这三屏不是在讲同一件事的三个角度，而是三个不同的任务：让用户意识到自己有这个问题，相信你能解决，并且清楚自己能得到什么。三件事各占一屏，顺序不能乱。乱掉的页面，用户读到第二屏就已经不知道该看什么了。

这篇讲黄金三屏各自承担什么，以及三屏之后的信任段与促单段该怎么排。首屏本身的信息配置另有更细的讲法，这里更多放在三屏之间的衔接关系上。

图1：把三屏的任务写成三张卡片贴出来，后面所有内容才有地方放。

一、为什么是三屏而不是更多

三这个数字不是拍出来的，它跟用户的注意力衰减曲线有关。用户打开详情页的前几秒处在主动接收状态，愿意认真看；随着滑动次数增加，注意力会持续下降，到某个位置之后，他更像是在扫而不是在读。

前三屏正好落在那段注意力最集中的区间里。把最重要的事情放在这一段，接收效率最高；放在后面，就要靠用户已经产生兴趣这个前提。所以三屏的任务是「说服」，后面的内容更多是「补充」和「确认」。

还有一个现实约束是手机屏幕。一屏能承载的信息量本来就有限，主视觉加一句标题、一个支撑元素，基本就满了。硬要在前三屏里塞进五六条信息，每一条都只能分到很小的位置，结果就是哪一条都不显眼。

换个角度看，三屏也是给运营自己的一个约束。当页面被限制在前三屏必须讲清楚时，你会被迫做取舍：哪些信息是必须让用户在滑走之前看到的，哪些可以留到后面。这个取舍过程本身就是详情页优化的核心动作。

二、黄金三屏各自的任务

第一屏是痛点引入，要让用户意识到自己正面临这个问题。注意是让他意识到，而不是你替他宣布。写痛点最容易犯的错是把问题说得很夸张，用户看着觉得莫名其妙，因为那根本不是他的处境。有效的做法是把一个具体的使用场景描述出来，用户一看就想「对对，就是这样」。

第二屏是核心优势，回答「你凭什么能解决」。这一屏要给出一个能被检验的理由，而不是一句形容词。用户在这时处在一个半信半疑的状态：他承认自己有问题，也想解决，但他不确定你是不是真的行。这个时候给一条具体的、能看出差别的做法，比堆三句夸赞有用得多。

第三屏是明确利益点，回答「我用了之后会怎样」。前两屏讲的是问题和方案，第三屏要把结论落到用户身上：能省下多少时间、能避免哪些麻烦、能获得什么样的使用体验。这一屏的表述要具体到用户能想象出那个画面，太抽象的收益等于没有收益。

这三屏的顺序还有一个隐含要求：上一屏要为下一屏留出问题。第一屏把痛点讲透，用户自然会问「那怎么办」，第二屏接上；第二屏给出方案，用户会问「那我能得到什么」，第三屏接上。三者连起来是一条完整的思路，而不是三个互不相干的模块。

如果三屏之间没有这种承接关系，就会出现用户读完第一屏之后不知道页面要往哪走的情况。他可能会继续滑，也可能就此退出，因为页面没有给他一个清晰的路径。

三、三屏与后续段落的职责对照

三屏之后的内容怎么排，可以按下面的表来对照。每一段都有自己的职责，混淆职责是页面拖沓的主要原因。

这张表里最需要守住的是最后两行。信任信息的位置不该太早，也不该全部堆到最后一屏。用户产生怀疑的时间点通常在核心卖点讲完、价格出现前后，这个位置放可被检验的依据，效果最好。

图2：左边每一屏都在讲同等分量的事，右边前三屏有明确分工，往下越来越轻。

促单区的位置也常被放错。不少商家把退换规则、发货时效这类内容藏在很靠后的位置，用户滑到那里已经是最后一次确认了，看不到保障就会退出。更合适的做法是把这类信息放在价格出现之后不远的地方，用一行图标加短句带过。

四、三屏之后的信任段怎么排

信任段的排法，取决于你的商品让用户在哪一步产生疑虑。标品的疑虑通常集中在品质和真伪，定制类商品的疑虑集中在适配和交付。先想清楚疑虑出现在哪，再决定把哪些凭证放在对应位置。

比较通用的一种排法是：核心卖点全部讲完之后，用一组对照来说明差别，再用一屏参数或材料说明支撑前面的说法，最后用一屏实测或细节特写收口。三屏的组合形成的是一段完整的论证，而不是零散的信息。

对照图在信任段里效率很高，因为它用同一套标准把两件事放在一起看。做对照时要注意两点：一是对照的两边要可比，不要拿自己的优势去比别人的弱点；二是对照的结构要一致，同样的位置讲同样的维度，用户才读得懂。

参数与材料说明则要注意跟卖点挂钩。孤零零地放一屏参数表，用户看完不知道这些数字跟自己有什么关系。比较合适的做法是让参数紧跟在它支撑的那个卖点之后，用一小块区域呈现，不做成完整规格表。完整规格表放到尾屏，用于最后的核对。

还有一个常被忽略的信任元素：过程透明。把生产、检验、打包的环节用几张图串起来，比只放一张证书更有说服力，因为它展示的是可控的流程，而不是一个静态的结论。这类内容不占太多位置，放在信任段里很合适。

五、青虎AI的详情图能力能做到哪一步

三屏的分工和后续段落的顺序想清楚之后，要用图把它落地。青虎AI旗下的详情图编辑模式，走的是「AI生成加在线微调」的路线：先用AI完成初稿的大头工作，再用内置的轻量编辑器做精细调整，把文案、字体、模块位置这些都改到符合预期再导出。

入口在工作台左侧【创作】-【电商详情图】-【电商详情图（编辑模式）】，也可以在LinkPix首页的电商详情图模块里切换到编辑模式。生成阶段上传自有商品实拍图并写明商品信息与需要包含的卖点，系统会识别品类并匹配详情图模板，生成多模块拼合的完整长图。

这套流程的核心价值在于把「生成」和「微调」接在一起，AI完成大部分工作，剩下的是人工精调的部分。对三屏排布来说，好处是改版成本低：想调整第一屏和第三屏的内容配比，直接在编辑器里拖动和改字就行，不用整张重生成。

要说清的边界是：工具负责呈现，不负责判断。哪三件事该占前三屏、每屏讲什么，仍然要靠对用户的理解。生成之前把这三屏的内容定下来，后面的调整才有方向，否则只是在反复调版式，内容上的问题一直没解决。

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

三屏的内容量不大，但每一句都要经得起推敲，所以准备工作反而更花心思。下面四样东西备齐，落笔会顺很多。

四样东西里，收益的具象描述最难。很多商家写第三屏时会不自觉地写回功能，比如把「轻」写成「重量仅多少克」，但用户真正在意的是「提着不累」。把功能往使用感受上推一步，这一屏才真正起作用。

七、从素材到成图的五步操作

前面讲的是内容判断，下面是把这些判断落成图的动作。上传之前先把三屏的文案写成一句话版本，后面的调整都会围绕这几句话展开。

图3：从写文案到导出，真正决定效果的还是最前面那三句判断。

调整的过程里有一件事值得坚持：每改完一版就把长图完整从上到下看一遍。单屏看没问题、连起来看节奏乱，这种情况在前三屏尤其常见，因为三屏之间是有承接关系的。

八、四个容易踩的排布误区

九、四个把三屏做扎实的技巧

十、三个可以直接照做的场景

不同品类的三屏侧重不一样，下面三个场景可以对照着改。

三个场景的共同点是：三屏讲共性，差异交给后面的段落。把这两部分的职责分开，页面就不会出现「每条卖点都只讲了一半」的情况。

图4：三屏的分工最好拉上客服一起看，他们最清楚用户在哪一屏会冒出疑问。

十一、总结

十二、常见问题解答