AI图片文案排版怎么做?图文排版方法详解

AI图片文案排版怎么做?字号层级、文案位置、图文关系,附青虎AI图片排版实操。

2026-09-16 17:09

电商图片的竞争,到最后拼的是信息传达效率。同款商品、接近的价格,用户停留在两张主图上的时间差不多,能不能在几秒内让用户看懂卖点、记住差异,直接决定了点击率和转化率的差距。文案排版就是解决这件事的动作:把该说的卖点放到该放的位置,用该有的字号和层级说出来,让用户的眼睛顺着设计好的路线走一遍。

不少卖家把排版理解成把文字放上去,于是一张图上密密麻麻堆了七八个卖点,字号一样大,颜色五花八门,描边、投影、边框全上。用户看三秒就划走,因为视线找不到落点,大脑不知道该先读哪一句。排版不是装饰,它是给阅读路径做设计,落点清楚,用户才有耐心往下看。

传统排版靠设计师手动调整,一个款式调半小时,十个款式就是大半天;改一个字号牵动整个版面,改完还要重新导出;遇到大促要出几十张图,人力根本顶不住。内容侧的能力正在改变这件事。青虎AI 是一套对话式 AI 电商作图工具,商家把商品图上传进去,用一句需求描述告诉它你要什么,比如把卖点文字放到图片底部、主标题大一点副标题小一点、整体左对齐,它就能直接产出可用的图,而且支持批量处理。这类 AI图片处理 的能力,把排版从手工活变成了可批量执行的标准动作。

这篇文章围绕图片上的文案排版展开。先讲清楚排版要解决的底层问题,再拆解字号层级、文案位置、图文比例、对齐关系四个核心要素,然后列出常见排版错误的修正方法,接着用青虎AI 把排版流程完整跑一遍,最后给出技巧、实战案例和常见问题解答。全文都是可以直接对照自己店铺执行的干货。

文章篇幅较长,建议先看整体框架,再挑自己最痛的部分动手。每一节都配了可以直接抄走的参数和建议,遇到和自己类目不匹配的地方可以跳过,先改能立刻见效的那几项。

一、图片文案排版要解决的三个底层问题

把一张图上的信息排好,本质上是在回答三个问题:用户先看什么、再看什么、最后记住什么。答不上来这三个问题,排出来的版面再漂亮也是无效的。文案排版的价值,就落在这三个问题的答案上。

第一个问题是阅读路径缺失。用户刷图的速度很快,一张图往往只有一两秒的注意力窗口。如果版面上有七八个信息点,字号接近、颜色接近、位置分散,用户的眼睛会在图上乱跳,跳两下没有找到重点就划走了。阅读路径缺失的典型表现是:你自己知道主推哪个卖点,但用户看完一张图说不上来这张图讲了什么。

第二个问题是信息层级混乱。层级是排版的骨架,主标题、副标题、说明文字、价格、促销标签,每一层承担的任务不同,视觉权重也应该不同。层级混乱的图上,所有文字都在抢注意力,用户反而读不到重点。层级清晰时,用户扫一眼主标题就知道这张图讲什么,有兴趣再看副标题,最后看说明,阅读是有节奏的。

第三个问题是视觉与文字打架。商品图本身有视觉重心,比如鞋子的鞋面、化妆品的瓶身、家电的控制面板,文案放的位置如果压在产品主体上,或者颜色和产品撞在一起,文字既看不清,产品也被挡住。图文关系没处理好的图,用户看的时候会不自觉地皱眉,因为大脑在处理互相干扰的信息。

排版的三个底层问题

阅读路径决定用户看不看得下去,信息层级决定用户记不记得住重点,图文关系决定用户看不看得清产品。三个问题对应三件事:把视线引到该去的地方,把权重分配给该强调的信息,把文字从产品主体上挪开。

这三个问题恰好也是 AI 能切入的位置。人做排版时,注意力集中在"这张图好不好看"这个主观判断上,容易忽略层级和路径;机器做排版时,可以按照固定规则把层级、位置、对齐一次性算清楚,把主观审美之外的结构部分稳定下来。

