详情图做到第二张的时候,多数人会掉进同一个坑:这张图想用这个字体,下张图想用那个,最后整套详情图里出现了四五种字体,单看每一屏都还行,连起来看就像不同人做的。这不是审美问题,是没有给字体定规则的问题。
字体这件事在详情图里被讨论得不多,原因是它看起来不如配色和版式有存在感。但实际影响不小:同一套详情图用统一字体,读者在滑动的时候不需要重新适应视觉节奏,信息传递的效率更高;字体换来换去,眼睛每滑一屏就要重新识别一次,读起来是累的。这种累不会让人立刻离开,但会让人少看几屏。
青虎AI【详情图编辑模式】的顶部工具栏里,字体是可以直接切换的,默认是思源黑体 SC。可选项多不代表应该多用,生意的逻辑是稳定压倒花哨。这篇讲的是怎么给一套详情图定字体规则:一套图里用几种、每个层级配多大的字号、字重该怎么用,以及默认字体够不够用。

图1:字体规则定得越早,后面改的越少。
一、字体的作用被高估了,层级的作用被低估了
先说一个判断:在详情图这种信息密度较高的物料里,字体的作用被高估了,字号和字重的作用被低估了。原因是字体是一种风格信号,它传递的是「这张图想给人什么感觉」,而详情图的重点是「让人快速看懂」。风格信号用一次就够,读得清楚才是每一屏都要面对的问题。
真正决定阅读顺不顺的,是层级。所谓层级,就是读者第一眼看什么、第二眼看什么、最后补什么。这个顺序靠字号拉开,靠字重强调,靠留白分隔。一屏里如果主标题、副标题、正文、注释四种字号都差不多大,读者就得从头读一遍才能找到重点,效率很低。反过来,字号差距拉开之后,眼睛会自动先落到最大的那行,再往下走,几乎不用费力。
字体在这里的角色,其实是给这套层级加一层统一的底噪。一套图只用一种字体的时候,字号带来的层级差异是纯净的,读者只会感受到「大小不同」;一旦字体种类多了,同样大小的两段字会因为字体不同而看起来不一样重,层级判断就乱了。这就是为什么「一套图不超过两种字体」这条建议值得认真执行。
再往下说一层:详情图最终是给谁看的。国内平台的详情图主要在手机上被消费,屏幕尺寸有限,一屏能承载的信息量本来就不多。行业里有个常见的经验值,一屏文字超过一定密度,移动端用户大概率直接跳过。字体的选择在这件事上有直接影响——笔画太细、字重太轻的字体,在小屏幕上看着发虚,读者反而更费劲。所以详情图优先选笔画清晰、字形方正的字体,是有实际理由的,不是审美偏好。
还有一层和成本相关。详情图的调整周期通常比想象中长,一张上架的图可能在半年里改过七八次。如果字体规则一开始没定,每次改图都要重新想一想「这句该用什么字体、多大字号」,单次看是几秒钟的事,累积起来是一笔不小的时间开销。把规则定死在前面,后面的每一次改动都变成查表,这才是能长期跑下去的做法。
把这几层放一起看,字体在详情图里的正确定位就清楚了:它不是用来展示设计能力的,而是用来降低阅读成本的。一套统一的字体加上清晰的层级,读者不需要思考就能顺着往下看;反过来说,字体混乱带来的唯一结果,是让人多花力气却少记住东西。这个判断直接决定了后面所有的取舍。
二、一套图里字体用几种,怎么定
一个可以直接执行的规则:一套详情图里,字体种类控制在两种以内,绝大多数情况一种就够。默认的思源黑体 SC 属于比较中性的字体,笔画粗细均匀、字形方正,在手机上看清晰度有保障,作为整套图的基础字体是合适的。
什么时候需要第二种字体?一般是这几种情况。做品牌调性比较强的详情图,标题需要一个更有设计感的字体来体现气质,正文继续用中性字体保证可读性;做跨境或者面向特定市场的详情图,需要一套更符合当地阅读习惯的字形;或者详情图里有非常突出的价格、数字,需要一个数字形态更醒目的字体来强化。
需要第二种字体的时候,用法也要收敛。常见且稳妥的分工是:标题用带设计感的那一种,正文和注释全部用中性字体。不要出现「标题一种、副标题另一种、正文又一种」这种排布,字体一变多,前面讲的那层统一底噪就没了,读者感受到的是杂乱而不是丰富。
还有一个实操细节:中英混排。详情图里经常出现英文型号、数字参数、单位符号,不同字体对英文和数字的处理差异很大。有些字体中文字形很好看,但英文偏窄、数字偏挤,和中文放在一起会显得瘦。切换字体之后,把带英文和数字的那几行单独看一眼,确认它们和中文的视觉重量相当,再决定用不用。
如果实在拿不准要不要加第二种字体,可以用一个简单的测试:把整张长图快速滑一遍,注意力有没有被某处的字体差异打断。如果滑的过程中完全没注意到字体,说明这套选择是成立的;如果滑到某一屏突然停下来想「这里怎么换字体了」,那这次切换就是多余的,换回统一字体反而更好。
顺带说一句和平台相关的事。不同平台对详情图的要求不完全一样,有的平台对文字密度和排版自由度更宽容,有的平台要求更干净。做跨境电商的尤其要考虑这一层,主流跨境平台上很多类目对图片上的文字限度比较严格,字体选择上也要偏向克制、清晰的方案,用最小的视觉干扰承载必要的信息。

