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/ |