该用多大的字

星期天 05.17.2009 - Posted in 工作分享, , - 3,234 views
将来电脑的大显示屏会越来越普及,并且从现在web设计作品中能观察到两点趋势: 页面布局普遍更宽; 页面内容文字普遍更大。 使用1280×800和1280×1024的用户越来越多,并且1440×900...

将来电脑的大显示屏会越来越普及,并且从现在web设计作品中能观察到两点趋势:

  1. 页面布局普遍更宽;
  2. 页面内容文字普遍更大。

使用1280×800和1280×1024的用户越来越多,并且1440×900也占了相当比例。也就是说,常规屏幕宽度已经远远超出了曾经1024的主流标准。好多网站首页都把正文(或列表,后文不赘述)文字都改大了,基本打破由12px统一天下局面,因为高分屏阅读小字会比较吃力。

同时,页面上文字也不是越大就一定越好,因为看起来比较大的感觉是相对的。如果页面上90%都是12px的文字,剩下10%是14px,那么效果就比较突出;如果页面上60%都是12px的文字,其余40%是14px,那么效果肯定很糟糕。而且保证首屏显示内容足够多、足够清晰是基本设计原则,因此需要折中最优。个人判断,如果将来屏幕普及更大更宽,首先布局趋势不会更宽,其次页面内容文字不会更大,适应1024宽度的960px/14px将是扫视、阅读的最佳比例。

最近做某些评估时,还发现个规律——文字大小字号越少的页面,传达效果必然越受限。因为可扩展表现形式就那么几种,中英文同时适用,只不过中文因可选字体太少会更明显。如果再配合颜色差异,可以保证Web UI层次分明而丰富多彩,原理可参考07年总结内容呈现的减法

其实可访问性原则的标记语言已经明确提到这点,针对h1-h6标题的合理使用。但是任何效果都可以用style定义出来,那为什么要还H1-H6这么复杂?有人说为了搜索引擎友好,我认为这不是根源,关键是提醒web设计师在语义角度注意呈现多样化,包括对其他标签的合理使用。讲究迎合搜索引擎那只是后来的事,因为搜索引擎友好的规则也是在参考W3C标准。前段时间学习几个比较成熟的CSS框架,也特别关注了针对H1-H6的处理。

中文最常用的是12px, 14px, 16px, 18px四种双数定义。某些字体13px效果也不错,更大也不难看,但再小普遍浏览器的支持不好。相比之下,英文选择丰富得多,从9px到更大,配合不同系统支持字体几乎都有好效果,我相信这是英文web页面比中文好看的重要原因之一。(为准确阐述,本文统一使用PX单位计算)

© 一叶千鸟(转载请留原文链接,更新于2010年03月29日14点)

14条评论 发表»

ds.duan says:

一直喜欢小五或11-12PX的中/英文字体,不论多大分辨率设置的显示器。(指大面积的字体非标题类)。

MakLu says:

大多数人在浏览器看到的中文字体都是宋体,14px的宋体确实是最舒展的,跟12px的宋体长的就不一样。

不过,ClearType效果显示的微软雅黑就感觉差不多了,12px和14px一个样子,只是变大了一些,Mac和Linux下也应该是这种效果吧?

————
另,我竟然是先在下面填了“怎么称呼”“email”“网站”三项才到这个框里写评论的…… 那个红色的“*”看着就怕

zyx says:

“如果页面上90%都是12px的文字,剩下10%是14px,那么效果就比较突出” 因网站的设计和布局的不同 这一条应该不是通用原则吧

xaovan says:

作为新手,读过千鸟的每篇佳文都是受益颇多。
这里的10%(13px/14px)应该是指正文部分吧。

kwy says:

xaovan,
说实话我认为博主写网志普遍比较有深度,不是给新手看的。
倒是经常看到新手,和不懂的人误解。

xaovan says:

@kwy
我觉得“新手”这个词跟所读文章的“深度”没有关系,能看懂学会的便是新手。
比如你让比尔盖茨去研究化学就是个新手,有深度的化学让盖茨来看肯定看不懂,有深度计算机内容让盖茨读,他基本不会读。

zgjie says:

为什么要双数的呢?感觉正文15px也不错。介于14和16之间。我家一台N年前的旧显示器,14px看着还是有点小,16又在正常的显示器看起来大。所以觉得15不错。

点头猪 says:

高分屏下12px中文阅读起来确实比较辛苦,
目前这个阶段还是寄希望于样式的表现来突出焦点了

Elo says:

@MakLu
同意MakLu的说法,14px的宋体会达到一种特殊的状态,突然变得圆润起来。

我在想,如果根据屏幕分辨率来做些文字大小的调整,会不会太过分……

Nick says:

做excel时,看数字宋体9px会比较舒服

大头阿当 says:

font-size: 120%;
难道不能考虑在baseline上自适应么?

erik0 says:

以后都用矢量字体了,不受内嵌点阵影响,多少pxz早晚会失去意义
屏幕是越来越宽了,但个人希望网页更窄一点,因为这样可以在屏幕上并排看两个网站或者同时干点其它什么事

riant says:

以前也偏向于喜欢 12px 乃至更小的字体,并且觉得更显精致些。觉得14px 不大不小,不很好看,同时,很长时间郁闷于门户网站标题,正文怎么都采用 14px 字体。

现在又很奇怪的发现14px 也不是那么难看了,跟着感觉走,没有理论支持,一直很奇怪诶。

发表评论

Spammer必读