图2:层级拉开之后,同一个屏幕读起来会轻松很多。
三、字号按层级定,别凭感觉调
字号是最容易凭感觉调的属性,也是副作用最大的。今天觉得标题不够大,加两号;明天觉得正文太小,也加两号,几轮下来整张图到处都是大字,层级反而没了。更稳定的做法是先把层级的档位定下来,每一档对应一个用途,然后照着用。
详情图里的文字大致可以分成四档:主标题、副标题、正文、注释。主标题是每一屏最想让人看到的那句,副标题是对主标题的补充或者限定,正文是解释和说明,注释是单位、备注、条件这类辅助信息。四档字号之间要保持能看出来的差距,档和档之间如果只差一点点,读者感受不到层级,等于白分了四档。
经验上,主标题和正文之间的字号差距要足够明显,副标题落在两者之间,注释明显小于正文。具体数值取决于长图的宽度和模块大小,国内平台详情图宽度通用口径是 750px,抖音商城常见 800px,亚马逊常见 1000 到 1500px,宽度不同,同样的字号观感不一样。所以更好的做法不是记死数字,而是在一套图里定好四档的相对关系,然后整套图沿用这套关系。
定好之后有一个隐含好处:改字的时候不会乱。新换的文案只要放进对应的档位里,字号就不用重新想。这也是为什么建议在生成初稿之后先花几分钟把字号层级统一一遍,后面所有的改动都会在这个基础上进行,成本被摊薄了。
| 调整动作 | 解决什么问题 | 在工具栏哪里 | 调整后的自检 |
|---|---|---|---|
| 切换字体 | 整套图的风格基调,或者特定市场的字形适配 | 顶部工具栏字体选项 | 中英混排的视觉重量是否协调 |
| 改字号 | 拉开层级,让读者一眼找到重点 | 顶部工具栏字号选项 | 缩小整屏后能否看出哪行最重要 |
| 改字重 | 在同层级里标出一个需要跳出来的关键词 | 顶部工具栏加粗或常规 | 本屏加粗内容连起来是否读得成一句话 |
| 改对齐方式 | 让同屏元素有统一的视觉基准 | 顶部工具栏左中右对齐 | 同屏是否只剩一种对齐方向 |
| 改文字颜色 | 引导视线落到价格、优惠这类重点信息 | 顶部工具栏颜色选项 | 重点色是否只用了一处 |
这张表把工具栏上几个属性各自解决什么问题列清楚了。用的时候对号入座,就不会出现「想突出标题结果去改了颜色」这类动作错位的情况。属性用对了,一次调整就到位;用错了,改完看着还是不对,又要再试一遍。
四档层级的判断方法
把一张长图缩小到整屏都能看到的大小,然后看每一屏能不能一眼分辨出哪行字最重要。如果能,层级就是清楚的;如果每一屏都觉得「这几行差不多大」,说明档位之间的差距不够,需要重新拉开。
| 层级 | 承担什么信息 | 字号关系 | 字重建议 | 常见错误 |
|---|---|---|---|---|
| 主标题 | 这一屏最想让读者记住的一句话 | 整套图里最大的一档,明显高于其他层级 | 加粗,同屏唯一 | 标题不够大,被正文淹没 |
| 副标题 | 对主标题的补充或限定条件 | 介于主标题和正文之间,和主标题拉开可见差距 | 常规或轻微加粗 | 和主标题字号太接近,看起来是两行标题 |
| 正文 | 功能说明、场景描述、参数解释 | 整套图的基础字号,长度可控、阅读舒适 | 常规 | 正文太小,手机上需要放大才看得清 |
| 注释 | 单位、备注、限制条件、补充说明 | 明显小于正文,但保持可读 | 常规,可用更浅的颜色 | 注释做得过小,实际等于没有传达 |
四、字重是用来分层的,不是用来强调的
字重是最容易被滥用的属性。多数人的直觉是「重要就加粗」,结果一屏里加粗出现四五次,最后读者根本不知道哪一处才是重点。字重的真正用途是分层——同一层级内部,用它标出一个需要稍微跳出来的对象,而不是给所有想强调的内容都加粗。
有一个简单的自检方法:把这一屏里的加粗文字全部连起来读一遍,如果读出来的是一句完整的话,说明加粗用对了,它标的是核心信息;如果读出来是一堆互不相干的词,说明加粗用多了,等于把重点平均分配了。详情图的加粗,一屏留一个就够。
字重还有一个常见误区是「用加粗代替放大」。标题已经够大,再加粗,视觉重量叠得过头;正文本来就小,靠加粗来补存在感,读起来会显得闷。更合理的关系是:大的字不需要再加粗,小的字加粗也救不回来,字重是在字号已经分好层级之后,做的一点点强调。
青虎AI 的顶部工具栏同时提供字号和字重的设置,两个属性放在一起其实是在提醒一件事:它们解决的是不同问题。遇到「这行字不够突出」的情况,先想清楚是「它整体不够大」还是「它里面的关键词不够醒目」,前者调字号,后者调字重。想清楚再动手,比来回试要快。

