详情图字号层级怎么设置？AI编辑器文字分级法

一张详情图看着”有点乱”，很多时候既不是配色的问题，也不是留白的问题，而是所有字都一样大。标题、卖点、说明、参数挤在同一个字号里，用户在屏幕上往下滑的时候，眼睛找不到落点，只能一行一行硬扫。扫到一半觉得累，就往上划走了。

字号层级解决的就是这件事。它把一屏里的文字按重要性分成几档，让用户先看到最该看到的，再顺着层级往细里看。层级做对了，用户不用读完全部内容，也能在三秒内知道这屏在讲什么。

这篇讲一套能直接用的四级文字体系：主标题、副标题、正文、注释分别管什么，各级之间的倍数关系和字重怎么搭，以及层级一乱用户会有什么反应。工具部分仍以青虎AI【详情图编辑模式】为例，它的顶部工具栏可以直接改字号、字重和对齐方式，是调层级最常用的入口。

图1：字有没有分级，决定了用户第一眼看到什么

一、字号层级解决的是什么问题

用户看详情图的方式和读文章不一样。读文章是一条线往下走，看详情图是跳跃的——眼睛会先抓最容易抓住的东西，抓到了再决定要不要停留。字号就是这个”最容易抓住的东西”里最直接的一个信号。

字大，用户默认它重要；字小，用户默认它是补充。当一屏里所有字一样大，这个信号就失效了，用户拿不到任何提示，只能靠把每行都读一遍来判断主次。这个成本很高，多数人不会付出这个成本，直接下滑。

层级做出来之后，用户的行为会变成这样：先看最大的主标题，知道这屏讲什么；如果感兴趣，再看副标题，知道具体讲哪几点；还有兴趣，才看正文和注释。整个过程是漏斗式的，不感兴趣的人自然会走，感兴趣的人会得到完整的解释。这比让所有人硬读一遍要高效得多。

有个容易被忽略的点：层级不是给设计师看的，是给用户的滑动动作看的。用户手指一动就是几百像素，一屏可能只停留一秒多。层级不清的图，在这一秒多里什么都传达不出去。

二、四级文字体系：每一级管什么

一套好用的层级不用太复杂，四级就够。超过四级，用户分辨不出差别，等于白分。低于四级，细节和主信息会挤在同一档里，重点还是浮不出来。

主标题是每一屏最大的那行字，一屏通常只有一个。它的任务是回答”这屏讲什么”，比如”夏季速干面料””三层加厚结构”这种一句话结论。主标题不需要说完整，说完整是正文的事。

副标题在主标题下面，一屏可以有二到四个。它回答的是”这块讲哪一点”，比如”面料透气数据””对比普通款的优势”。副标题是分层的主力，很多一屏讲三点的图，靠的就是三个副标题把内容切开。

正文是解释性的文字，回答”具体是怎么回事”。它承载信息量，但不负责抢注意力。正文的设计原则是把该说的说清楚，不要求它被第一眼看到。

注释是最小的一档，放参数、单位、备注、补充说明。它存在的意义是”有据可查”，用户需要的时候能找到就行，不需要在滑动时跳出来打断节奏。

三、各级的倍数关系与字重搭配

层级靠的是相对关系，不是绝对数值。定好一个基准，其他三级按倍数往上或往下推，整张图的秩序自然就出来了。

图2：同样的内容量，分了级就有主次，不分级就是一整块字

从这张表能看出两件事。一是相邻两级之间大约差 1.3 到 1.6 倍，主标题到正文大约差 2 到 2.5 倍，落差够大用户才分得出。二是最小一档不要低于 12px，缩到手机屏以后 12px 已经接近能看清的底线，再小就变成装饰而不是信息。

字重的搭配有个简单的原则：同一级只用一种字重。所有主标题都加粗，所有正文都常规，不要这一屏正文加粗、下一屏正文常规。字重跨级更要注意，副标题不能比主标题还粗，正文不能加粗到和副标题一样抢眼，一旦抢了，用户就会先看到正文，层级就反过来了。

四、层级混乱的三个后果

