小文字,大体验


  随着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

时间: 2024-10-28 17:31:21

小文字,大体验的相关文章

小文字 大体验

随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要.而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败? 1.是否具有高辨识度 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作. 还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上

三个按钮背后由小见大的交互思考

  初入交互设计工作,最常见的需求就是--放按钮.放按钮看起来是超级简单的事,无非就是设计按钮的样式.摆放按钮的位置.确定按钮的状态与反馈等,但殊不知其『麻雀虽小,五脏俱全』,小小的按钮设计中也蕴含了很多交互设计的思维,当然除了设计本身之外,还能看到如何平衡开发.产品以及用户各方的需求. 所以,本文章会通过三个真实但抽象的例子说明工作中『放按钮』是怎么做的.真实说的是案例来源于实战,抽象就是提炼出思维但讲的场景都是虚拟的,免得透露机密.有趣的是,三个按理都和时间.时效有关. 案例一 虚拟场景:某

佛山政务改革显岭南文化本色:小政府大社会

在中国的文化中,无论是地域还是自然条件和经济文化类型等各种维度去划分,岭南文化一定是其中的一个很大的分支,也是中国文化体系中最为开放的一脉.而佛山无论是宗教.饮食.建筑都算是岭南文化的集大成者.今天,倡导服务型政府.阳光政务的大背景下,各个城市开始智慧城市之旅,佛山的改革也完全坚持了岭南文化中的精华,从而也有着佛山的特色--因为这还是个佛教之山.武术之城.忠义乡--小政府.大社会. 从公布的数据来看,其2012年以6788亿元的GDP排名全国11.其实早在唐宋年间,佛山的手工业.商业就很繁华.而

《小火苗大冒险》:精致而简单的动作游戏

小火苗为了接近他心爱的公主,穿过重重艰难险阻来到公主的城堡.他唯一的旅行方式只有--跳跃. 优点 画风赏心悦 目内容丰富 关卡设计巧妙 缺点 难度略高 前几天我们介绍了<超越重力>(Beyond Gravity),尊敬的读者联盟的大鱼发话了:这个游戏跟<小火苗大冒险>(Pyro Jump)很相似呀.于是秉着"为读者服务"的精神,我们在这里也要推荐<小火苗大冒险>这个3721.html">2014年一月发布的并不"古老&quo

小程序.大商机.新未来”云指小程序研讨会成功举办

本文讲的是 : 小程序.大商机.新未来"云指小程序研讨会成功举办   ,8月5日,由云指主办的"小程序.大商机.新未来"小程序研讨会在佛山成功举办,会议汇聚了全国60多位互联网行业精英,共同探讨了微信小程序发展的前景,剖析了如何抢占小程序创造的千亿市场;同时对云指小程序产品进行了展示和体验. 本次小程序研讨会,云指邀请了广东医联网公司总裁.华南理工大学电子商务导师韦海先生就小程序入口.价值和未来的发展趋势进行了一个分享.小程序作为腾讯一个战略级别的产品,与微信强强联合,一端连

小成本大回报 地方性网站推广方法浅析

中介交易 SEO诊断 淘宝客 云主机 技术大厅 人们都说现在是地方网站发展的春天,很多人都转行做起了地方门户网站,因为目前地方门户网站竞争小,风险小,是尚未开垦的处女地,所以做好了是有着很大的赚钱效应的,可是任何好的盈利模式没有有效的推广是根本实现不了的,对于地方性网站也是如此,所以笔者根据自己推广的经验给大家总结了一些小成本大回报的推广方法,希望能够帮助到大家! 一:线上推广 1:每日坚持SEO优化网站,每天通过站长工具软件进入百度,谷歌等搜索引擎的入口查看关键词的排名,并且根据工具进行数据统

用JS将网页窗口由小变大

js|网页 有没有这种经历,当你打开一个链接的时候,浏览器窗口由小变大,呈现一个渐变的过程.下面,我们就来介绍这种动态效果的由来,大家可要看仔细了. 这种程式的思路就是先根据浏览器的可利用的宽度和高度,算出一个中心坐标点,然后每次都把窗口定位到这个点上,再算出相应窗口的变大尺寸,循环50次,从而最终回到浏览器最大化时的状态. 在和之间插入下列代码: <SCRIPT LANGUAGE="javascript"> <!-- Begin function expand()

新排版引擎 WPS文字社区体验版评测

看着刚刚接收到的WPS文字社区体验版(版本号6.3.0.1823),笔者充满了期待,对于这款采用了耗时两年多开发的新排版引擎的体验,是否能像WPS Office文字组开发经理朱云峰所说的那样在文件的打开.文档的排版操作上有更高的速度,还要看实际的测试结果. 一.文档处理速度提升 笔者简单的找了四个测试文档,做好测试前的准备工作.在测试文档的选择上本着贴近实际的原则,没有选择太过复杂的文档,而是选择常用的DOC文档和一个TXT文档.测试内容包括文档的打开.粘贴和拼写检查等常规操作. 测试文档 采用

c++-C++小白求大神提携解惑,是在搞不明白了

问题描述 C++小白求大神提携解惑,是在搞不明白了 我有一个数据文件,里面的格式是自己定义的 ###################begin##line############################ [C 1 1] [C 1 7] [C 1 8] [C 2 2] [C 2 5] [C 2 6] [C 2 7] [C 2 8] [C 3 3] [C 3 4] [C 3 5] [C 4 4] [C 5 5] [C 6 6] [C 6 7] [C 7 7] [C 8 8] ########

java小白求大神帮看一下为什么会发生数组越界。代码如下:

问题描述 java小白求大神帮看一下为什么会发生数组越界.代码如下: package arraytest; public class ArrayTestSort { public static void main(String[] args) { int i,j=0; int[] arr = new int[]{100,40,60,87,34,11,56,0}; int temp = 0; for(i = 0;i<arr.length;i++){ for(j = 0;j<arr.length-