以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://blog.rexsong.com/?p=6086

该用多大的字

作者:千鸟  |   发布: (编辑)稻草   |   时间:2009-05-17 23:20:55 文字大小:- +

将来电脑的大显示屏会越来越普及,并且从现在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-H的处理。

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

 

更多
打印  |  类别:设计思想  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买