AI图片上文字怎么排好看？文案排版方法详解

一个做厨具的卖家把新品主图发到工作群，同事看了半天给出一句反馈：字像是贴上去的膏药。他把图放大反复看，问题慢慢浮出来——卖点文字压在锅盖的弧线上，字号不算小，亮度却和背景几乎一样，文字块四周留了一圈很宽的空白，整块文案既没贴住任何元素，也没站到该站的位置。图说不上丑，就是看着别扭。

这种别扭很少是审美问题，更多时候是几个具体数值没定下来：字号之间没拉开差距、文字没找到干净的落点、文字块和画面的比例关系没处理、对齐线是断的。这几件事都能量化，也都能固定成规则反复使用。花一个下午把数值定下来，省下的是之后每一张图的纠结时间。

文章按”先拆问题、再定下四个数值、最后交给工具批量执行”的顺序展开。工具环节用青虎AI 完整跑一遍：青虎AI 是一套对话式 AI 电商作图工具，把商品图片上传进去，用一句需求描述说清要什么，比如”把卖点文字放到图片下方的留白区、主标题字号最大、整体左对齐”，它就能直接出图，并且支持批量处理。

如果你的图只有一张，看完随手改几处就有改善；如果款式有几十上百个，建议把整篇看完再动手，规则不定下来，后面每一张都要重新纠结一遍。

图1：主标题、副标题、说明文字三档层级在画面中的位置关系示意

一、文案像贴膏药，问题出在四个数值上

把”看着别扭”这个模糊感受拆开，能拆出四个非常具体的原因。拆开之后每一条都能改，改完也能验证，比笼统地”重新设计一版”效率高得多。

第一个原因是字号没有分层。所有文字字号接近，主标题和说明文字只差几个像素，用户的视线在图上找不到第一个落点，读完也不知道这张图在讲什么。第二个原因是位置没选对。文案压在产品主体上，或者飘在画面正中间不靠任何元素，前者挡住产品，后者让文字失去依托。

第三个原因是比例失衡。文字区铺满整张图，产品被挤到角落；或者文字只占很小一块，卖点传达不出去。第四个原因是对齐线断裂。左上角左对齐，右下角居中，文字块之间没有共同基准，看着就是散。

四个数值定完，一张图的排版骨架就完整了。剩下的工作只是文案内容的替换和细节微调，属于体力活，不再需要反复做判断。

四个数值之间有先后顺序，不建议打乱。层级定完才知道哪句该大哪句该小；位置定完才知道文字块占多大面积；比例定完才知道行距留多少。顺序对了，一轮就能调到位。

二、字号层级：主标题定下来，其余按倍数算

字号是排版里最硬的参数。不管一张图上要放多少字，都可以归进三档：主标题、副标题、说明文字。三档定下来，整张图的阅读顺序就固定了。

主标题承担的任务是让人一眼看懂这张图在卖什么，字数越少越好，六到十二个字最合适。它需要在小屏缩略状态下依然清晰，所以字号是整张图里最大的那一档。副标题负责补主标题没说清楚的部分，比如材质、规格、使用场景，字数可以放宽到十五到二十字，超过两行就该精简。说明文字负责给依据，参数、工艺、售后承诺都归这一层，它不需要抢眼，但必须清楚。

三档之间用倍数关系连接，比逐档凭感觉试字号稳得多。做法是先定主标题，副标题取主标题的百分之五十五到七十，说明文字取主标题的百分之三十五到五十。图片尺寸换一档，三个数值按同比例一起缩放，层级关系不会走样。

字重是层级之外的第二条线索。同样大小的两行字，加粗的那行会先被看到，所以主标题用特粗、副标题用中粗、说明文字用常规，字重和字号一起拉开，层级会非常干脆。只用字号不用字重，层级会显得单薄。

颜色也算层级的一部分。一张图上的文字颜色不超过三种，主标题用高对比色，副标题用中性色，说明文字用浅灰。颜色一多，层级反而更乱，用户判断不出哪个是重点。