图3:从主标题到注释,字号逐级收窄,字重只在关键位置出现。
五、动手前的准备与设置顺序
字体相关的调整最好一次做完,而不是每次改图都顺手改一改。下面这四件事建议在拿到初稿之后统一过一遍,之后所有改字都在这个基础上进行。
定一套字体规则
先决定这套图用几种字体。多数情况一种就够,需要品牌感的时候加到两种,并且规定好哪种用在标题、哪种用在正文。规则定下来之后,后面每一屏照做,不再临场决定。
定四档字号关系
把主标题、副标题、正文、注释四档的字号关系定好,重点是档与档之间要能看出来。不用记死具体数值,记住相对关系,整套图沿用同一套比例即可。
定字重的使用规则
明确一屏只留一个加粗对象,其余统一常规。这条规则看着硬,但执行起来最省心,也最能保证整套图的视觉一致。
准备文案与平台尺寸
把定稿文案写好,同时确认要发的平台。淘宝天猫详情图通用宽度是 750px,抖音商城常见 800px,亚马逊常见 1000 到 1500px,宽度不同字号观感会变,提前知道能少返工。
调整顺序:先内容,再字号,最后字重
和改字一样,字体相关的设置也讲顺序。先把文案内容改定,再定每段文字属于哪一档、字号设多少,最后处理关键词的加粗。顺序反了,内容一变长度变了,字号和字重全要重来。
字体规则的复用价值
青虎AI【详情图编辑模式】里的字体设置会跟着这一版的编辑结果一起保存。把字体规则定好并保存一次之后,后面同品类的新图可以沿用同一套层级思路,不需要每次从零开始判断。规则复用得越久,整套详情图的视觉一致性越稳。
六、从进入编辑器到导出的六步
下面按实际界面走一遍。这里只讲和字体、字号、字重相关的动作,其余模块调整不展开。
步骤一:进入编辑模式并生成初稿
登录青虎AI 工作台,左侧点【创作】-【电商详情图】-【电商详情图(编辑模式)】;也可以从 LinkPix 首页的【电商详情图】标签进入后切到编辑模式。上传最多 10 张产品图,写明产品、卖点和风格,配好尺寸、语言、配色、数量,提交生成。
步骤二:挑选初稿并进入编辑器
在结果里挑一张版式结构最接近目标的,点下方的【编辑】进入内置编辑器。挑的时候不用太在意初稿的字体和字号,这些本来就是你要统一调整的部分。
步骤三:在顶部工具栏统一字体
先处理字体。默认是思源黑体 SC,如果需要第二种字体,只在标题上使用,正文和注释统一用中性字体。切换之后看一眼英文和数字的观感,确认和中文的视觉重量相当。
步骤四:按四档层级统一字号
把全图的文字按主标题、副标题、正文、注释分成四档,逐屏确认每段文字属于哪一档,再把同档的字号统一。这一步是整套图视觉一致性的关键。
步骤五:用字重做最后的强调
在每个屏里挑一个最想让读者记住的对象加粗,其余保持常规。全部加粗完之后,把加粗的内容连起来读一遍,确认读出来是一句完整的话而不是一堆散词。
步骤六:先【保存】再【导出】
字体、字号、字重全部定好之后,点右上角【保存】留存这一版,再点【导出】得到最终的高清长图。定了字体规则之后建议多保存一次,后面继续改图时可以直接以这一版为基准。
七、四个常见误区
误区一:一套图里用四五种字体
字体种类多了,读者每滑一屏就要重新适应视觉节奏,读完一整套会觉得累,信息传递效率反而下降。默认的中性字体已经能覆盖绝大多数场景,需要区分层级的时候用字号和字重,不要靠换字体制造变化。
误区二:每屏都比上一屏把字号加大一点
凭感觉调字号的后果是整张图越往下字越大,层级彻底失控。正确的做法是先定四档关系,每一段文字都归到一个档位里,同档同字号。判断标准是缩小整屏之后,一眼能看出哪行最重要。
误区三:加粗用得太频繁
把重点全部加粗,等于把重点平均分配了。加粗的价值来自对比,一屏保留一处,其余靠字号和留白组织。自检方法是把加粗内容连起来读,读得通说明用对了,读不通说明加多了。
误区四:换字体之后不看英文和数字的观感
很多字体中文字形好看,英文和数字却偏窄偏挤。详情图里型号、参数、单位这些内容很常见,换字体之后要专门看一眼中英混排的效果,确认视觉重量是否协调,不然会出现「中文饱满、英文发虚」的割裂感。
八、四个提效技巧
技巧一:先定规则再改图,不要边改边定
在动手之前把字体种类、四档字号关系、字重规则先定下来,然后整套图按规则执行。规则定一次能用很久,后面所有改图都不用重新思考,效率差异非常明显。
技巧二:把整屏缩小看层级
放大做局部调整的时候容易只关注那一小块,看不出整体。把画布缩小到整屏可见,退后看一遍,哪一屏层级不清、哪一处字号突兀,一眼就能发现。这是调字号最有效的一个动作。
技巧三:用字号区分层级,用字重标记关键词
这两件事分工清楚之后,遇到「不够突出」的情况就不会乱试。整体不够大就调字号,里面的关键词不够醒目就调字重。想清楚是哪一种,改起来一次到位。
技巧四:全套图沿用同一套比例
一套详情图里,主标题和正文的比例关系应该整套图保持一致。这样即使模块大小不同导出的字号数值有差异,读者感受到的层级关系是稳定的,整张长图的节奏感也就有了。
九、三个可以照做的场景
场景一:品牌详情图需要一个有调性的标题字体
正文继续用中性字体保证可读,只给每一屏的主标题换成更有设计感的那一种。这样既有品牌气质,又不会牺牲阅读体验。换完记得看英文和数字的观感,确认和中文的重量相当。
场景二:参数密集的详情图要让数据更醒目
参数页文字多、层级容易糊。做法是把参数值归到副标题档位放大,参数名留在正文档位,单位和备注收到注释档位,再给最核心的那个数值加一次粗。三层拉开之后,信息一屏就能读完。
场景三:多语种详情图的字体适配
同一套产品要做英语站和泰语站,生成阶段可以直接选对应语言。不同语言的字长和字形差异较大,进入编辑器之后要重新确认字号层级是否还成立,必要时调小或调大某一档,保证可读性。

