详情图文字错位怎么办？AI编辑器排版修复法

排版做好了，导出后打开一看，文字压在了产品图上，标题跑出了色块边缘，参数表的名字和数值分了家。这种情况在详情图里特别让人上火，因为它不是难看，是直接读不懂。消费者看到字压在图上看不清，大概率手指一划就过去了。

文字错位和图片发虚不一样。发虚是清晰度问题，错位是位置关系问题，很多时候图本身一点没糊，只是元素之间失去了原本的对应。更麻烦的是它经常「延迟出现」——在编辑器里看着好好的，导出之后才歪掉，让人以为是导出环节的锅。

这篇把文字错位拆成三个常见原因：模块缩放时文字没有跟随、多语言换行导致换行点变化、导出时字体缺失回退。三个原因对应的处理动作完全不同，所以修复必须有顺序：先确认字体可用，再调模块尺寸，最后手动微调位置。顺序反了，你会越调越乱。青虎AI的详情图编辑模式把文字当作可独立操作的模块，这恰好是修复错位的起点。

图1：美工一边看长图一边核文字，逐块确认文字有没有跑位。

一、先搞清「错位」到底错在哪一层

很多人一看到文字错位，第一反应是把文字直接拖回原位。这个动作有时候有效，有时候怎么拖都还是歪，就是因为没分清错位的层次。文字错位至少分三层：元素之间的关系错位、文字与图片的对应错位、以及成品与外框的边界错位。

元素之间错位，指的是标题和副标题不再对齐、参数名的列不再整齐。文字与图片对应错位，指的是「左图右文」变成了「文压图」。边界错位，指的是文字顶到了色块外面或图片边缘之外。三种错位里有两种跟尺寸有关，只有一种跟位置有关。

判断属于哪一种，有个很快的办法：把画面缩小到能看全整张长图的比例。缩到很小的时候，人眼对对齐和边距特别敏感，一眼就能看出哪一块歪了、哪一段挤了。找到大致区域之后，再放大到局部精确定位，比在百分之百比例下慢慢滚动效率高得多。

如果一张图里同时出现了好几种错位，先别急着一个个修。挑最严重的那一处下手，修完再看其余的地方是不是跟着一起好了。因为很多错位是同一个原因引发的一串反应，修好源头，后面几处会自己归位。逐个修反而可能把本来正确的地方也改坏。

还有一点要提前想清楚：错位是不是真的存在。有些「看着像错位」其实是设计上的有意留白，比如为了给产品留出呼吸感而故意把标题往左偏一点。判断标准不是「有没有对齐」，而是「读起来顺不顺」。读起来顺，就不算错位。

这些判断动作加起来不过几分钟，但能帮你避开一个常见的坑：把「有意为之」当成「出了问题」去修，修完反而把版式的节奏打乱了。真正需要处理的错位，一定是影响阅读、影响理解的，不是单纯「看不顺眼」的。

另外要提醒的是，错位的严重程度和图片长度成正比。一张 3000px 的长图，偏几个像素基本看不出来；一张接近 10000px 的长图，同样的偏差在整图缩略状态下会变得非常显眼。所以越长的详情图，对模块间对齐的要求越高，检查也要更细。

二、原因一：模块缩放时文字没有跟随

这是三个原因里出现频率最高的。你在编辑器里把某个模块拉宽了一点，让图片显得更舒展，但文字的字号没变。原来刚好排成两行的标题，现在因为文字框窄了或者宽了，断句位置跟着变，观感上就像整体挪了位。

还有一种是字体本身没有跟着缩放。字号是相对固定的量，模块被放大后，视觉上字显得偏小、偏挤，于是原本的留白关系全部失衡。尤其在一个模块里同时有标题、正文、脚注三种字号时，失衡会成倍放大，看起来就是「整块文字都在乱」。青虎AI的详情图编辑模式在编辑区提供字号、字重、对齐和颜色的调整，遇到这种失衡，逐项校准比乱拖位置管用。

图2：同一个模块被拉宽前后的对比，右边文字和图片各归各位。

处理办法很直接：把模块尺寸调回接近原始比例，再看文字是否重新排好。能不动字号就不动，因为一旦改动字号，同一模块里其它文字的相对关系又要重排一次。原则是「先还原尺寸，再微调位置」，顺序不能颠倒。

如果你确实需要这个模块变宽一些，那就在变宽之后，把该模块里的所有文字重新过一遍，看断句位置是否还合理。断句位置一变，原来读着顺的一句话可能就被切在奇怪的地方，比如把「精选原木」断成「精选原」和「木」。这种问题不重新读一遍是发现不了的。

三、原因二：多语言换行导致换行点变化

跨境卖家对这个原因体会最深。同一套版式，中文换成英文或泰文之后，同一句话的字符数完全不同。中文里十几个字刚好一行的标题，换成英文可能只有三四个单词，看起来空了一大截；反过来，某些语言的单词很长，一行塞不下，就直接被挤到下一行，把整个模块的高度顶开。

