AI淘宝微详情图要几屏合适？制作与规范详解

一个做女装的卖家给我看过他的后台数据。他把微详情图从三屏扩到了八屏，把面料、版型、尺码、搭配、洗护、物流、售后全塞了进去，觉得信息越全越有说服力。跑了一个月，点击率比原来那个只有三屏的版本还低了将近两成。他想不通，明明做得更用心了，为什么用户反而不点。

问题出在一个容易被忽略的前提上：微详情位不是一个”看内容”的地方，它是一个”划过与停留”的地方。用户在那里做的判断只有一件事，要不要点进去看完整详情。八屏内容的说明力再强，只要第一屏没能让他停下来，后面七屏根本不会被翻到。

这篇文章从这次复盘出发，讲清楚微详情位的浏览场景到底发生了什么、尺寸与比例有哪些硬性要求、多屏内容怎么压缩到合适的屏数、首屏应该只做一件事、微详情图与主详情图怎么分工，以及用青虎AI把这套素材快速做出来的操作方式。内容偏执行，读完可以直接对照自己店铺的微详情素材做一次体检。

先把定位说清楚：微详情图承担的是拦截和筛选，不承担完整说服。它负责把用户从滑动状态拉进点击状态，剩下的材质细节、参数核对、售后承诺，交给主详情图去完成。把两件事混在一套素材里做，两边都会做得不上不下。

一、八屏微详情图的复盘：多不等于好

把那次复盘拆开看，有三个具体的失误值得记录。

第一个失误是把完整详情的逻辑搬到了微详情位。这个卖家的八屏顺序是照搬主详情页做的：先是品牌故事，然后是面料介绍，接着是版型和尺码表。问题是用户在微详情位停留的时间以秒计，品牌故事还没来得及读完，画面已经被划走了。内容的”重要程度排序”和”浏览场景的阅读顺序”是两件事。

第二个失误是屏数扩张后单屏的信息密度没有降下来。八屏意味着每屏能分到的注意力更少，而他的每一屏仍然塞着三到四行文字。结果就是每一屏都显得拥挤，用户在远处扫一眼只能看到一片小字，什么都抓不住。

第三个失误是没有承接口。微详情图的最后一屏原本应该给出一个明确的下一步动作提示，他的第八屏放的是售后政策，用户看完没有任何继续的理由。素材的完整性有了，路径的引导没有。

把微详情图压缩回三屏之后，这个卖家的点击率回到了原来的水平并略有提升，加购率也稳住了。多出来的五屏内容并没有被浪费，他把其中关于面料和洗护的部分搬到了主详情图里，那才是它们真正该待的位置。

二、微详情位的浏览场景到底在发生什么

要理解上面那些失误，得先看清用户在这个位置的真实状态。

用户进入微详情场景时，通常已经在搜索结果或者推荐流里连续划过了几十个商品。他的注意力是分散的、比较性的，脑子里同时在处理价格、销量、评价、款式这几个维度。此时他并不想读内容，只想快速判断”这个值不值得点进去”。

这个状态下，能有效传递信息的方式只有两种：画面差异和极短文案。画面要在一眼之内让人看出”这个和我刚才看的那些不一样”，比如一件衣服的版型轮廓特别清晰、一个结构差异特别明显。文案要短到能在半秒内读完，长了就会被跳过，等于没写。

还有一个容易被忽略的细节：微详情位的展示环境是多变的。同一个商品位可能出现在不同的浏览入口，展示的比例、裁切方式、相邻内容都不一样。素材必须经得起各种裁切，主体的位置要稳，四周的留白要够，否则用户在某个入口看到的可能是一个被切掉一半的商品。

理解了这一层，后面的所有判断都有了依据。微详情图的评价标准不是”做得完整”，而是”在几秒钟的扫视里能不能被看懂”。

三、尺寸与比例有哪些硬性要求

技术规范是微详情图的基础门槛，做错了前面所有努力都白搭。下面几条是必须先确认的。

比例以方形为主，竖版为辅。方形是商品卡片最通用的展示比例，适应面最广；竖版在滑动浏览场景里占屏比例更高，视觉冲击更强。制作时建议先把方形版本做扎实，再从同一套内容派生竖版。两种比例不要采用不同的内容结构，否则用户在不同入口看到的商品印象会不一致。

像素按实际展示尺寸的两倍以上准备。微详情位展示面积不大，但手机屏幕的像素密度高，图片像素不足在高分屏上会明显发虚。判断方法很简单：把图按展示尺寸缩小到手机上的实际大小，如果边缘和文字已经发糊，说明像素不够。

文件体积这一项特别值得强调。微详情场景是流式加载，图还没渲染出来，用户的拇指已经划到了下一个商品。画面元素简洁、背景干净、避免大面积复杂渐变，既能减小体积，又能提升第一眼识别度，这两件事在微详情场景里其实是同一件事。

色彩模式的统一同样重要。同一款商品的主图、微详情图、主详情图如果分别在不同软件里生成，白色和灰色的表现经常不一致，拼在一起会明显感觉”图的白不一样”。统一在一套流程里产出素材，色彩表现会稳很多，产品颜色更接近实物，色差类售后也会减少。

还有一条规范经常被忘掉：素材的更新要和商品信息同步。产品换了包装、调了配件、改了参数，微详情图还是旧版，用户看到的信息与实物不符。这类问题不会立刻反映在点击数据上，但会在评价和退货里慢慢体现。

图1：同一套内容在方形与竖版比例下的展示差异，主体居中是两种比例都安全的前提

四、从八屏压到三屏，具体怎么取舍

屏数控制的难点在于取舍没有标准答案，但有一套可以执行的判断流程。

