网页的正文中,每行显示多少字合适? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Typography Sites
< href="http://www.typography.com/" target="_blank">Hoefler & Frere-Jones
Google Web Fonts
方正字库开放云平台
Type is Beautiful
Oliver
V2EX    字体排印

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

  •  
  •   Oliver 2010-09-20 22:37:31 +08:00 10341 次点击
    这是一个创建于 5505 天前的主题,其中的信息可能已经有所发展或是发生改变。
    中文网页中,为了便于阅读,正文(主栏)的像素宽度,字号,每一行的字数是否存在一组合适的数值?对于这些元素,你在设计中是如何选择的?
    16 条回复    1970-01-01 08:00:00 +08:00
    Olivia
        1
    Olivia  
    MOD
       2010-09-20 22:39:45 +08:00 via iPod
    This would be quite a great question to be asked in Project Q.
    gonghao
        2
    gonghao  
       2010-09-20 22:46:04 +08:00
    有兴趣知道,报名围观一下~
    smallcolor
        3
    smallcolor  
       2010-09-20 22:49:55 +08:00
    去量一下Google或Baidu搜索结果页的宽度和字数即可。
    rveo
        4
    rveo  
       2010-09-20 22:59:49 +08:00
    个人认为,,这些得看你的网站规划设计的需要。。而是问我们。。
    Livid
        5
    Livid  
    MOD
    PRO
       2010-09-20 23:12:24 +08:00
    Twitter for iPad 的 column 宽度值得参考。

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

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

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

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

    这个问题偶也有. 文章主体区域不能超过 500 px - 600 px, 再宽就会觉得难受了. 用 ipod touch 横屏读英文文章都略有难度, 竖着就好多了. 这就只剩 320 px 了.
    lianghai
        12
    lianghai  
       2010-09-23 20:34:00 +08:00
    @fcicq 这算不了所谓的“阅读障碍”。行宽过大是排版者的考量不足。过长的行要求读者长时间稳定视线,而且没有空隙休息,这对任何人来说都是不舒服的。
    Platinum
        13
    Platinum  
       2010-11-16 15:35:59 +08:00
    我当初想到这个问题的时候,就随手拿起身边的几本书,发现都是一致的 40 汉字宽
    neozhang
        14
    neozhang  
       2010-11-16 16:31:43 +08:00
    好问题,期待好回答。
    lushnis
        15
    lushnis  
       2010-11-16 16:35:28 +08:00
    我曾经和同事对比过几种方案,中文 14px 的话,每行 35 个字左右看上去比较舒服,宽度大约500-600px 是比较舒服的。
    jjgod
        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/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     888 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 20:05 PVG 04:05 LAX 13:05 JFK 16:05
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86