AI淘宝详情长图怎么做？长图设计与制作方法

在手机端看淘宝详情，买家拇指下滑的动作是有数据的。大多数商品详情页里，能完整滑到底部的买家不到三成，超过一半的流失发生在中部以前。换句话说，你花力气排出来的十几屏内容，有一大半根本没被看完。长图不是排得越满越好，而是要在买家注意力还在的时候，把最关键的话讲完。

这个规律落到做图上，意味着两件事。第一，长图的每一屏都必须为下一屏服务，屏与屏之间是递进关系，不是并列关系；买家滑动的动力，来自他对下一屏内容的好奇，而不是惯性。第二，长图的长度本身没有意义，信息密度和顺序才有意义，多排一屏可有可无的内容，等于给后面的重要内容多设一道流失关卡。

这篇文章不讲抽象的设计美学，讲怎么按手机端的真实浏览数据来组织一条详情长图。内容覆盖长图的尺寸与分屏基准、模块怎么排、每一屏怎么安排视线和文字、怎么做浏览节奏，然后用青虎AI把从分镜到成图的流程完整跑一遍。你会拿到可以直接对着执行的屏数分配和判断标准。

先给一个总原则：详情长图的设计，本质是把买家的犹豫按顺序拆开解决。买家看到商品后会想什么，长图就按这个顺序回答什么；他每解决一个疑问就多一分下单的可能，长图的任务是让他滑到底部时，所有主要疑问都已经有了答案。

文中宽度、高度、字号等参数取当前通用做法，上传以平台后台实际提示为准。下面按顺序展开。

一、看懂手机端的数据，就知道长图该怎么排

做长图之前，先看懂三个和浏览相关的数据，它们直接决定长图的结构。第一个是首屏停留，买家打开详情页后在前两三屏停留的时间，这一段是他注意力最集中的窗口，长图的核心信息必须在这里出现；第二个是滑到率，统计买家滑到页面不同位置的占比，它能告诉你在第几屏之后流失加速；第三个是详情页跳出，买家没看几屏就离开的比例。

这三个数据有一个共同的指向：长图的结构要服从注意力衰减曲线。买家打开详情页的头几秒，会认真看你讲什么；滑过中段之后，浏览开始变得机械，手指在肌肉记忆下移动，大脑只在遇到感兴趣的内容时才重新上线；越到尾部，愿意留下的人越少。长图要让每一屏都处在买家注意力的实际区间里，而不是假设他会从头看到尾。

实际操作中，你不需要专门去分析多复杂的数据。把商品链接的详情页浏览数据打开，重点看两处：首屏之后有没有明显加速流失，如果有，说明首屏之后没有接住；中部某个卖点屏之后流失集中，说明那一屏表达失败。数据指到哪里，长图就改哪里，这是长图迭代最直接的方法。

看懂数据之后，长图排布就有了依据：重要的屏往前放，过渡屏不能太多，任何一屏的存在都要回答它承接了什么、又引出了什么。下面先解决画布和分屏的硬参数，再谈内容结构。

二、详情长图的画布与分屏：先定基准再动手

长图和单张详情图一样，从定画布开始。整套长图统一按宽度800像素设计，所有屏、所有分段保持同宽，这是画面连续呈现的前提。宽度定了之后，真正要规划的是分屏：把长图当成一条纸带，先画出每一屏的占位，标出这屏讲什么，然后再逐屏填充内容。

分屏要照顾手机竖屏的显示比例。手机竖屏长宽比接近9比16，一段内容如果被切得太高，买家一次滑屏看不全，要滚两次才能读完一段，信息被中途截断；切得太碎，画面频繁切换，浏览像翻书一样一跳一跳。经验做法是把每一段的画面高度控制在接近一个手机屏的内容量，买家一屏看一段，滚动节奏平稳，信息完整不割裂。

分段的高度要结合信息量定，而不是均匀切分。卖点屏内容多，可以占满一个屏的内容量；过渡屏只有一句话加一张场景图，段高可以收短。段高跟着信息量走，整套长图才有一松一紧的阅读节奏，而不是像刻度尺一样均匀到底。