第一步是把现有内容逐条列出来。把详情图里讲过的所有信息点写成一张清单，包括卖点、参数、材质、场景、售后、物流。清单化的价值是让内容从”感觉上很多”变成”具体有十几条”，能被逐一处理。

第二步是给每条内容打一个必要度标记。判断标准是问自己：如果这条内容完全不出现在微详情图里，用户的下单意愿会不会明显下降。会下降的进核心池，不下降的进备选池。多数情况下，核心池只会剩下三到五条。

第三步是把备选池的内容分流到主详情图。微详情图放不下的内容不等于要删掉，它只是需要一个更大的容器。把备选池按主详情图的屏序重新排一遍，内容不但没丢，位置反而更合适。

第四步是给核心池排顺序。顺序的依据是用户的注意力衰减曲线：第一屏承担最多的注意力，所以放最强的差异点；越往后注意力越薄，放的内容越偏向确认性质而非说服性质。

第五步是压文案长度。把每一屏的核心文案压到一行以内，其余信息交给画面和标注。压不下去的，说明这条内容本身就不适合放在微详情位。

这套流程跑一遍通常只需要半小时，但它能把”到底该放几屏”从主观争论变成有依据的判断。剩下的问题就简单了：三屏讲不清的，说明产品差异点本身还没找准。

五、首屏只做一件事

如果只能优化一屏，那一定是首屏。它的表现直接决定了后面几屏有没有被看到的机会。

首屏的任务只有一个：让用户在扫过的一瞬间产生”这个不太一样”的感觉。为了做到这一点，首屏必须只承载一个信息，并且这个信息要用画面而不是文字来表达。放两个卖点，用户一个都记不住；放一张有力的对比图，用户会停下来。

有效的首屏画面有几类常见的形态。一类是差异对比，比如普通结构和加固结构的对照、常规尺寸与加强尺寸的并排。一类是状态演示，比如装满物品后依然挺括、被折叠后迅速回弹。一类是极端视角，比如特写关键部位，把用户平时看不到的细节放大。三类形态的共同点是它们都在制造视觉冲击，而不是在陈述参数。

首屏的文案要克制。微详情位的文案作用是给画面加一个注脚，而不是替代画面进行说明。一行以内、能一眼扫完，是最合适的长度。文案放在主体旁边的空白区，不要压在主体上，避免遮挡。

首屏还需要考虑与主图的配合关系。主图在搜索结果里已经展示了商品的整体形象，微详情首屏如果还是同一张整体图，就浪费了一次说服机会。首屏应该是主图没有讲、但用户很想知道的那一件事，两者形成补充而不是重复。

六、淘宝微详情图与主详情图的分工怎么划

两套素材的关系经常被做成一件事的两种尺寸，正确的做法是让它们各自解决不同的问题。

从任务上看，微详情图解决”要不要点”，主详情图解决”要不要买”。前者是筛选，后者是说服。任务不同，内容的取舍标准自然不同：微详情图砍掉一切不能在一眼内传达的信息，主详情图反过来，把所有可能引发犹豫的信息都补上。

从信息上看，两套素材应该形成接力。微详情图提出的差异点，主详情图的前两屏必须有对应的证据。用户在微详情图里看到”加厚承重”，点进去后前两屏就应该出现承重测试或者结构剖面的内容。提了却得不到回应，用户会觉得被标题骗了进来。

从视觉上看，两套素材应该共用一套配色和相近的呈现风格。用户从微详情滑动到主详情，如果色调、字体、画面风格突变，会产生”是不是换了个商品”的错觉。用同一套色卡约束两套素材，是成本很低但效果明显的做法。

分工里最容易被忽略的是更新同步。很多店铺的微详情图是半年前做的，主详情图已经改过好几轮，两边的信息差已经很可观。定期做一次素材一致性检查，花的时间不多，能避免不少隐性损失。

七、用青虎AI做微详情素材的四步操作

青虎AI是对话式的 AI 电商作图工具，输入商品图片加需求描述就能出图，不需要掌握专业设计软件。在微详情这种需要多比例、多版本、快速迭代的场景里，操作路径可以固定成四步。

图2：微详情素材制作的四步操作路径，从上传产品图到多版本批量导出

青虎AI在这个场景里能对上需求的能力有五项。做 AI详情图时，把产品图上传并说明要做的比例与重点卖点，它会输出对应画面；做 AI图片处理时，可以把微详情图里最不能忍的杂物、背景、色偏用对话处理干净；做 AI取色配色时，从产品图提取色卡，保证整组素材同色系；做 AI批量出图时，多款多色一次提交，是换季备图最省时间的一环；做 AI长图生成时，把分屏连续生成并按顺序拼接，各屏风格连贯，省掉手动拼图的麻烦。

这五项能力组合起来，可以从一张产品图出发，产出一整套覆盖不同展示位的微详情素材，全程在对话里完成，不用在多个工具之间切换。

图3：用一轮对话连续生成微详情分屏素材的操作过程

八、微详情图制作中的四个误区

下面四类问题在实操中出现频率最高，每一个都会直接拉低点击表现。

四条误区的根子是同一个：默认”内容一样、尺寸小一点就行”。把浏览场景想明白，知道用户在这个位置只做筛选判断，做法自然就跟着变。

九、提升微详情图效果的四个技巧

在合规的基础上，几个细节能进一步拉开效果差距。

四条技巧分别对应表达方式、文案长度、人群适配和测试方法，前三条在制作阶段就能用上，第四条决定长期优化的效率。

十、三个真实使用场景

下面三个场景来自不同类目，痛点和解法都不一样，可以挑最接近自己情况的那个参考。

图4：母婴、宠物、文具三类卖家使用 AI 制作微详情素材的落地场景

十一、总结与常见问题