换行点一变，后面的所有元素都要跟着往下挪。如果你只改了语言没有重新校对每个模块，最终成品就会出现「标题和配图错开一个身位」这类问题。这类错位的特点是：所有元素都在，只是它们的对应关系错位了，看着尤其别扭。

一个实用的做法是给每块文字留出一行的余量。文字框的高度比当前内容多留一行，语言切换后即使多出一行也不会挤爆模块，后面的元素就不用整体下移。这一条对跨境卖家特别值得养成习惯，它把大部分多语言的错位问题提前消化掉了。

青虎AI的详情图编辑模式在生成阶段支持简体中文、英语、泰语等多种语言，切换语言时整套文案会一起换。切完之后建议预留一轮专门校对换行点的时间，重点看标题、卖点短句、参数表这三处，它们的行数最容易变。发现行数变了，就地调整该模块的尺寸，让它重新容纳新的文字。

四、原因三：导出时字体缺失回退

这一类最隐蔽，因为它在编辑器里完全看不出来。编辑器默认使用思源黑体 SC，也可以切换到其它字体。如果某次导出时目标字体不可用，系统会用一款替代字体顶上，而替代字体的字形宽窄、行高都和原来的不一样。字形一变宽，原本卡在框里的文字就被挤出去，看起来就是错位。

字体回退还有一个典型特征：它不是整段都错，而是某些字错。替代字体缺字时，个别字会变成另一种字形，宽窄和周围不一致，一段话看起来参差不齐。这种一眼就能认出来，不用怀疑是尺寸问题。

所以修复顺序的第一位是字体。先排除字体缺失回退，再谈尺寸和位置。如果换回默认字体后错位消失，那说明问题就在字体这一层，跟版式一点关系都没有，省下后面一大圈折腾。

顺便说一个容易混淆的情况：换行符差异。同一段文字里，如果有些行是手动换行、有些是自动换行，排版时看着一样，一旦文字框宽度变化，自动换行的行会重新排列，手动换行的行不会。两类混在一段里，就会出现「有的行移了、有的行没移」的怪现象。统一用自动换行，能避免这种局部漂移。

还有平台适配的老问题。同一条文案在电脑上看着刚好，到了手机上可能因为字号显示差异而多出一行。如果你打算在多端投放，建议以移动端的显示效果为准来定行数余量，宁可多留一点空间，也不要卡得满满当当。

五、修复顺序：字体—尺寸—位置

三个原因对应三个动作，顺序不能乱。字体是地基，尺寸是骨架，位置是修饰。地基没探清楚就修骨架，骨架没摆正就去修修饰，最后一定回到原点。下面这条路径是从上到下的，走完一遍再检查，基本就归位了。

为什么不能倒过来做，举个具体的例子就清楚了。假设你直接进入位置微调，把歪掉的文字拖回原位，看着是好了；但下一次有人调整了模块尺寸，文字框宽度一变，你拖过的位置就再次失效。而如果你先修尺寸，位置问题往往自己就消失了，根本不用手拖。顺序的价值就在这里。

图3：四步修复路径，从字体确认一路走到位置微调。

这五步走完，错位基本就清干净了。如果走完仍然有偏差，说明前面某一步没查到位，回到第一步重来一遍，比在当前位置反复拖动有效。修复这件事更像排查，不像修补。

青虎AI的详情图编辑模式在编辑区提供字号、字重、对齐方式和文字颜色的调整，也支持增补和删减文案，这些能力正好覆盖了上面这条修复路径需要动到的所有环节。不需要跳到别的设计软件，改完直接保存导出即可。

六、动手前要准备的东西

修复错位比从头做一张图要考验耐心，因为你要在一张已经排好的版上动刀。开工前把下面四件事备好，能少走很多回头路。缺了其中任何一件，中途都很容易推翻重来。

这四样东西里，最容易被人跳过的是「文案定稿」。大家习惯一边看效果一边改字，觉得这样更灵活。但对错位这类问题来说，文案每变一次，文字框关系就要重算一次，改到后面自己都记不清哪个版本是对的。先把文案定下来，再动手排，是省时间的做法。

七、四个常见误区

修错位这件事，错误的方法往往看起来更直接、更省事，下面四个是踩得最多的。它们的共同点是「当下看着解决了」，但下一次调整又会复发。

八、四个提效技巧

把修复流程理顺之后，再用下面四个习惯收尾，同类问题基本不会再来第二次。这四个习惯本质上都是在「减少变动」，因为错位多半是变动带来的副作用。

九、三个可以照做的场景

不同业务场景下，错位的重点各不相同。下面三个是日常里最常见的，可以直接参考。

图4：两人对着长图逐段核文字，一人指、一人对清单，确认没有跑位。

十、总结

十一、常见问题解答