理解这三点之后,再看后面的四个要素,就会知道每个要素在解决哪个问题。字号层级解决的是信息层级,文案位置解决的是图文关系和阅读路径,图文比例和对齐关系解决的是整体秩序。

二、四个核心要素:层级、位置、比例、对齐

文案排版看起来是审美问题,拆开之后其实是四个可以量化、可以复用的要素。把四个要素定下来,一张图的排版就有了骨架,剩下的只是细节微调。

层级

主标题、副标题、说明文字拉开字号与字重,让用户一眼分得清轻重,阅读有先后。

位置

文案放在留白区还是压在主体旁,位置决定视线落点和产品的展示完整度。

比例

文字区与图片区各占多少面积,比例失衡会让版面要么太空要么太挤。

对齐

左对齐、居中、右对齐只选一条主线,对齐乱了整张图就会显得廉价。

四个要素里,层级是最容易被忽略的一个。多数人排版的顺序是先把文案写上去,再看位置合不合适,最后调字号,而正确的顺序是先定层级再定位置。层级定下来之后,哪句话该大、哪句话该小就确定了,位置只是在既定权重下找地方安置。

位置的核心判断标准是留白。商品图拍摄或生成时,画面里通常有一块相对干净的区域,把文案集中放到这块区域,就是不压主体的做法。如果画面四周都很满,那就需要先处理图片本身,把主体缩一缩或者加一块纯色底,再放文字,这一步在后面的流程里会讲到。

比例决定了版面给人的第一印象。文字区占的面积过小,卖点传达不充分;占比过大,产品被压缩,用户会觉得像广告单页。经验值是把文字区控制在整张图的三成以内,主图类可以再压到两成以内,详情页的说明图可以放宽到四成。

对齐看起来是最技术性的一个要素,实际上它直接影响观感。人对齐的敏感度很高,哪怕只有几个像素的偏差,看的时候也会觉得别扭,却说不出哪里不对。一张图里保留一条对齐主线,比同时使用左对齐、居中、右对齐要稳得多。

要素常见问题建议做法
层级所有文字一样大,读不出重点主标题字号是说明文字的1.6到2倍
位置文案压在产品主体上文案集中放在干净留白区,不遮挡主体
比例文字铺满整张图主图文字区控制在版面两到三成以内
对齐三种对齐方式混用一张图只保留一条对齐主线

四个要素不是孤立的。层级拉不开,位置再准也救不回来;对齐乱了,比例再合适也显得业余。实际调整时按层级、位置、比例、对齐的顺序过一遍,比反复随机微调效率高得多。

三、字号层级怎么定:三档字号加一条规则

字号层级是排版里最硬的参数,也最容易量化。电商图片上的文字,不管内容多少,都可以归到三档里:主标题、副标题、说明文字。把三档字号定下来,整张图的骨架就稳了。

主标题承担的是"一眼看懂"的任务,字数控制得越短越好,六到十二个字最合适。字号要足够大,在一张八百像素宽的图上,主标题字号通常落在四十八到七十二像素之间;如果图片主要在小屏上展示,主标题还要再放大一档,保证缩略图状态下也能看清。

副标题承担的是"补充说明"的任务,回答主标题没说清楚的部分,比如材质、规格、使用场景。字号通常是主标题的百分之五十五到七十,字重可以比主标题轻一档。副标题的字数可以放宽到十五到二十字,但超过两行就要考虑精简。

说明文字承担的是"给依据"的任务,参数、工艺、售后承诺都属于这一层。字号通常是主标题的百分之三十五到五十,颜色可以用比主标题浅一档的灰。说明文字不需要抢眼,但必须清晰,最小字号不要低于二十像素,否则在手机上会糊掉。

三档字号的一条换算规则

先定主标题字号,再按主标题的百分之六十取副标题,按百分之四十五取说明文字。这套比例在绝大多数电商图上都成立,比自己凭感觉试字号快得多。图片尺寸变化时,三档字号按同比例放大或缩小即可。

