您当前的位置是:首页 - 设计理论 - 正文

网页设计选择字体决定用户体验
发布日期:2014-12-10  浏览次数:1293次   优化北京网站建设  

       越来越多的人人选择在移动终端浏览网站,网站内的阅读体验已经变得越来越重要。字体的选择正是决定用户的体验度,不同的字体给用户的感觉不同,字体必须在规避一些基础问题上进行选择。下面简单介绍一种常用字体的一些适用和不适用环境,网页设计是需注意。


       一看是否具有高辨识度

 

       例如Consolas这款字体,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。

等宽字体受字母本身的干扰较小,字母大小固定,密度固定,此类字体,简单容易辨认,大大提升了阅读效率。但等宽字体也有很严重的问题,高辨识度提高了但是降低了美观程度,因此,大多只能用于一些代码编辑器等软件。


网页设计选择字体决定用户体验

 

       二看是否适合长时间阅读

 

       Arial和Gerogia, 这两款字体在pc的网页上都非常用,哪一种更适合长时间阅读?

 

       虽然看起来无衬线字体虽然更简洁,醒目,但识别性却不如衬线字体那么明确,要想让读者进行长时间阅读,更需要的是让读者一扫而过,不需要思考就能读出文字,而Georgia恰好具备这一点特质。因此,一般来说在同等印刷条件下衬线体在的阅读速度要比无衬线体快五分之一左右。

 

       衬线的笔画辅助起到的不仅是美观,还有助于辨识字体,其次,这些衬线笔画可以使得这些字母在基准线上的笔画在视觉上会形成一定的水平导视,可以引导视觉朝着水平方向移动,使得被识别性系数提高,这就是为什么类似于Georgia的衬线字体会在pc端和传统出版都会如此受欢迎的原因。

 

       三看是否适应移动终端

 

       移动端与PC端有些不一样,例如iPad 的显示屏亮度和对比度要高于普通电脑,因此很多在普通电脑上合适的字体和设计直接搬到 iPad 上会由于背景的亮度而产生实物过虚的问题。这一点在搭配字体时尤其成为问题。某些细字体却严重发虚,导致原本适合的搭配变得不般配,严重影响了体验。

 

       Retina Display 带来更细的精度,同时也给字体渲染带来了更多问题,由于在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。因此一些字体比如Georgia 就会变得非常细,导致字体在显示时与设计时不一致,影响了体验。


       事实上,我们没有办法去改变硬件,只能尽量避免这些问题,因此在移动终端适当的加大文字尺寸(14px-16px)是比较明智。此外还可以加大文字的磅数也是避免发虚的办法,而在英文显示方面,PC端的经典之一Georgia还需慎用。



上一篇:网页设计避免这些错误
下一篇:网页设计的误区——我喜欢
点击查看更多设计理论新闻   丨   点击返回上一页