屏内主体和文字的比例也要提前约定。商品主体图一般占画面一半左右的面积，文字区占两到三成，其余留白做呼吸空间。主体太小卖点不突出，主体过大文字没有落脚处。比例规则定好后逐屏执行，整套长图的视觉秩序就立住了。

图1：详情长图先按屏分段再逐屏填内容，段高跟着信息量走，节奏才能松紧有度

三、长图的内容线：按买家决策路径排模块

画布和分屏定了，接下来排内容。长图的内容不是把卖点按顺序罗列，而是顺着买家做决定的路径来组织。买家从点进来到决定买不买，会依次经历几个阶段：先确认这个商品解决什么问题，再看它凭什么能做到，然后找证据确认没说谎，最后评估现在买值不值。长图的模块，就按这条路径排。

四个模块的屏数分配按商品类型调整，没有固定比例。功能复杂的商品，卖点展开段要铺足，一个功能点拆一屏讲透；客单价高、决策重的商品，证据段要厚，检测报告、售后承诺不能省；价格敏感的品类，开场就把价格优势亮出来，收尾再强化一次。判断标准始终是同一个：这一屏的内容，是不是买家此刻最想确认的事。

模块之间要留衔接，不留的话长图会变成几张互不相干的图的拼接。衔接可以是一个承接句，比如上一屏问出问题、下一屏给答案；也可以是视觉上的呼应，比如同一商品在不同角度的连续出现。买家滑起来不跳戏，叙事才成立。

收尾屏是整套长图里最容易被浪费的位置。前面的努力把买家带到了最后，收尾却没有给他一个明确的理由和指令，等于白费了前面的铺垫。收尾要同时回答两件事：为什么现在买值得，下单后能得到什么。价格优惠、限时活动、七天无理由、运费险，都是收尾屏的现成素材。

四、长图常见内容线之外的四个认知误区

结构清楚了，做的时候还是会不自觉踩进几个认知误区。下面四个误区是把长图做坏的常见原因，对照看看自己有没有中招。

四个误区的根源都是把长图当成了展示作品，而不是销售工具。长图里的每一屏都要经得起一个问题：删掉它，会不会有买家因为缺了这段信息而不下单。经不起这个问题的屏，设计得再漂亮也是多余。

图2：顺着买家决策路径排内容的长图一路滑到底，平铺罗列的长图在中段大量流失

五、每一屏的内部排布：视线、文字与节奏

模块顺序定了，每一屏内部怎么排也有规律。手机端阅读长图，视线基本从上往下移动，单屏内的信息排布要顺应这个方向：上方放吸引注意的主体，下方放解释说明的文字。重要的结论不要压到单屏的最底部，那里接近滑动切换的模糊区，容易被快速划走。

文字密度的控制是长图排版里最容易出问题的地方。一屏内容对应一次滑动停留，文字量要控制在一个手机屏能消化的范围内：主标题一到两行说清结论，正文三四行做解释，剩下的信息交给图去承载。超过这个量，买家就要在滚动和回看之间来回切换，阅读体验急剧下降。

信息屏之间要留呼吸的位置。所谓呼吸屏，是信息量小、以场景或氛围为主的过渡段，它不承担讲卖点的任务，作用是让买家在连续高密度的信息之间缓一口气。完全没有呼吸屏的长图读起来像连续不断的广告，压迫感强，流失反而更快。

长图的文字语言要和标题、主图文案保持一致。买家从搜索列表点进来，如果详情里讲的和点进来之前看到的是两套话，会产生对不上的感觉。详情长图的卖点表达要从标题和主图承接过来，一路贯穿到收尾，整条链路的说法一致，转化才顺。

文字写完做一次外行复查：找不熟悉你商品的人，只让他读长图上的文字、不看画面，然后请他复述出三个卖点。能复述出来的就是讲清楚的，复述不出来的就是表达失败的。卖点能不能脱离画面被转述，是检验文案是否到位的硬标准。

