详情图的模块怎么调整？AI编辑器增删与拖拽

AI 生成的详情长图，最让人纠结的往往不是文字，而是结构。这张图里多了一块讲包装的，少了一块讲售后，第一屏和第二屏的顺序也想换一换。这时候如果只能拖位置，改起来就非常别扭——模块的内容和顺序是绑在生成结果里的，动不了。

结构这件事需要两种不同的操作：一种是调整已有的东西，把模块挪到合适的位置、改改大小；另一种是改变构成，把一个多余的模块去掉、往图里补一个新的模块。前者叫调整，后者叫增删。这两种能力必须在同一个编辑器里都有，否则做出来的长图始终差一口气。

青虎AI【详情图编辑模式】的底部工具栏负责模块的增删，画布区负责位置和大小，两者中间还夹着一个【解除组合】，用来把模块拆开做更细的修改。这篇把这三层能力讲清楚，重点说一个判断：什么时候该用【解除组合】做局部调整，什么时候干脆直接换掉整个模块。

图1：模块的增删和排序，是详情图结构调优的主战场。

一、详情图的结构由什么决定

一张详情长图，从上到下其实在讲一个故事。开头交代这是什么产品、给谁用；中间展开说明它凭什么值这个价，可能是材质、工艺、功能、场景；后面收尾说明规格、售后、购买提醒。这个叙事顺序决定了读者理解的顺畅程度，也决定了哪一屏该放什么内容。

模块就是承载这个叙事的单元。一个模块通常包含一张配图、一两句核心文案，可能还有图标或者数据标注。整张长图由若干个模块依次拼起来，模块的排列顺序就是叙事顺序，模块的增删就是在调整讲什么、不讲什么。理解这一层，后面所有操作都有了判断依据——不是「这块看着不顺眼挪一下」，而是「这个叙事环节该不该出现在这里、出现在第几位」。

青虎AI 生成初稿的时候，会根据产品品类和你的描述给出一个默认的模块结构。这个结构大体上是合理的，因为它参考了同类产品的常见讲法，但它不知道你的具体策略：这次不主推包装、这次要突出新款配色、这次的客群对价格更敏感。这些判断只有你有，所以初稿的结构几乎总是需要再调一遍。

调整的方向无非三种：顺序、多少、粒度。顺序是把模块调换位置，多少是把模块加进来或者删掉，粒度是把一个模块拆开做局部修改。三种调整对应三套不同的操作，用错了工具就会事倍功半。下面逐个拆开说。

还有一个容易被忽略的约束：高度。模块加得越多，长图就越长，而长图是有加载成本的。行业里有个经验值可以参考，详情图高度超过 15000px 之后加载会明显变慢，抖音商城的详情图建议高度是 5000 到 10000px。移动端页面加载每慢 1 秒，转化率大约下降 7%。所以「模块该不该加」这件事，除了看好不好，还要看整张图的长度撑不撑得住。

把结构想成一次取舍会更有方向感：你手里的画面高度是有限的，加进来一个模块，就意味着要么整张图变长，要么删掉一个现有模块来腾位置。多数时候后一种选择更好，因为它逼你去判断哪个内容真的更值得留下。删减比堆叠难，但结果通常更好。

二、模块能做的三件事：拖动、缩放、增删

先说最基础的拖动和缩放，这两件事在画布区完成。选中一个模块，按住拖动就能改变它在长图中的位置，上下挪动就是调整它在叙事里的次序；在模块边角拖动就能缩放它的大小，也就是这个模块占据的画面高度。

位置和大小需要配合着看。把模块往上挪的同时往往要收紧和上一块的间距，否则中间会出现一段空白；把模块放大之后，和它相邻的模块在视觉上会被压小，需要整体再平衡一次。所以更高效的做法是先把所有模块的位置摆到大致正确，再统一处理大小和间距，最后回到文字层去调字号。三轮下来，整个结构就稳了。

再说增删，这两件事在底部工具栏完成。底部工具栏上有撤销、重做和新增素材模块。新增素材模块是把一个新的模块加进画布，位置和大小需要你自己调；删除则针对画布上多余的模块。撤销和重做是操作的安全网，改错了按一下退回去，不用重新生成。

增删的时机值得说一说。如果你觉得这张长图缺了一个讲使用场景的模块，从底部工具栏新增一个进来，比回去重新生成整张图要省事得多，而且不会打乱已经调好的其他部分。反过来，如果发现某个模块和上下文完全不在一个频道上，删掉它比硬改它更省时间。增删的价值就在于让初稿变成可塑的半成品，而不是必须接受的成品。

