小文字,大体验

标签: 视觉设计 | 发表时间:2012-05-24 14:50 | 作者:ivydoll
出处:http://mux.baidu.com

随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败?


1.是否具有高辨识度

首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。

还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上略有区别,基本上分不清,很难做到一目了然。
由此可见,等宽字体受字母本身的干扰较小,字母大小固定,密度固定,此类字体,简单容易辨认,大大提升了阅读效率。但等宽字体也有很严重的问题,他用降低美观程度而换来了高辨识度,因此,大多只能出没于在一些代码编辑器等软件。


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

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

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

无衬线的Arial就好像大家闺秀,更适合地铁等一些醒目的标牌等一些大场面,而非衬线的Georgia却似小家碧玉,字里行间,百看不腻。


3.是否适应移动终端
由于iPad 的显示屏亮度和对比度要高于普通电脑,因此很多在普通电脑上合适的字体和设计直接搬到 iPad 上会由于背景的亮度而产生实物过虚的问题。这一点在搭配字体时尤其成为问题。某些细字体却严重发虚,导致原本适合的搭配变得不般配,严重影响了体验。
Retina Display 带来更细的精度,同时也给字体渲染带来了更多问题,由于在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。因此一些字体比如Georgia 就会变得非常细,导致字体在显示时与设计时不一致,影响了体验。

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


4.是否拥有缜密的排版
这一点,在中文的排版上 唐茶 就做的非常不错,实现了禁则处理、齐头尾、英文换行(hyphenation)等排版基本功,还对标点外挂(行末出现的句号、逗号、分号等标点会被「悬挂」到文字右边框的外沿。)和段首缩进进行了实验性尝试,都给读者带来了良好的阅读体验。

此外,阅读的体验还决于其他的重要因素,比如在不同的场合应用不同的字体,字体的大小,磅数,文字一行的长度,文字之间的密度等。

阅读乃大,方方面面不离文字,文字虽小,笔笔画画紧扣体验。对设计师而言,优秀阅读的体验,不仅仅是让我们追求美的视觉,更是出于一种对读者的关怀。


转载请注明出自”百度MUX”

相关 [文字 体验] 推荐:

小文字,大体验

- - 百度MUX
随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要. 而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败. 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作.

MapR初体验

- 呆瓜 - 淘宝数据平台与产品部官方博客 tbdata.org
MapR是MapR Technologies, Inc的一个产品,号称下一代Hadoop,使Hadoop变为一个速度更快、可靠性更高、更易于管理、使用更加方便的分布式计算服务和存储平台,同时性能也不断提高. 它将极大的扩大了Hadoop的使用范围和方式. 它包含了开源社区的许多流行的工具和功能,例如Hbase、Hive.

用户体验

- tal-rasha - 博客园-首页原创精华区
    用户体验是一个很大的话题,先从一个故事说起.     周末参加了两天的PMP培训,听课期间注意到老师的一个细节,在讲选择题的时候,选项A、C读音正常,而“B”老师读为Boy,“D”老师读为Dog.     刚听到的时候大家莞尔一笑,以为这是个善意的玩笑.     很快,我想明白了,B和D的发音类似,容易混淆;Boy和Dog是简单的单词,发音能够明确区分,也没有类似Bog和Doy的读音混淆.

VSCode 初体验

- - SegmentFault 最新的文章
Microsoft 今天在其 Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 OS X,Windows 和 Linux 之上的,针对于编写现代web和云应用的跨平台编辑器. 作为编辑器控的我,得知消息后立马下载体验了一下. Windows上优秀的编辑器实在太多了, Sublime Text, EditPlus, Notepad++......还有诸如国产的 EverEdit等后起之秀.

文字雲

- Sopp - 網絡暴民 Jacky's Blog
看到這個 HTML5 文字雲:文章詞彙分析機 ,便餵以本站之 Feed,並拍照留念.

Google+试用体验

- Outman - 月光博客
  6月29日,谷歌正式推出了其酝酿已久的Google+社交网络服务,作为和Facebook抗衡的重要社交产品之一,Google+的推出给目前的社交网站的格局带来一定的变数.   早先Google+内测并没有大规模开放,从今天早上开始,Google+突然向普通用户大规模发送邀请测试,并且用户注册后可以大量邀请自己的好友,让这个服务突然火爆了起来,我也因此早早注册了Google+,并进去一睹这个传说中的Google+网站.

Google+ 初体验(一)

- thinkingit - 知乎的博客
Google+ 的使用体验感觉如何. 杂七杂八说一些感受, 其实比较适合发微博… 有些是用户视角, 有些是设计师视角:. 我想这应该是 Google 的社交产品里面迄今为止最接近正确的一款.. 和其它 Google 社交产品整合甚少, 在和过去划清界限的同时又有点矫枉过正, 例如需要用户从头手工 build social graph, 和 Buzz 大相径庭, 正所谓一朝被蛇咬….

Google+初体验(三)

- thinkingit - 知乎的博客
谷歌推出了Google+ 对抗 Facebook,有什么值得期待. 覃超 Facebook工程师, 前Googler, CMUer (www.renren.com/profile.do?id=223414140)(facebook.com/qin.chao). 今天刚拿到申请,下午用了一下.   下面是使用后感觉到的细节:.

Veer 入手体验

- Kidney - Page to Page
HP Veer 到手写个评测吧,也算是给诸位还在观望的推友一个参考. *本文中所涉及图片,除第一张和拍照样张外均来源于这里. 手上这台 Veer 是白色款,入手时已经由卖家进行了解锁. Veer 的尺寸确实很小,怪蜀黍如我者甚至可以一把抓在手心里,同时也可以收纳在普通牛仔裤上最小的那个口袋里(不知道这个口袋是否有特定的名字,就是05年9月那次水果发布会乔布斯拿出 iPod Nano 的那种侧边小口袋).