网页的正文中,每行显示多少字合适?

2010-09-20 22:37:31 +08:00
 Oliver
中文网页中,为了便于阅读,正文(主栏)的像素宽度,字号,每一行的字数是否存在一组合适的数值?对于这些元素,你在设计中是如何选择的?
9866 次点击
所在节点    字体排印
16 条回复
Olivia
2010-09-20 22:39:45 +08:00
This would be quite a great question to be asked in Project Q.
gonghao
2010-09-20 22:46:04 +08:00
有兴趣知道,报名围观一下~
smallcolor
2010-09-20 22:49:55 +08:00
去量一下Google或Baidu搜索结果页的宽度和字数即可。
rveo
2010-09-20 22:59:49 +08:00
个人认为,,这些得看你的网站规划设计的需要。。而是问我们。。
Livid
2010-09-20 23:12:24 +08:00
Twitter for iPad 的 column 宽度值得参考。

我自己在做的时候,正文我倾向于 600px,至少 500px。影响正文宽度的另外一个因素就是广告。

行高 line-height: 200%。
lianghai
2010-09-21 00:53:12 +08:00
难道是 Apple4us 准备重做主题了?

这个和选用的字体和行距都有关,不过粗略地说,基本上 14px 的文字用 500 到 600px 的行宽还是比较合适的。
具体的调整还是得让人来感受。这些事情和网站内容是晦涩还是浅显,段落大还是小都有关系。

我试着插个话:昨天查了一晚上都没找到合适的方案,有没有什么办法让中文段落在各个主要浏览器中都能渲染为完美的“justify”(双齐末行齐左)?因为目前各家浏览器对来自 IE 的 CSS3 属性 text-justify 的支持都不好。
CalibreWong
2010-09-21 13:40:48 +08:00
纯属打望,我不研究这个
diamondtin
2010-09-21 14:24:21 +08:00
国外平面排版(印刷)规矩一般是一行10个word,不超过15个word。那么中文相应的应该是25个字左右。不过这要求你的网站正文区域在不同分辨率适配单栏和分栏的布局,目前CSS3中的Column layout部分在力求解决它,但是目前看还不完美吧?
diamondtin
2010-09-21 14:28:34 +08:00
每行字数是阅读心理学问题,限制字数是为了提高Readability。英语国家有很多人有阅读障碍,所以现在行内字数可以帮助这些人断句,在一定程度上提高可读性。中文用户好像出现这种问题没有那么多吧?平面设计里面的排版基本上都是分栏的布局,通过增加留白、行高提高可读性,网页设计里面也是一样。
lianghai
2010-09-21 19:52:51 +08:00
@diamondtin “那么中文相应的应该是25个字左右”是怎么推理出来的?
即使没有所谓的阅读障碍,可读性设计不合理也是让人不舒服的。
fcicq
2010-09-22 22:32:29 +08:00
---英语国家有很多人有阅读障碍

这个问题偶也有. 文章主体区域不能超过 500 px - 600 px, 再宽就会觉得难受了. 用 ipod touch 横屏读英文文章都略有难度, 竖着就好多了. 这就只剩 320 px 了.
lianghai
2010-09-23 20:34:00 +08:00
@fcicq 这算不了所谓的“阅读障碍”。行宽过大是排版者的考量不足。过长的行要求读者长时间稳定视线,而且没有空隙休息,这对任何人来说都是不舒服的。
Platinum
2010-11-16 15:35:59 +08:00
我当初想到这个问题的时候,就随手拿起身边的几本书,发现都是一致的 40 汉字宽
neozhang
2010-11-16 16:31:43 +08:00
好问题,期待好回答。
lushnis
2010-11-16 16:35:28 +08:00
我曾经和同事对比过几种方案,中文 14px 的话,每行 35 个字左右看上去比较舒服,宽度大约500-600px 是比较舒服的。
jjgod
2010-11-16 17:20:03 +08:00
The Elements of Typographic Style 上的建议是字体大小的 30 倍左右。

另外可以参见:
http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.2/

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/2766

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX