AI淘宝banner图怎么排字？banner制作法

一个做厨房小家电的店铺，618 前做了一批活动 banner。设计稿在电脑上看着没问题：主标题”年中大促”在左，力度信息在右，底下一条细窄的时间说明。活动上线当天，店主在手机上看店铺，第一眼就觉得不对——”年中大促”四个字只剩了三个，最右边的”促”被裁掉；底下那行”5月31日至6月20日”只剩下”5月31日至”。

她把图翻出来核对，尺寸没错，比例也没错，问题出在文案放得太靠边。主标题几乎顶到了画面右侧，时间说明贴在画面下沿。电脑端展示的是一张完整宽幅图，手机端展示时画面被裁成窄幅，两边和下沿最先被切掉，被切掉的正好是字。

这类问题在 banner 上出现得特别多，原因是 banner 是所有图位里变形最严重的一种。同一个活动要在首屏、会场、商品页、推广位投放，每个位置的宽高比都不一样，一张图通吃，必然有地方被裁。文案放得越靠边，被裁的概率越高。

这篇内容围绕 banner 的文案排字展开，重点讲四件事：一行能放几个字，字号分几档，字该放在哪，活动信息按什么顺序摆。排字这件事看起来是排版问题，实际上决定了活动信息能不能被完整看到。后面会写青虎AI在排字环节能接手什么，以及用青虎AI做 banner 的四步操作。

一、字数上限：一行能放几个字

排字的第一步不是选字体，而是决定写几个字。banner 上的字量和字号是一对互相牵制的关系：字多了字号必须小，字号小了信息就传不出去。先把字数上限定下来，后面排版才有空间。

定字数上限的方法是把 banner 在手机上的最小展示宽度作为基准。同一张宽幅图在手机端展示时，宽度往往只有原图的三分之一甚至更小，文字也会同步缩小。按这个最小尺寸倒推，主标题控制在十个字以内最稳，最多不超过十四个字；副标题一行控制在十六到二十个字；辅助信息干脆只保留必要的时间或者门槛。

字数的分配要按信息的价值来定，不是平均分配。整个 banner 上真正需要被记住的通常只有一件事，比如”满 299 减 50″，其余的文字都是支撑。把主标题的位置留给这一件事，把说明压缩到最短，比把所有信息都写清楚更有效。

删字有一个实用的顺序：先删可以推断的信息，比如”活动时间”下面不必再写”限时”；再删重复的信息，比如主标题已经写了”满减”，副标题不必再说”优惠”；最后删影响力最低的信息，比如店铺名称在 banner 上通常不是必要的，因为买家已经在店里了。

字数上限还要跟图位的展示尺寸一起看。同一个活动放在首屏和放在推广位，能承载的字量完全不同。首屏的展示面积大，副标题可以保留一行；推广位的展示面积小，副标题缩下去基本看不清，只能砍掉，只留主标题和按钮词。做多位置投放时，先按最小的那个位置定字数，再往上放宽，顺序反过来会做很多无用功。

字数上限不是硬规定，它跟画面的宽度和字重都有关系。同样的字数，字重更细、字距更松的排法占的地方更大。稳妥的做法是先把文案按上限写出来，排完之后缩到手机尺寸看一遍，看不清就减字，而不是缩字号。

二、字号层级：三档就够了

banner 上的文字层级过多，是画面显得乱的直接原因。三档足够：主标题、副标题、辅助信息。三档之间的字号差要拉开，主标题和副标题之间通常需要一点五倍到两倍的差距，副标题和辅助信息之间再差一档。

字号差不拉开的表现是整块文字看起来一样大。买家的眼睛在 banner 上停留的时间很短，字号差不多的时候，视线的落点是随机的，先看到哪一行完全靠运气。字号拉开之后，视线会被自然引导到最大的一行上，信息传递的顺序就由排版决定了。

主标题的字号还有一个容易被忽略的要求：在缩略图上必须可辨。把 banner 缩到手机展示尺寸，主标题应该仍然能读出来。如果缩略图状态下主标题已经糊成一团，这个字号就是偏小的，需要减字而不是加行。

字号层级不要靠颜色来补。有些排法把副标题做成亮色来提升存在感，结果副标题比主标题更抢眼，顺序被彻底打乱。字号负责顺序，颜色只负责区分，两者的分工不要混。

三档字号定下来之后，不要在每一个图位上重新定一遍。同一个活动的 banner 铺到首屏、会场、商品页时，主标题与副标题的字号差距应该保持一致，只是整体缩小或者放大。这样买家换了位置再看，信息的层级关系不会变，也不需要重新适应。

三、安全区：字该放在哪里

文案被裁掉的根因，几乎都是安全区没留。安全区是画面里一条看不见的边界，重要内容收在边界以内，边缘只留给背景和装饰。

安全区的范围可以按经验估：左右两边各留出画面宽度的百分之五到八，上下两边各留出百分之八到十。四角是最危险的位置，因为不同比例裁切时，四角最先被切掉。主标题和力度信息都应当避开四角，放在画面横向的中间区域。

