这是一个创建于 5181 天前的主题，其中的信息可能已经有所发展或是发生改变。
中文网页中，为了便于阅读，正文（主栏）的像素宽度，字号，每一行的字数是否存在一组合适的数值？对于这些元素，你在设计中是如何选择的？
 |
1
Olivia MOD This would be quite a great question to be asked in Project Q.
|
 |
2
gonghao 2010-09-20 22:46:04 +08:00
有兴趣知道，报名围观一下~
|
 |
3
smallcolor 2010-09-20 22:49:55 +08:00
去量一下Google或Baidu搜索结果页的宽度和字数即可。
|
 |
4
rveo 2010-09-20 22:59:49 +08:00
个人认为，，这些得看你的网站规划设计的需要。。而是问我们。。
|
 |
5
Livid MOD Twitter for iPad 的 column 宽度值得参考。
我自己在做的时候，正文我倾向于 600px，至少 500px。影响正文宽度的另外一个因素就是广告。 行高 line-height: 200%。 |
 |
6
lianghai 2010-09-21 00:53:12 +08:00
难道是 Apple4us 准备重做主题了？
这个和选用的字体和行距都有关，不过粗略地说，基本上 14px 的文字用 500 到 600px 的行宽还是比较合适的。 具体的调整还是得让人来感受。这些事情和网站内容是晦涩还是浅显，段落大还是小都有关系。 我试着插个话：昨天查了一晚上都没找到合适的方案，有没有什么办法让中文段落在各个主要浏览器中都能渲染为完美的“justify”（双齐末行齐左）？因为目前各家浏览器对来自 IE 的 CSS3 属性 text-justify 的支持都不好。 |
 |
7
CalibreWong 2010-09-21 13:40:48 +08:00
纯属打望，我不研究这个
|
 |
8
diamondtin 2010-09-21 14:24:21 +08:00
国外平面排版（印刷）规矩一般是一行10个word，不超过15个word。那么中文相应的应该是25个字左右。不过这要求你的网站正文区域在不同分辨率适配单栏和分栏的布局，目前CSS3中的Column layout部分在力求解决它，但是目前看还不完美吧？
|
|
9
diamondtin 2010-09-21 14:28:34 +08:00
每行字数是阅读心理学问题，限制字数是为了提高Readability。英语国家有很多人有阅读障碍，所以现在行内字数可以帮助这些人断句，在一定程度上提高可读性。中文用户好像出现这种问题没有那么多吧？平面设计里面的排版基本上都是分栏的布局，通过增加留白、行高提高可读性，网页设计里面也是一样。
|
|
10
lianghai 2010-09-21 19:52:51 +08:00
@diamondtin “那么中文相应的应该是25个字左右”是怎么推理出来的？
即使没有所谓的阅读障碍，可读性设计不合理也是让人不舒服的。 |
 |
11
fcicq 2010-09-22 22:32:29 +08:00
---英语国家有很多人有阅读障碍
这个问题偶也有. 文章主体区域不能超过 500 px - 600 px, 再宽就会觉得难受了. 用 ipod touch 横屏读英文文章都略有难度, 竖着就好多了. 这就只剩 320 px 了. |
|
12
lianghai 2010-09-23 20:34:00 +08:00
@fcicq 这算不了所谓的“阅读障碍”。行宽过大是排版者的考量不足。过长的行要求读者长时间稳定视线，而且没有空隙休息，这对任何人来说都是不舒服的。
|
 |
13
Platinum 2010-11-16 15:35:59 +08:00
我当初想到这个问题的时候，就随手拿起身边的几本书，发现都是一致的 40 汉字宽
|
 |
14
neozhang 2010-11-16 16:31:43 +08:00
好问题，期待好回答。
|
 |
15
lushnis 2010-11-16 16:35:28 +08:00
我曾经和同事对比过几种方案，中文 14px 的话，每行 35 个字左右看上去比较舒服，宽度大约500-600px 是比较舒服的。
|
 |
16
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/ |
Select Language