跳到主要内容

AI生图做3C数码竖版卖点图:文字层级怎么排才不糊

雨林凯AI 官方博客

3:4 和 9:16 的竖版主图在3C数码里几乎是标配,能看的却不多。问题很少出在文案水平,出在落笔之前没人决定"谁先被看见"。雨林凯AI(简称雨林凯)做这类图,第一步不是写提示词,是先画那条从上往下的视线。

竖版卖点图糊掉,缺的是落点​

竖版卖点图读起来像一团灰,多半不是字写多了,而是这些字从头到尾只有一个字号、一种字重、一个颜色。眼睛扫过去找不到第一个该停的地方,于是整块文字被当成背景纹理,直接跳过去。

竖版的动线往下走,方版往四周散​

方图的视觉重心在中间,眼睛从中心往外绕,四个角都是收容所,信息挂哪儿都能被捡回来。竖版不是。竖版是一列,从上往下,像电梯。上半部是广告位,中间是解释位,底部是收尾位。最想说那句压在左下角,读者滑到那儿,注意力基本用完了。

所以落笔第一件事,是决定上半部那块白留给谁。常见分法是产品占中段、文字压下三分之一;反过来,文字占上三分之一、产品从下方顶上来,适合机身没什么细节可看的品类,比如充电头。两种都成立,混着就不成立——文字上下各挂一块,视线被产品从中间切断,会在断口停住,然后走人。

三层不是三个字号,是三种被看见的速度​

一眼层:品类词或者核心动作。读者在列表里滑过去时,唯一有可能抓住他的那几个字。

二眼层:一句参数,或者一句场景,回答"凭什么"。

三眼层:型号、兼容、认证、容量,兜底用,读不读都不影响决策。

分层的判断方法很土,但好用:把成图缩到手机商品列表那种大小,大概一个指甲盖。还能直接读出来的,是一眼层;得凑近才认得出的,是二眼层;彻底糊成灰线的,是三眼层。列表尺寸下没有存在必要的,删掉比留着体面。

这里有个容易忽略的点:三层不等于三种颜色。靠颜色分层最不稳,色值在压缩和不同屏幕上都会漂。字号和字重的差可靠得多——一眼层粗一号到两号,二眼层常规,三眼层细体。具体边界可以看AI生图功能说明,文字还原度受分辨率约束,提示词补不齐。

AI生图3C数码黑色智能遥控器竖版卖点图,白底,主文案「智能遥控 一键直达」及灵敏按键、人体工学、广泛兼容三个卖点

一眼层给动作,二眼层给三个短词,三眼层留白不塞参数,遥控器这种小机身才有呼吸的位置。

字数是有物理上限的​

经验区间:主标题 4–8 字,副标 10–16 字,小字参数不超过 3 组。

为什么再多就糊?不是排不下。是生成模型重绘文字时,画布分给每个字的像素是固定的。一行 8 个字,单字横向像素还算宽裕;挤到 16 个字,单字像素腰斩,笔画之间的缝先消失,"兼"和"容"就粘成一坨墨。换字体、把提示词写细都改不了,这是分辨率的除法。

参数区的逻辑一样。三组排开,每组还能分到一点空间;五组挤进去,每组只剩一指宽,数字先糊。

AI生图竖版卖点图案例:绿色抽纸场景图,主文案「云感柔肤」「空气云立体压花」「88抽3层·无香」,参数前置排版

参数前置不一定要竖排罗列,把规格压成一行短句放在主标题下方,反而比四组并列更抗压缩。

那天五组参数全糊在一行里​

去年十一月中旬,赶一个智能遥控器的竖版。客户给的表里列了五条卖点,每条四个字,看着整齐,我们图省事,五组并排压在机身下方的白底上,想着白底干净、字又短,稳。

出图第一版就出事。"灵敏按键""人体工学"还算清楚,因为左右有余量;"广泛兼容"和"一键直达"挨太近,中间那道缝没撑住,四个字连成一条黑带。缩到列表尺寸看,整行像画了条下划线。

当时已经九点多,改了两版提示词,把"字距加大"写进去,模型理解成整体缩小,字是分开了,一眼层也跟着弱了。第三版才想明白:不是字距的问题,是一行里塞了二十个字。删到三组重出,一次过。剩下两条挪进详情页。那晚的教训很具体——五组不是排不下,是排下了也读不出来。