六、用青虎AI做长图：从分镜脚本到分段成图

内容线和分屏都规划好了，执行环节交给工具。传统方式用设计软件一屏一屏手排，讲究的人还要手工统一整套配色字体；青虎AI把这件事变成对话式操作：把商品图上传，用描述说清楚这一段长图要讲什么、什么风格，它生成对应的分段成品图，多SKU可以批量跑。

青虎AI是对话式的电商作图工具，输入商品图片和需求描述就能出图，支持一次上传多张批量处理。长图这类结构固定、内容重复的任务正是它擅长的：结构由你规划，工具负责把每一段快速做成可用的成品图。真正花时间的不是出图，是前面把分镜想清楚。

长图生成比单张图更依赖对前后文的交代。给青虎AI的每一段需求里，除了内容和风格，最好带上上一段收在哪里，它才能顺着把画面衔接下去。段与段之间在描述里交代清楚前后关系，比后期手工修补衔接省力得多。

图3：先写分镜、再逐段生成、最后衔接校对，是长图成图最稳的推进方式

分段生成有一个要避免的做法：把整条长图一次交给工具生成，画面往往在风格统一性上出问题，而且没法单段修改。按段生成、逐段确认、最后衔接，虽然多几步操作，但每段可单独调整，返工成本远低于整条重做。

长图改版同理。老链接的长图只需要改中段某个卖点，就只把对应段重新生成，保留首尾，替换上传后新版本立即生效。长图按段维护的价值在这里体现得最清楚：改一处不用动全身。

七、长图的切分与发布：最后一步别松劲

长图设计完成后进入切分环节。切分解决两件事：后台上传的单图限制，和后期维护的灵活性。原则是设计连续、交付分段：设计阶段把整条长图当整体规划，交付时按屏切成一段段独立图片，逐段上传，一段一张，命名带上商品名和段号，比如商品名加01、02。

切分的边界要和分段设计的边界重合，切点落在屏与屏的切换线上。有一个细节要盯住：不要在切分线附近放跨段内容，一段文字横跨切点、一个主体被切成两半，上传后都会出现明显的接缝感。信息完整收在段内，段与段之间留出干净的切换带。

切好的图按顺序传到商品后台上传入口，传完对照分镜脚本核对顺序，再保存草稿。发布前先在手机端把整套长图完整滑一遍，看段与段之间衔接是否自然、有没有空档；有条件再在电脑端过一遍，两端的呈现都要确认。上传后隔一段时间从手机店铺页抽查一次，以真实买家看到的效果为准。

还要提醒一个关于长度的判断：长图整体越长，加载越慢，越靠后的屏被看到的概率越低。尾部屏的曝光普遍低于首屏，这是结构性的。内容确实多时，把相对次要的信息放在最靠后的位置，即使曝光不足也不影响核心卖点的传达。

八、四个让长图越做越快的习惯

长图和详情图一样是高频重复任务，结构固定但每次都要从头做一遍。把下面四个习惯坚持下来，每次制作都能稳定在同一水准。

四个习惯指向同一个目标：让长图制作从依赖灵感的创作变成可重复的流程。灵感型制作每次都是赌博，流程型制作每次都有下限保障，对需要持续上新、持续优化链接的卖家来说，稳定性本身就是竞争力。

九、三个把长图方法落到商品上的场景

看三个真实场景，分别对应新手从零做长图、多SKU批量复用、老链接按数据改版三种状态。

图4：从新手成图、多型号批量到按数据单段改版，长图的三种典型用法

三个场景的共同点，是把长图当成一条可拆解、可局部优化的生产线：内容可以分屏、修改可以分段、复用可以走模板。卖家把精力放在内容线和衔接上，青虎AI负责把每段快速做成成品图，两者配合，长图才能持续稳定地产出。

十、把详情长图做成一套可复用的流程

十一、关于淘宝详情长图的常见问题