图4:两个人一起核对层级,比一个人盯着屏幕更容易发现问题。
十、总结与常见问题
总结:字体少一点,层级清一点
详情图的字体问题,本质上不是选哪个字体好看的问题,而是整套图的视觉规则是否统一的问题。青虎AI【详情图编辑模式】的顶部工具栏把字体、字号、字重都做成了可以直接设置的控件,默认字体是思源黑体 SC。用法上守住三条就够:一套图的字体不超过两种,多数情况一种即可;字号按主标题、副标题、正文、注释四档来定,同档同字号;字重只用来给每屏挑一个关键词做强调,不用来给所有重点加粗。这三条定下来之后,整套详情图的阅读节奏是稳定的,后面所有改字和换文案的动作都会在这个基础上进行,返工量自然就少了。调整顺序记牢:先内容,再字号,最后字重;保存和导出仍然是两个动作,先保存再导出。
问:详情图的字体在哪里换?
答:在编辑模式的内置编辑器里,顶部工具栏可以切换字体。默认是思源黑体 SC,选中要改的文字后切换即可。整套图建议控制在两种字体以内。
问:一套详情图里用几种字体合适?
答:两种以内。绝大多数情况一种就够,默认的中性字体已经能覆盖常见场景。只有做品牌调性较强的图,或者需要针对特定市场做字形适配时,才考虑加第二种,并且只用在标题上。
问:字号有没有推荐的具体数值?
答:没有一套通用的固定数值,因为长图宽度不同,同样的字号观感差别很大。国内平台详情图宽度通用口径是 750px,抖音商城常见 800px,亚马逊常见 1000 到 1500px。更实用的做法是在一套图里定好四档的相对关系,整套沿用。
问:字重除了加粗还有别的用法吗?
答:在详情图里,字重一般就是加粗和常规两种。它的用途是分层,给同一屏里最想让人记住的那个对象做一点强调。一屏留一处就够,多了就失去区分作用。
问:为什么我的详情图看久了觉得累?
答:多数情况是层级不清造成的。一屏里几个层级的字号太接近,眼睛找不到重点,就得从头读到尾,读几屏自然会累。把主标题、副标题、正文、注释的字号差距拉开,问题通常就解决了。
问:换字体之后要注意什么?
答:重点看英文和数字。很多字体中文字形好看,英文和数字却偏窄偏挤。详情图里型号、参数、单位很常见,切换字体之后专门看一眼中英混排的效果,确认视觉重量协调再用。
问:标题已经够大了,还有必要加粗吗?
答:一般不需要。字号大本身就承担了突出的作用,再加粗会让视觉重量叠得过头,反而显得笨重。加粗留给那些字号不大但需要跳出来的关键词更合适。
问:正文加粗能不能弥补字号偏小的问题?
答:不能。字号偏小带来的问题是识别成本高,加粗改变的是笔画粗细,不改变字形大小,读者该费劲还是费劲。正文偏小应该直接调大字号,而不是靠加粗补救。
问:多语言详情图的字体怎么处理?
答:生成阶段可以直接选简体中文、英语、泰语等多语言,进入编辑器之后字体仍然可以切换。不同语言的字符长度和字形差异大,切换之后要重新确认四档字号层级是否还成立,必要时单独调整某一档。
问:一屏里能不能同时出现两种字体?
答:能,但要克制。比较稳的分工是标题一种、正文和注释另一种,不要出现同一句里混用两种字体的做法。同屏字体种类多了,层级判断会被字体差异干扰。
问:字号调完之后发现某屏撑破了怎么办?
答:先判断是内容太长还是字号太大。如果是内容可以精简,优先精简文字;如果内容必须保留,就把这一段的字号降一档,或者调整它所在模块的大小。详情图的文字以短为宜,撑破通常说明这段写得太满了。
问:字体设置好之后还要人工审核吗?
答:要。字体和排版调整完之后,结果仍需按平台规则和广告法人工审核,重点看文字表述有没有问题、参数是否准确、有没有绝对化用语。工具负责出图,合规这一关由人来过。

评论列表 (0条):
加载更多评论 Loading...