咨询热线:185-6821-1900
用户体验谈:页面阅读舒适度
日期:2013/7/19 17:21:23 人气:

页面阅读舒适度一:字体和字号

      字体分为衬线体(serif)与非衬线体(sans serif)。简单的说,衬线体(serif)就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触(如图)。常用的英文衬线体有Times New Roman和Georgia,中文即是我们在windows下最常见的中易宋体。

      与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体,中文有微软雅黑和mac下默认的中文-华文细黑。

把握字体和字号,让页面文字阅读更舒适

      在过去,普遍认为有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。因此,国外网站大部分以非衬线体为主,而中文网站基本就是宋体。其实不难理解,衬线字体笔画有粗细之分,很小字的情况下细笔画就被弱化,受限于电脑的分辨率,10-12px的衬线字体在显示器上是相当难辨认的。如下图

英文字体Times和Verdanad对比

中文字体:宋体和微软雅黑对比

页面阅读舒适度二:行宽 

      每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。

      文本宽度控制在450-700px为宜,此范围内参照字号大小;

      英文每行80-100个字母(空格算一个字母)为宜;

      中文每行30-40个汉字为宜。 

页面阅读舒适度二:行高(行间距)

      通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。

      间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。

      PS:实际的用户体验往往需要考虑更多的因素:如浏览器、硬件设备、用户人群、偏好设置等细节,这就需要设计人员根据具体需要针对把握页面文字效果展示。多一份努力,多一份收获,只有做的足够,才能在普通的基础上更近一步,达到更好。

 

热门信息: 关键词优化 | 网站优化 | 长尾关键词 | 网站改版 | 网站考察期 | 网站流量 | HTTP状态码 | 网站降权 | 电脑维修 | 企业网站建设 | 新乡网站建设
Copyright 2012 贝佳网络
网站备案:豫ICP备12009006号-1