
AI 生成的中文页面,很多人看一眼都觉得别扭。
通常不是配色错了,也不是 AI 本身完全没有审美。
这一篇文章解决的就是 如何解决AI 生成物中文排版难看的问题。

在中文排版的HTML中,翻到 CSS 才看到病根:
`letter-spacing: -0.075em`
`line-height: 1.4`
字体栈第一位是 `Inter`
这三行,没有一行是为汉字准备的。
- 负字距原本是收紧英文大标题的技巧;
- 1.4 是拉丁文常见的舒适行高;
- Inter 没有汉字字形,中文最终会落到系统兜底字体。
作者以为自己选了字体,实际什么也没选到。
AI 排的中文难看,首先不是审美水平问题,而是语言结构问题。

汉字不是换一种语言的「字母」
AI 大多在一整套字母排版的默认值里工作。
但汉字和字母,在三个地方从根上不同。
1. 汉字等宽,词之间没有空格
拉丁文靠空格切词、靠连字符断行;字母有宽有窄,行内天然有疏密节奏。
汉字每个字几乎占满同一个字身框,词之间没有缝。中文文本块更像一堵均匀的墙,呼吸感只能靠行高和留白从外部给出来。
2. 单字信息密度和笔画密度都更高
同一句话,中文横向更短,但每平方厘米的墨量更高。一个字承载的语义接近一到两个英文单词,笔画却可能从一画到二十几画。
这也是为什么中文正文通常要比英文更松。CJK 排版实践常见约 1.7 的行高;如果把英文 65 个字符的舒适行长误读成 65 个汉字,一行会横跨整屏,眼睛回到行首时已经失去位置。
3. 中文可用的层级手段更少
英文能用 Small Caps、斜体、字母间距、大小写、衬线与无衬线切换来做层级。
中文没有大小写,也没有真正对应的斜体。楷体不是斜体,伪斜只会毁字形。
中文层级主要靠三件事:字号、位置关系、留白。
手段少了,AI 不懂,所以你就得理解怎么让 AI 排版更舒适。
那些“说不出哪里不对”的症状
理解上面三条后,常见的问题都会有名字。
标题写成一整句。 英文标题可以很长:字母窄,有空格,大写还能提供锚点。中文一个字装一个概念,标题更适合是词组或不带标点的短句。六到十四个字通常够了。标题里一旦出现逗号和句号,它就成了被放大的正文。
断行完全交给浏览器。 中文理论上可以断在任意两字之间,浏览器却不懂语义。一个词被劈开,或最后一行只剩两三个字,标题都会立刻泄气。中文标题手动断行不是偷懒,是标准动作。
细字重配浅灰。 `font-weight: 300` 加 `#999` 在英文里可能显得干净;放到中文里,笔画会先虚掉,Windows 的渲染尤其明显。
照搬多列网格。 英文界面常用三列、四列,因为单词窄,也能缩写。中文不能随便缩写;每列不足十五个字时,分列只会制造断行。

一张可以直接带走的处方
这些不是靠逐条打补丁修出来的。先把基础参数设对,页面就已经过了及格线。
正文用 16–18px,行高 1.75–2.0;标题行高 1.3–1.5。 `letter-spacing` 保持 0,汉字不加负字距。 正文字重不低于 400,颜色深于 `#666`。 一行控制在 30–45 个汉字,容器给 `max-width`。 主标题 6–14 字,不带标点。 每列不足 15 个字,就不要分列。 字体栈第一位写 `PingFang SC`。
还有一条不在参数表里,但 AI 最常犯:不要解释。
AI 写中文页面时,习惯在每个标题后补一句说明、每条规则后补一段理由。页面于是被稀释成一篇作文。
成熟的中文版式相信读者。留白本身就是说明。
排版病历速查表
给 AI 改中文页面,别只说“排版优化一下”。它不知道你觉得哪里难受;你得把你认为不舒服的点,翻译成一个能执行的句子。
它排成这样
就这么说
标题是一整句,还带逗号句号
标题用不带标点的词组或短句,控制在 6–14 字;完整意思放副标题。
标题在一个词中间断行,标题手动断在语义处,或加 text-wrap: balance。
上下两行挤在一起,正文用 line-height: 1.9,标题控制在 1.3–1.5。
标题的字互相侵占,letter-spacing: 0,汉字不加负字距。
字又细又浅,正文字重不低于 400,颜色深于 #666。
一行横跨整个屏幕,一行控制在 30–45 个汉字,容器给 max-width。
四列表格每格全是断行,每列不足 15 个字,就改成一行一卡或字段纵向排。
字体第一位写 Inter,字体栈第一位写 PingFang SC。
每条后面都补一段理由,不要解释,能删的话都删掉。
AI 的中文写作能力,短期内仍会比它排版中文的能力强得多。前者有海量语料,后者真正可学的好样本却大多是英文。
所以中文排版里,人的判断仍很重要。