2024年4月3日发(作者：)

网页设计中文字排版设计的技巧

行长

我们随手拿起一本书或者一份报纸，数一数每行的文字，一般情况下

都不会超过40个汉字。这是因为如果每行文字过长，读者会不停的转动

脖子，感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首，也

很容易串行，影响读者浏览文章的节奏。这点同样适用于网页上的文章阅

读。由于显示器是横向的，我们更要注意划分阅读区域。文本宽度控制在

450-700px为宜，此范围内参照字号大小;英文每行80-100个字母空格算

一个字母为宜;中文每行30-40个汉字为宜。

行宽

我们可以想象一下：如果一行文字过长，视线移动距离长，很难让人

注意到段落起点和终点，阅读比较困难;如果一行文字过短，眼睛要不停

来回扫视，破坏阅读节奏。因此我们可以让内容区的每一行承载合适的字

数，来提高易读性。传统图书排版每行最佳字符数是55—75，实际在网

页上每行字符75—85更流行。中文在14号字体时，建议35—45个文

字。

间距

关于段距，我们要考虑一下具体实际情况。比如文章篇幅较短，就不

需要很宽的段距;二文章篇幅很长，特别是那些偏学术的比较枯燥的文

章，就要多利用段距把握文章的节奏，给阅读者喘息和思考的机会，且使

文章更有层次和可读性。如图所示，1.5-1.8em的行距的确是非常适于阅

读的文字密度。

另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%

是非常常见的。比如简书16号字体，行间距27px/段间距36px=75%。文

字字号本身比较大，所以行间距也不需要严格按照1—1.5倍的比例设

置，不过行间距和段间距的比例符合75%，看起来很不错，这样的视觉效

果让人在阅读时保持一种节奏感，这就是在实际情况中将规范的灵活应

用。

行对齐

排版中很重要的一个规范就是把应该对其的地方对齐，比如每个段落

行的位置对齐。

不论哪种视觉效果，精美的、正式的、有趣的还是严肃的，一般都可

以应用一种明确的对齐来达到目的。

通常情况下，建议在页面上只是用一种文本对齐，尽量避免两端对

齐。

文字留白

在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵

循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要

根据页面实际情况给页面四周留出余白。

对齐

在网页设计中，元素在页面上不能随意摆放，每一项都应与页面内容

存在某种联系。对齐可对齐是网页设计必不可少的部分，它可以帮助设计

师做出吸引人的设计，是优秀网页设计的潜在要求。

7

亲密性

位置的接近意味着存在关联，亲密性是指将相关项组织在一起让它们

从整体看看起来和谐统一。亲密性可以从两点入手：适当留白、以视觉重

点突出层次感。比如以下案例中图文搭配，这是多个元素在一起的组合排

版。