字重是层级之外的第二条线索。同样字号的两行字,加粗的那行会先被看到。所以主标题用粗体或特粗体,副标题用中粗,说明文字用常规体,字重配合字号一起拉开,层级会非常清楚。只用字号不用字重,层级差会显得不够;只用字重不用字号,远看层级又会糊。

颜色也是层级的一部分。同一张图上,文字颜色不要超过三种,主标题用一种高对比色,副标题用接近主体的中性色,说明文字用低饱和的灰。颜色越多,层级越乱,用户越难判断哪个是重点。

层级字数建议字号比例字重与颜色
主标题6到12字基准字号特粗体,高对比色
副标题10到20字主标题的55%到70%中粗体,中性色
说明文字不限,建议分条主标题的35%到50%常规体,浅灰

有一个容易踩的坑是把促销信息当成主标题来放大。价格、折扣、赠品确实重要,但它们的字号一旦超过主标题,整张图就变成了促销海报,产品信息反而被淹没。合理的做法是把促销信息做成独立的一小块标签,放在边角位置,字号介于副标题和说明文字之间。

不同字号层级排版的电商图片效果对比

图1:字号层级清晰与层级混乱两种排版的对比,视线落点差异明显

四、文案位置与留白:让文字站对地方

位置决定用户先看哪里。同一个卖点,放在图片顶部和放在图片底部,用户看到的顺序完全不同。位置的选择有规则可循,核心思路是顺着人的阅读习惯走。

人的阅读习惯是从上到下、从左到右,所以视觉起点通常在左上或上方。把主标题放在上方区域,符合阅读习惯,用户第一眼就能接到信息。产品图如果主体在上,那就把文案整体下移到下方三分之一区域,用留白把文字和主体隔开。

第二个位置原则是集中而不是分散。文案集中在一处,用户读完一段就完成了信息接收;文案分散在四个角,用户需要来回跳,读完成本高。一张图上如果确实有两组信息,就用分割线或者色块把它们分成上下两块,让用户的视线走一个清晰的路径。

第三个位置原则是避开主体和视觉重心。商品图里的高光点、logo位置、结构复杂的部位,都是用户视线会停留的地方,文案压上去会形成干扰。操作上可以先眯眼看图片,模糊之后最亮的区域就是视觉重心,文案避开那片区域即可。

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

用九宫格快速定位文案

把画面横竖各切两刀分成九格,主标题放在上三分之一或下三分之一的中格,副标题紧邻主标题,说明文字沿着同一条对齐线往下排。九宫格能让位置判断从感觉变成对照,新手也能排出稳定的版面。

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

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

五、图文比例与视觉重心的平衡

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

以产品展示为主的图,图片占七成到八成,文字占两成到三成,文字集中在一个区域,其余留给产品。这种比例适合主图、白底图和场景图,用户的注意力集中在产品上,文字只承担提示作用。

以信息传达为主的图,文字可以占到四成左右,图片作为背景或作为卖点的辅助说明。这种比例适合详情页的功能说明图、对比图和参数图。文字占比提高之后,字体的清晰度、行距、段距就变得更加重要,行距不要低于字号的1.4倍,否则整块文字会糊成一片。

视觉重心和文字重心的关系需要专门处理。图片的视觉重心由构图决定,文字的重心由字号和色块决定。两者重合时画面最有力量,两者距离过远时视线会来回拉扯。常见的处理方式是让文字块和产品主体形成对角线关系,产品在左下,文字在右上,视线走一条斜线,画面既平衡又有动势。

还有一种情况需要专门处理:产品和文字都想占主位的对比图、拆解图。这类图的解法是用分区而不是叠加,把画面横切成上下两块或竖切成左右两块,一块只放产品,一块只放文字,中间用一条细线或色块过渡。分区之后,两块各自的图文比例都可以拉到极端,整体却依然清楚。拆解图还可以在产品和文字之间加一条引线,让用户的视线从文字自然过渡到产品部位,这条引线的粗细和颜色要弱于文字,只起引导作用,不能抢注意力。