层级乱不是审美问题，它会实打实地影响用户行为。下面三个后果在数据上都能看出来。

第一个后果是用户不知道先看什么。一屏里全是同级别信息时，用户的视线会在几个元素之间来回跳，跳两下之后放弃，直接往下滑。这种”看了但没看进去”的状态最亏，因为内容写了、图也做了，成本全花了，效果是零。

第二个后果是重点被平均掉。层级清楚时，用户不读全文也能带走那句话结论；层级混乱时，重点和补充说明混在一起，用户读完了也只记得”字很多”。多数商家的经验是：一屏文字超过 40 字，移动端用户大概率直接跳过。而层级清晰恰恰是让用户少读也能读懂的办法。

第三个后果是转化会掉。用户找不到关键信息，购买决策链就被拉长，一部分人在这条链上流失。详情页的加载速度也有影响，移动端页面加载每慢 1 秒，转化率约下降 7%，而层级混乱的图往往内容更多、图层更厚，加载负担也更重。这两件事叠加在一起，损失是翻倍的。

五、青虎AI【详情图编辑模式】改字号能改到什么程度

调层级需要能逐块改文字的工具。青虎AI【详情图编辑模式】的定位是详情图生成模块下可二次精细化排版的工具，依托 LinkPix 引擎生成初稿后，内置一个轻量化在线编辑器，能直接调图文位置、改文字样式、增删排版模块，不用跳到第三方设计软件。

字号相关的操作集中在顶部工具栏。字体默认是思源黑体 SC，也可以切换；字号、字重（加粗或常规）、对齐方式（左中右）、文字颜色都能单独调；文案内容本身也能增补或删减。想给某一行提级或者降级，在这一栏里都能完成。

中间画布区负责位置的配合。文字调大以后原来的位置可能放不下，这时可以拖动模块、缩放大小，也可以用「解除组合」把整块拆成独立元素，只挪需要动的那一行。底部工具栏提供撤销、重做和新增素材模块，调过头了随时能退回去重来。

也要说清它的边界。编辑器改的是文字的呈现方式，不改变内容本身，也不替代平台规则的审核。改完字号层级之后，字与图的对应关系要重新确认一遍，导出前建议先保存版本，方便回滚，最终成品仍要按平台规则和广告法人工过一遍。

六、动手之前先定好这三件事

字号层级调不顺，多半是动手之前没定好基准。三件事定下来，后面每一屏都照这个来，速度会快很多。

这四件事里最容易被跳过的是最后一件。很多层级问题的根源不是字号没调好，而是一屏想讲的内容本来就超出了它的承载量。定好一屏信息量，字号层级才有地方发挥。

七、从上传到导出的操作步骤

下面以一款家居收纳用品为例，走一遍从生成初稿到调完层级的完整流程。整个过程在一个界面里完成，不需要打开别的设计软件。

图3：层级一共要过三道关，从选初稿到定字重再到导出

这张表的顺序也有依赖关系。字号一改，文字占的宽度和高度都会变，位置和换行跟着变，所以先把字号字重定死，再动位置和版式，能少走一大半回头路。反过来先排版再调字号，排好的版会被字号撑乱。

八、四个常见误区

九、四个提效技巧

十、三个可以照做的场景

四级体系的配比不是死的，不同屏的任务不一样，重点级的用量也不一样。下面三个场景覆盖了最常见的三类需求。

图4：层级到不到位，最后要在大屏和手机上各看一遍

三个场景共同指向一个判断：主力级别跟着这屏的任务走。开篇屏比第一眼，主标题就得压得住；卖点屏比条理，副标题的一致比大小更重要；参数屏比准确，正文和注释必须明显分开。同一张长图里，四级之间的倍数关系保持稳定，各档的用量按屏调整，整张图就会既有统一标准，又有节奏变化。

还有一类屏值得单独提一下，就是场景展示屏。这类屏的主角是图片，文字只是补充说明。这时候主标题可以保持正常级别，正文反倒可以适当放大一点，因为这一屏总共没几个字，放大不会造成拥挤。判断依据还是那句话：看这屏的任务是什么，再决定哪一级当主力。

十一、总结与常见问题