该用多大的字

作者：一叶千鸟　来源：千鸟志　发布时间：2009-05-17 14:39:00　

标签：字体,文字,用户

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

页面布局普遍更宽；
页面内容文字普遍更大。

使用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-H的处理。

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

投稿

该用多大的字

猜你喜欢