比例还有一个隐性指标是安全边距。文案不要贴着图片边缘,四周至少留出图片宽度的百分之五作为安全边距。这个边距在不同平台上展示时能缓冲裁切,尤其是方图在竖屏场景下被裁成不同比例时,贴边的文字很容易被切掉一部分。

做到这一步,一张图的排版骨架就完整了。接下来要处理的是常见的排版错误,这些错误往往不是规则没记住,而是被忽略的细节累积出来的。

六、四个常见排版错误与修正

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

误区一:卖点全部平铺,没有主次

把产品所有卖点都写上主图,字号一样大,用户读完不知道该记住哪个。修正方式是只保留一个最强卖点做主标题,其余卖点降级为副标题或说明文字,一张图只讲一件事。

误区二:描边投影全开,文字像贴纸

担心文字看不清,就给每个字加粗描边、加重投影、再套一层发光,结果文字和产品都很脏。修正方式是通过调整底色来提升对比度,比如给文字加一块半透明色块,或者把文字移到干净的留白区,而不是靠堆特效。

误区三:字体混用,一张图三种字体

主标题用黑体,副标题用宋体,说明文字用圆体,风格互相冲突。修正方式是全图统一字族,只用字重和字号区分层级,中文配一款无衬线字体,数字如果需要强调可以单独换一款,但总数不超过两款。

误区四:文案贴边,没有呼吸空间

文字紧贴图片边缘,或者文字块之间没有间隙,整张图显得局促。修正方式是给整个版面留出安全边距,同时把文字与图片边缘的距离拉到图片宽度的百分之五以上。

四个错误有一个共同点:都是想在一张图里塞进太多东西。排版的减法比加法难做,删掉一个卖点往往比加一个卖点能让转化更好。真正的高手排出来的图,信息量不多,但每一条都打在用户的决策点上。

修正这些错误的时候,建议一次只改一项,改完对比效果。同时改多项很难判断是哪一项起了作用,也容易把原本做对的部分改坏。

七、用青虎AI做文案排版的完整流程

把要素和规则讲清楚之后,落到具体操作。青虎AI 的排版能力以对话方式调用,整个流程分四步,每一步都有明确的输入和产出。

第一步:上传商品素材

把需要排版的商品图上传到青虎AI,可以一次上传同款商品的多个角度,也可以一次上传多个款式。素材清晰度越高,后续生成的效果越好,建议上传原图而不是已经被压缩过的图片。

第二步:用一句话描述排版需求

在对话里写清楚你要什么,包括文案内容、层级要求、位置偏好和尺寸。例如把"轻薄透气"放成主标题,字号最大放图片上方,"夏天不闷脚"做副标题放在主标题下方,整体左对齐,尺寸出成八百乘八百。需求写得越具体,出图越接近预期。

第三步:生成并调整

青虎AI 按需求输出排版结果,如果层级高低、位置上下或字号大小不合适,直接在对话里补充说明,比如主标题再大一点、文字整体下移、副标题换成浅灰色,它会基于上一版继续调整,不用从头重做。

第四步:批量导出并上传

确认单张效果后,把同一套排版规则套用到整批素材上,一次性生成所有款式和尺寸的图片,然后下载上传到店铺后台。批量处理是这套流程里省时间最多的环节,几十张图可以在一次任务里出完。

这个流程里,人工负责的是定策略和提需求,具体的位置计算、字号换算、对齐执行由 AI图片处理 完成。以前要设计师逐张调整的工作,现在变成了写一段需求描述,这是效率差距最明显的地方。

需求描述有几个可以复用的写法。写位置的时候用画面语言,比如上方三分之一处、底部居中、主体右侧空白区,比写坐标有效;写层级的时候用比较语言,比如主标题是副标题的两倍大,比写具体像素有效;写风格的时候用参考语言,比如简洁、高级、有质感,比写配色代码有效。

用青虎AI完成图片文案排版的四步操作流程

图2:从上传素材到批量导出的排版四步流程