有一个坑需要单独提醒：不要把促销信息当成主标题来放大。价格、折扣、赠品确实重要，可一旦字号超过主标题，整张图就变成了促销海报，产品信息反而被淹没。合理的处理是把促销信息做成一块独立的小标签放在边角，字号介于副标题和说明文字之间，既不抢主线，也不至于看不见。

三、文字位置：找的是留白，不是空位

位置决定用户先看到哪句话。同一句卖点，放顶部和放底部，用户接收的顺序完全不同。位置的选择有规则可循，核心思路是顺着阅读习惯走。

人的阅读习惯是从上到下、从左到右，视觉起点通常落在上方或左上，主标题放在上方区域最符合习惯。如果产品主体偏上，就把整块文案下移到画面下方三分之一，用留白把文字和产品隔开；主体偏下时文案放上方。判断标准只有一条：文字和主体不重叠。

第二个原则是集中而不是分散。文案集中在一处，用户读完一段就完成了信息接收；文案分成四块散在四个角，用户需要来回跳，读完成本高出一截。确实需要两组信息时，用分割线或色块把画面切成上下两块，让视线走一条清楚的路径。

第三个原则是避开视觉重心。商品图里的高光点、logo、结构复杂的部位都容易吸引视线，文案压上去会形成干扰。判断动作很简单：眯着眼看图，模糊之后最亮的区域就是视觉重心。

留白经常被低估。新手看到空的地方就想填东西，实际上留白是让文字被看见的容器：文字周围留出空隙，文字才突出；四周挤满，文字反而淹没在画面里。经验做法是文字块四周各留出相当于行高一半以上的空白。

位置还要考虑平台的展示环境。同一张商品图在搜索列表、推荐流、店铺首页、活动会场里的裁切比例往往不同，靠近边缘的文案很可能在某个场景里被裁掉。稳妥的做法是把关键文案放在画面中间区域，无论平台怎么裁，主信息都在。

不同用途的图，位置策略也不一样。主图追求缩略状态下的识别度，文案要少、要大、靠上居中；详情页说明图信息量大，文案可以分区排布，但每一区都要有自己的小标题；场景图上的文案要克制，通常只留一句卖点，其余交给画面本身。

四、图文比例与安全边距

图文比例决定版面的气质。文字和产品谁主谁次，比例上要给出明确答案，含糊的比例会让版面显得犹豫。

以产品展示为主的图，图片占七成到八成，文字占两成到三成，文字集中在一块，其余留给产品。这类比例适合主图、白底图和场景图，用户注意力集中在产品上，文字只承担提示作用。以信息传达为主的图，文字可以占到四成左右，图片作为背景或卖点的辅助说明，这类比例适合详情页的功能说明图、对比图和参数图。

文字占比提高之后，字体清晰度、行距、段距就变得格外重要，行距不要低于字号的1.4倍，否则整块文字会糊成一片。手机端尤其明显，屏幕小、字距紧，行距不够的文字块读三行就累了。

视觉重心和文字重心的关系需要单独处理，两者重合时画面最有力量，距离过远时视线会来回拉扯。常见的处理方式是让文字块和产品形成对角线关系：产品在左下，文字在右上，视线走一条斜线。

产品和文字都想占主位的对比图、拆解图，靠分区解决而不是靠叠加。把画面横切成上下两块或竖切成左右两块，一块只放产品，一块只放文字，中间用一条细线或色块过渡。分区之后，两块各自的图文比例都可以拉到极端，整体却依然清楚。

安全边距是比例之外的隐性指标。文案不要贴着图片边缘，四周至少留出图片宽度的百分之五，方图在竖屏场景里被裁成不同比例时，贴边的文字很容易被切掉一半。

图2：图文比例合理与文字铺满整图两种情况下，产品展示完整度的对比

五、对齐主线与行距：让文字块立得住

人对齐的敏感度很高，哪怕只差几个像素，看起来也会别扭，却说不出哪里不对。对齐看似技术性，实际直接决定观感。