不同图位对安全区的要求还不一样。首屏轮播位的画幅偏宽，左右被裁得更多；商品页顶部的画幅偏窄，上下被裁得更多；推广位的尺寸最小，几乎没有多余空间，文案必须集中在中部。同一个活动的 banner 铺到三种位置时，安全区的范围应该取三者的交集，也就是按最苛刻的那个位置来留。

安全区的问题还有一个验证动作：把 banner 按最窄和最高的极端比例各裁一次，看看文案有没有被切。这一步在电脑上就能做完，花的时间很少，能挡掉大部分上线后才发现的问题。

图1：文案贴边的排法与收在安全区内的排法，在极端比例裁切后的完整度对照

四、活动信息按什么顺序摆

活动信息不是一句话，而是一组信息：力度、门槛、时间、参与方式。这四类信息在 banner 上有固定的优先顺序，摆错了顺序，买家要花时间才能理解活动怎么参加。

第一个位置给力度。买家看活动 banner，最先想知道的是能省多少，所以”满 299 减 50″这类信息应该出现在最大的字号里，位置最显眼。力度信息的表述必须与实际活动规则一致，不能为了好看把门槛写小或者把力度写大。

第二个位置给门槛和范围。满足什么条件才能享受，哪些商品参与，这些说明用副标题承载，字号明显小于力度信息。门槛信息的作用是减少后续的咨询和纠纷，写清楚了比不写省事。

第三个位置给时间。活动的起止时间有时效性，放在辅助位置就行，但要保证完整可读，起止日期不能缺一头。活动结束之后要及时下线，挂着过期活动信息会带来不必要的纠纷。

第四个位置给参与方式。领券、进会场、加购这类动作，用短词按钮的形式呈现，字数控制在四到六个字。按钮的位置通常在主标题下方或者画面右侧，属于视线路径的末端。

四类信息的顺序不要随意调换。把时间放在力度前面，买家先看到”6月20日结束”，还要继续找力度在哪里；把参与方式提到中间，视线路径会被打断。顺序稳定下来，买家看得快，活动信息的传达效率也高。

四类信息里最容易出错的是力度和门槛的表述。力度信息要写实，满减的门槛和金额按真实规则写，不把”满 199 减 10″写成”最高减 50″这种含糊表述；门槛信息要写全，指定商品、限定品类、是否叠加这类条件不能漏。买家按 banner 上的理解进店，发现条件对不上，后续的沟通成本远高于当初多写几个字。力度、门槛、时间这些内容由运营按真实活动方案提供，排版环节只负责把它放清楚。

五、青虎AI能接手 banner 排字的哪些环节

排字的规则清楚之后，出图的环节可以交给工具。青虎AI是一套对话式的电商作图工具，把商品图和参考图上传进去，用日常语言说清楚要什么，比如”做一张红色促销 banner””主标题写满减力度，字号要最大，文案都收在中间区域”，它按描述出图，并且支持批量处理。

AI banner负责 banner 画面与文字的产出。文案的层级、字号顺序、放置位置都在这一步完成，需求描述里写清安全区要求，工具会把文字收在中间区域，不贴边。

AI图片生成解决底图素材的问题。没有合适的活动氛围图时，可以按描述生成背景和装饰元素，把商品与文案放在上面。生成的画面用于背景和氛围，商品本体必须来自真实拍摄，活动信息也必须来自真实活动方案。

AI首页图负责首屏那一版的主视觉。首屏 banner 与其他位置的区别在于它有承接页面的任务，文案信息比会场入口更少，留给画面的空间更多，这一步单独处理会更合适。

AI店铺图负责整店风格的一致。同一个活动的多个位置用同一套色板和字级规则产出，买家从首屏点到会场，视觉是连贯的。

AI批量出图负责多尺寸产出。同一套文案与素材需要横版、方版、竖版时，一次输出多个规格，每个规格单独排字，而不是靠缩放套用。

图2：青虎AI对话式界面，上传素材后描述文案层级与安全区要求即可出图

六、用青虎AI做 banner 的四步操作

从文案到成品，走四步。四步里人工需要花时间的仍然只有需求和验收。

图3：banner 文案从定字数、分层字号、收进安全区到极端比例试裁导出的排字流程

七、四个常见误区

排字的坑不复杂，但反复出现。下面四个误区在活动 banner 上出现的频率最高。

八、四个能立刻用上的技巧

绕开误区之后，再看几个能直接提高排字质量的做法。

九、三个真实使用场景

把方法放回场景，看三个店铺是怎么处理 banner 排字的。

三个场景里被解决的问题都是同一类：文案能不能被完整看到。店主判断的仍然是活动力度怎么写、面向谁、在哪个位置投放，这些判断明确之后，排字、分层、适配尺寸这些动作交给青虎AI执行，banner 的文案就很少再出问题。

图4：从一个活动多位置投放、同屏底图统一到按人群分版本的三类 banner 落地场景

十、总结：让文案完整落在买家眼里

十一、常见问题解答