同样一段话,用不同的方式排,读者愿意读下去的概率能差好几倍。这不是玄学,是排版在起作用。很多人以为排版是「美化」,其实排版的第一目标是降低阅读阻力——让读者的大脑不用额外费劲,就能顺着文字走下去。

字号和行高:最容易被忽略的两个参数

屏幕上正文的字号,中文一般 16px 起步,低于这个在手机上就会发涩。但光有字号不够,关键是行高。行高太紧,行与行挤在一起,眼睛找不到下一行的起点;行高太松,视线容易跳行。经验值是字号的 1.5 到 1.75 倍,长文取偏高的一侧。

还有一个常被忽视的点:每段不要太长。一行超过 40 个汉字,读者就要花更多精力在「换行回扫」上。很多网站刻意把正文限制在 600–700px 宽的栏内,就是这个原因。

对比度:看不见的「层级感」

好的排版靠对比建立层级:标题比正文大、粗、颜色更深;次要信息弱化为灰色。但对比不能只在「颜色」上做文章——之前写过无障碍配色,核心就是确保文字和背景的对比度够高,色弱用户也能分清。

在浅色背景上,正文用接近纯黑的深灰(如 #222)比纯黑更柔和;在深色背景上则反过来。你可以用 颜色对比度 工具量一下你的配色,低于 4.5:1 就该警惕了。

留白和阴影:让区块「浮」起来

留白不是浪费空间,是给眼睛休息的地方。段落之间、卡片之间留出呼吸感,信息传递效率反而更高。

卡片式的设计里,轻微的阴影能暗示「这是一个独立单元」。不过阴影滥用会变成脏兮兮的重影。一个克制的做法是用很淡、很柔的投影——用 阴影生成 调一个 0 1px 3px rgba(0,0,0,.08) 这种程度的,比生硬的黑边高级得多。

先用结构化,再谈漂亮

如果你还没想好样式,先用 Markdown 把内容结构写出来,再逐步叠加排版细节会更高效。用 Markdown 预览 实时看渲染效果,比在脑子里想象快得多。结构对了,再调字号、配色、阴影,阅读体验会肉眼可见地变好。

一句话总结

排版的核心不是「好看」,是「好读」。把字号调到舒服、行高调到透气、对比调到清晰、留白调到从容,你的文字就已经胜过大多数随手堆砌的页面了。