V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Oliver
V2EX  ›  字体排印

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

  •  
  •   Oliver · 2010-09-20 22:37:31 +08:00 · 9823 次点击
    这是一个创建于 5169 天前的主题,其中的信息可能已经有所发展或是发生改变。
    中文网页中,为了便于阅读,正文(主栏)的像素宽度,字号,每一行的字数是否存在一组合适的数值?对于这些元素,你在设计中是如何选择的?
    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
       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   ·   实用小工具   ·   2778 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 15:36 · PVG 23:36 · LAX 07:36 · JFK 10:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.