一张图里保留一条对齐主线就够了。全部左对齐是最稳的选择，阅读效率高，每行起点一致；居中适合标题和强调性短语，大段文字居中会明显降低可读性；右对齐在中文版面上很少用，容易破坏整齐感；两端对齐在中文字距上会拉出空隙，电商图上不建议使用。混用三种对齐方式的版面，看起来一定散。

行距和段距要成体系。行距按字号的1.4到1.6倍取，说明文字这种小字号可以取到1.7倍，读起来更透气。段与段之间的距离明显大于行距，不同信息组之间的距离再大一级，用户不看内容，光靠距离就能读出信息的组织结构。

对齐之外还有一个细节：文字块与图片边界、文字块与色块边界，都要保持同一段距离，全图沿用同一个数值。数值统一之后，即使不去刻意设计，版面看起来也是整的。

六、用青虎AI排文案的四步操作

四个数值定完，落地还有一道坎：人工按规则逐张调整，工作量不小。把数值写进需求交给工具执行，效率完全不同。青虎AI 的操作路径是上传素材、输入需求、生成调整、导出上传。

图3：从上传素材到批量导出的文案排版四步流程

四步里第二步决定最终效果。需求描述有几套可复用的写法：写位置用画面语言，比如上方三分之一、底部居中，比写坐标有效；写层级用比较语言，比如主标题是副标题的两倍大，比写具体像素有效；写风格用参考语言，比如简洁、干净，比写配色代码有效。

人工在这套流程里负责两件事：定数值和验收。位置计算、字号换算、对齐执行由 AI图片处理 完成，需要腾出文字空间时还会先做一次 AI抠图 处理。以前要逐张调整的工作，现在变成写一段需求描述。

七、批量排版要统一的三件事

单个款式排版不难，难的是几十上百张图要看起来像一套。批量排版的核心思路是把一次性的决策沉淀成可以复用的规则。

要统一的第一件事是版面参数。把主标题字号、副标题比例、说明文字颜色、安全边距、对齐方式固定成一套模板，之后所有款式都套这套模板。参数统一的价值在于风格一致，用户在不同商品之间跳转时不会感到割裂。

要统一的第二件事是产品在画面中的位置和占比。同一家店的主图，产品在画面里忽大忽小、忽左忽右，列表页排列时就是一片参差。把产品占比和中心位置固定下来，列表页的节奏感立刻出来。

要统一的第三件事是尺寸矩阵。主图、详情页图、活动图的尺寸要求各不相同，一套素材往往要出好几个尺寸。把常用尺寸一次性写进需求，让它在同一次任务里全部输出，比一张张单独导出省事得多。

批量排版最容易出问题的环节是文案和图片的对应关系。素材一多，很容易出现A款式的卖点写到B款式图上。解决办法是上传素材时按款式命名，需求里明确按文件名顺序套用文案表，导出后先抽查几张确认无误，再全量上传。

八、四个把排版做丑的动作

排版做不好，往往不是不会排，而是踩了几个固定坑。下面四个动作出现的频率最高，每一个都有明确的修正方向。

四个动作有一个共同点：都想在一张图里塞进太多东西。排版这件事上，减法的收益比加法大，删掉一个卖点往往比加一个卖点更能提升转化。真正排得好的图信息量都不多，但每一条都打在用户的决策点上。

九、四个立刻能用的自检技巧

数值和规则之外，还有几个动作能明显拉开成品差距，都不复杂，贵在变成习惯。

四个技巧分别对应检验、验证、准备和复用，都是从实际工作里攒下来的动作。让排版水平提升的不是把参数调得更精细，而是把检验动作变成条件反射。

十、三个店铺的排版改造记录

方法讲完，看三个不同类目的实际改造过程，覆盖主图重排、批量统一和场景图调整三种情况。

图4：家纺、饰品、食品三个类目用AI做文案排版的落地场景

三个记录的共通点是：改变的不是拍摄质量，而是信息的组织方式。产品没换、价格没动，只是把该说的话放对了位置，用户的接收效率就提高了。排版属于低成本的转化优化手段。

十一、总结：把排版变成一套固定数值

十二、常见问题解答