青虎AI 把增删放在底部工具栏，和撤销、重做挨在一起，这个位置安排其实很合理。增删是结构级动作，撤销重做是安全网，两者在同一个区域，你加完一个模块觉得不合适，顺手就能退回去。这种「大胆试、随时退」的操作感觉，是结构调整能不能做顺的关键。

再说一个常被忽略的细节：增删之后模块之间的呼应关系要重排。原先第三屏末尾写着一句引导语，把读者引向第四屏的内容，如果你把第四屏删了或者换了顺序，这句话就悬空了。结构类改动很少是孤立的，动一处要顺一遍与之相邻的文字衔接，这是它和纯位置调整最大的区别。

三、关键判断：什么时候拆，什么时候换

这是整套编辑操作里最需要想清楚的一件事。判断标准可以归纳成一句话：改动只涉及模块内部的一小块，就用【解除组合】；整个模块想表达的意思都变了，就直接换掉它。

先说该拆的情况。一个模块里配图不错、标题也不错，唯独说明文字写错了一个数据，拆开只改那行字，其余部分原样保留，这是最省事的路径。又比如模块里图在上、字在下，你想换个上下关系，拆开后分别挪一下再收紧间距，比重新生成一版快得多，还保住了原来满意的部分。再比如同一模块里有主标题和副标题，只需要把副标题字号收小，拆开后单独调副标题即可，主标题不受影响。

再说该换的情况。整个模块的卖点方向不对，原来是讲「省电」的，这次想讲「静音」，那不只是文字要换，配图也得换，这时候拆开慢慢调不如换一个模块进来更直接。模块的位置和这个叙事环节完全不匹配，比如本应该出现在中段的使用场景被排到了开头，那属于顺序问题，在画布区调位置或者在底部工具栏处理即可，不需要拆解。还有一种是整体观感和品牌调性不符，比如配色方向就不对，那已经超出编辑层的范围，要回生成阶段重新出图。

一个更实用的判断技巧：问自己这次改动会不会让这一屏「想说的话」发生变化。只是把数字从旧参数换成新参数，这一屏的意思没变，拆开改最快；如果这一屏从讲材质变成了讲功能，配图大概率要换，直接替换模块比拆解更稳，也更不容易改出风格割裂的图。

换个角度说，【解除组合】是一种「显微手术」，它擅长在既有结构里动一个很小的部位，代价是元素之间的关系从自动变成手动，后续每一次挪动都要你自己维护。而替换模块是一种「整块移植」，它不要求你对旧模块做任何修补，但新模块进来之后要重新对齐、重新统一风格。两种方式各有成本，判断的落脚点在于「需要动的比例有多大」——动一小块就拆，动一大半就换，这条经验在实际操作里相当好用。

还有一层判断和后续维护有关。如果这张详情图后面还会频繁改，那么结构越简单越省事。频繁改动的内容尽量集中在少数几个模块里，其他模块保持稳定；反过来，把信息打散到很多模块里，每次改动都要动好几处，长期维护成本会明显上升。这一点在做多 SKU 或者长期运营的商品详情图时尤其明显。

图2：局部要改就拆开，整体不对就整块换。

四、模块调整时会遇到的几种典型情况

真实操作里的情况比理论复杂一点，下面这几种是出现频率最高的，提前知道怎么处理能少走弯路。

还有一种情况是模块数量偏多导致整张长图过长。如果发现整张图滑起来特别长，与其硬保留所有模块，不如删掉那些内容重复或者对转化帮助不大的模块，把高度收回来。长图的加载速度确实会影响生意，这一点在移动端尤其明显。

这张表把常见问题和对应的操作配对起来，用的时候先判断问题属于顺序、多少还是粒度，再挑操作。结构类调整最怕用错工具——本来是顺序问题却去拆模块，本来是粒度问题却整块替换，都会让简单的事变复杂。

五、动手前的准备

结构类调整最怕边做边想。把下面四样东西准备好，整个调整过程会顺很多。

六、从进入编辑器到导出的六步

下面按实际操作走一遍，重点是模块相关的动作和它们的先后顺序。

图3：选中、拖动、新增、删除、拆分、导出，模块调整的基本动作。

七、四个常见误区

八、四个提效技巧

九、三个可以照做的场景

图4：模块顺序靠讨论定，改起来按清单走。

十、总结与常见问题