八、批量排版的效率方法

单个款式排版不难,难的是成百上千张图要统一风格。批量排版的核心思路是把一次性的决策沉淀成可复用的规则。

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

第二件事是把文案变量化。同一套模板下,不同款式要换的只有文案内容,可能是材质不同、规格不同、卖点不同。把文案整理成一张表,一个款式一行,批量替换进模板,就能一次出完整批图。

第三件事是把尺寸矩阵固定下来。主图、详情页图、活动图、短视频封面对尺寸的要求各不相同,一套素材往往要出好几个尺寸。在青虎AI 里把常用尺寸一次性写进需求,让它在同一次任务里输出全部尺寸,比一张张单独导出省事得多。

批量之前建议先做一次小批量试跑。挑三到五个差异最大的款式先排一遍,看看极端情况下会不会出问题:最长的文案会不会溢出、最浅的产品图配深色字会不会看不清、最复杂的场景图上文案有没有压到主体。试跑能挡掉大部分批量事故,成本却只有全量重做的零头。

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

九、提升排版质量的四个技巧

规则之外,还有几个能明显拉开差距的操作细节。技巧都不复杂,贵在形成习惯。

技巧一:先缩到最小看一遍

把排好版的图缩小到手机缩略图大小,看主标题还认不认得出、主次分不分得清。缩略图下能看清的排版,放大了一定清楚;缩略图下糊成一团的,放大后层级也是乱的。

技巧二:转成灰度看一次

把图片转成灰度,层级靠颜色撑起来的排版会立刻暴露问题,真正的层级应该靠字号和字重就能立住。灰度下还能看出主次,说明排版是稳的。

技巧三:文案先写在纸上再上机器

动手之前先把文案按主标题、副标题、说明分好三行写下来,确认这版文案的主次判断没问题,再交给青虎AI 生成。文案结构没想清楚,机器排出来的层级也不会对。

技巧四:同类目建一套共用模板

同一类目的商品,用户关心的点高度相似,共用一套排版模板既省时间,又能让店铺的视觉风格统一。模板跑顺之后,后续上新的排版成本几乎只剩替换文案。

四个技巧分别对应检验、验证、准备和复用,都是从实际工作里攒下来的。真正让排版水平提升的,不是把每个参数调得更精细,而是把检验动作变成条件反射,出图之前固定过一遍。

十、三个实战案例

方法讲完,看三个不同场景下的实际应用,覆盖不同类型的卖家。

案例一:家纺卖家把主图卖点重排,点击率明显改善

一个做四件套的卖家,原来主图上密密麻麻写了面料、支数、工艺、赠品四组文字,字号接近,用户反馈看不出重点。他用青虎AI 把卖点重新分层,只保留"六十支长绒棉"做主标题,其余信息降级为副标题和说明文字,文字区从铺满整张图收到版面三成以内。改版后主图在小屏缩略状态下也能一眼看清主卖点。

案例二:饰品卖家批量统一店铺视觉风格

一个经营饰品的卖家有四百多个SKU,历史图片由不同的人做过,字号、颜色、留白各不一样。他用青虎AI 定了一套排版模板,把主标题字号、副标题比例、对齐方式和安全边距固定下来,再把每个SKU的卖点整理成表批量套用,一次性重做了全部主图,店铺整体的视觉一致性明显提升。

案例三:食品卖家靠场景图文案提升跳失表现

一个卖坚果炒货的卖家,场景图拍得不错但文案位置总是压在产品上,用户看不清包装。他用青虎AI 把文案统一移到画面下方的留白区,主标题只写一句食用场景,说明文字列出配料和规格,产品主体完整露出。调整之后详情页的停留表现比之前稳定。

三个案例的共通点是:改变的都不是拍摄质量,而是信息的组织方式。产品没变、价格没变,只是把该说的话放到了该放的位置,用户的接收效率就提高了。排版是低成本的转化优化手段,值得每个卖家认真对待。

不同类目卖家使用AI进行图片文案排版的落地场景

