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

导语：谈到到网页设计中的排版，这是可个大学问。网站上每一

个元素都能影响浏览，排版设计的好与坏绝对能考验一个设计师的基

本功底，以下是小编为大家精心整理的网页设计中文字排版设计的技

巧，欢迎大家参考！

行长

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

况下都不会超过

40

个汉字。这是因为如果每行文字过长，读者会不停

的转动脖子，感到疲惫的同时也会降低阅读效率

;

目光从行尾移至下一

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

页上的文章阅读。由于显示器是横向的，我们更要注意划分阅读区域。

文本宽度控制在

450-700px

为宜，此范围内参照字号大小

;

英文每行

80-100

个字母

(

空格算一个字母

)

为宜

;

中文每行

30-40

个汉字为宜。

行宽

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

让人注意到段落起点和终点，阅读比较困难

;

如果一行文字过短，眼睛

要不停来回扫视，破坏阅读节奏。因此我们可以让内容区的每一行承

载合适的字数，来提高易读

*

。传统图书排版每行最佳字符数是

55

—

75

，实际在网页上每行字符

75

—

85

更流行。中文在

14

号字体时，建

议

35

—

45

个文字。

间距

通过设置间距，我们就可以控制文字的密度。网页设计中，如果

每行间距太小，与文字过长一样，读者浏览文章时也容易串行

;

如果行

距过宽，阅读时就会感觉文章不够连贯。间距没有固定的值，通常是

根据字体大小来定义的。在

word

里我们常看到双倍行距、单倍行距和

1.5

倍行距的选项。网页上行距的单位常用

em

来表示，不管是中文网

站还是英文网站，大家多喜欢用

1.5em-1.8em

的行距。以

1.6em

的

行距为例，字号

16px

的字，行距就是

25.6px

。

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