深色机身是文字的地雷区​

3C 产品大多是黑、深灰、深蓝。字压在机身上,等于把黑字放在黑底上,对比度只靠那点亮度差,压一次就没了。

两条路。一条把文字挪出机身,压在外围留白上,产品待在一侧;另一条给文字找一块更亮的背景,让字压背景。做运动护膝那张走的第二条:深蓝到亮蓝的渐变,主文案压在左上最亮处,产品放右下,蓝底顺手把"科技感"也说了。

AI生图3C数码运动护膝竖版卖点图,JOBAND专业运动护膝,蓝色科技感渐变背景,左上品牌位,主文案「专业运动护膝」「减震防护 运动更安心」加四组卖点

深色产品配亮背景,是让文字活下来最省力的办法,代价是产品的边缘要收得干净。

三处错了,整张图就废了​

logo、按键、接口。这三处是模型最容易改坏的地方:logo 会被重绘成一个看着像但不认识的图形,按键多一个少一个,接口方向会反,Type-C 口画成梯形也不稀奇。

字糊了还能改文案,这三处错了只能重做。看成图的顺序要反过来:先看这三处,再看字。遥控器那张第一版按键就多了一个,缩略图看不出,放大才发现。

主图的规矩,管不到卖点图​

不少平台对第一张主图的文字占图面积有比例限制。这条只管首图,不管第二到第五张,也不管详情页首屏。所以竖版卖点图的位置往往靠后:第二到第五张,或者详情页第一屏。

把它当首图做,两头不讨好:要么被规则拦下,要么信息在裁切里丢一半。首图负责让人停下来,卖点图负责让人相信。出图流程上的分工可以参照使用指南,一次出多版再挑,比反复改一版省时间。

三个验收动作​

缩略图测试:缩到列表尺寸,一眼层还认得出吗。认不出就是层级没拉开,不是字不够大。

镜像测试:把图在手机上左右翻转对比。糊掉的字翻过来更扎眼,大脑对熟悉字形的自动补全失效了。

大屏测试:投到显示器,或者打印一张 A4。笔画毛边、字被背景吃掉,这些都只有放大才看得见。

三个都过才能发;过不了,八成是层级没拉开。雨林凯做验收时先看缩略图,这张最便宜,也最接近读者真正看到的样子。

有些品类其实不需要​

单一定价、没有参数、没有功能差异的简单配件——一条普通数据线、一个手机支架。一张干净的产品图加一行字就够,硬做三层反而显吵,产品退到后面去了。

竖版卖点图是给"需要解释"的产品准备的。判断标准也简单:卖点一句话说不完,才值得开三层;说得完,就把那句话放大。

常见问题​

Q:竖版卖点图一定要排三层文字吗? 不一定。SKU少、卖点单一的产品两层就够,一眼层加一句参数,剩下的交给产品图。三层是用来装需要解释的信息的,硬凑第三层会让画面变吵,也会把单字像素摊薄,反而更容易糊。

Q:主标题到底写几个字最稳? 4到8字。少于4字信息不够,多于8字单字像素开始吃紧,小尺寸出图时笔画容易粘连。四字词最舒服,八字的组合要保证后半句不是凑数,否则不如砍掉重写。

Q:文字可以压在深色机身上吗? 尽量别。3C产品多为黑或深灰,黑字压上去等于没有对比。能挪就挪到机身外的留白区,实在挪不动再用浅色字加极细描边,但描边会削弱质感,属于退路不是方案。

Q:为什么预览时字很清楚,导出后就糊了? 多半是预览尺寸和最终出图尺寸不一致。预览时字被放大显示,笔画间隙看着够用;实际像素一压缩,间隙先消失。按投放尺寸出图,再缩到列表大小看一遍,才知道真实效果。

Q:卖点图放在商品图的第几张合适? 第二到第五张,或者详情页首屏。首图受平台文字占比规则约束,不适合承载密集文案。把卖点图当首图做,往往既过不了规则,也没能把信息留住,两件事分开办更稳。

想亲手试试这些效果?
注册即可获得免费额度,直接在你的商品图上跑一轮
前往雨林凯AI 产品站 →