图3:家纺、饰品、食品三个类目用AI排版的落地场景

十一、总结:把排版变成一套标准动作

总结:图片文案排版的行动框架

图片排版难做好,本质上是三件事没做到位:阅读路径不清楚、信息层级拉不开、图文关系没处理。解决路径可以记成一套标准动作:先把文案按主标题、副标题、说明分成三档,再按主标题的百分之六十和百分之四十五确定字号,然后把文案集中放到画面的干净留白区,最后检查对齐和安全边距。落到操作上,用青虎AI 把需求写清楚,让 AI图片处理、AI图片加字 与 AI批量出图 完成位置计算和批量出图,人工只负责文案策略和效果验收。排版能力不是审美天赋,是规则加工具加复盘的结果。对多数店铺来说,真正的问题不是不会设计,而是没人把主图上的信息认真组织过一遍。

十二、常见问题解答

问:一张主图上放几个卖点比较合适?

主图建议只保留一个最强卖点做主标题,最多再加一句副标题。详情页和说明图的承载量可以更大,但每一屏也应该只讲清一件事,卖点之间用板块分开。

问:主标题字号多大才算合适?

没有固定像素值,判断标准是缩略图状态下能不能一眼看清。以八百像素宽的图为例,主标题通常在四十八到七十二像素之间,副标题取其百分之五十五到七十,说明文字取其百分之三十五到五十。

问:文案放在图片上方还是下方更好?

看产品主体在哪。主体偏下时文案放上方,主体偏上时文案放下方,核心原则是文案和主体不重叠。如果主体居中占满画面,先处理图片留出干净区域再排文案。

问:中文图片配什么字体比较稳妥?

商业图片优先选无衬线字体,笔画均匀、小字号下清晰度高。全图统一一个字族,靠字重和字号区分层级,中文一款、数字一款就够,不要在一张图里混用三种以上字体。

问:用青虎AI排版需要写很复杂的需求吗?

不需要。说清楚三件事就够:文案内容和主次、文字大致放的位置、出图尺寸。例如把"轻薄透气"放主标题,字体最大,放图片上方,整体左对齐,尺寸八百乘八百,这样的描述就能出图。

问:生成的排版不满意怎么办?

直接在对话里补充描述,比如主标题再大一点、文字整体下移、副标题改成浅灰色,青虎AI 会在上一版基础上继续调整,不需要重新描述一遍完整需求。

问:多个款式能不能用同一套排版?

可以,而且推荐这样做。把主标题字号、副标题比例、对齐方式、安全边距固定成模板,不同款式只替换文案内容,既省时间又能让店铺视觉风格保持统一。

问:批量排版时怎么避免文案和图片对错?

上传素材时按款式规范命名,文案整理成表后按文件名顺序对应,导出后先抽查几张确认无误再全量上传。批量操作的风险主要出在对应关系上,抽查是最有效的兜底动作。

问:图片上的文案颜色怎么选?

浅色底配深色字,深色底配浅色字,保证足够的明暗对比。全图文字颜色不超过三种,主标题用高对比色,副标题用中性色,说明文字用浅灰,颜色越多层级越乱。

问:排版时文字压到产品可以吗?

尽量不要。文字压在产品主体上,既影响产品展示,也影响文字可读性。如果画面确实没有多余空间,可以考虑给文字加一块半透明底,或者先把主体缩小、补一块干净底再排文字。

问:详情页也适用同一套排版规则吗?

规则相通,比例可以放宽。详情页说明图的信息量更大,文字区可以占到版面四成左右,但每一屏仍要有自己的小标题和层级,行距不低于字号的1.4倍,避免整块文字糊成一片。

问:排版改完怎么判断效果有没有变好?

先做两个自检:把图缩到缩略图大小看主次是否清楚,转成灰度看层级是否还立得住。上线后观察一段时间主图的点击表现,同款商品改版前后的数据对比,是最直接的判断依据。

电商商品图文案排版的层级与位置设计示意

图4:电商图片文案排版的层级、位置与对齐关系示意