如何为优化阅读体验而选择字体
关键词:信息设计 information design / 字体设计 typography / 包容性设计 inclusive design
我们发现,一些关于信息设计的问题被反复地提问和回答, 原因是企业或组织有遵守“平等法案”的需要。
Equality Act 2010,即“平等法案”,从法律上保护人们不受工作场所和整个社会的歧视。它用单一法案代替了以前的反歧视法,使得法律更易于理解,也在某些情况下加强了保护。 就残疾而言,雇主和服务提供者有义务对其工作场所进行合理调整,以克服残疾人的障碍;而在平面设计中,更多指向的是视力障碍。
无衬线体比衬线体更清晰吗? 有色盲是否意味着我们不应该使用色彩? 听说设计中留白是一件好事,但理由是什么?又或者:每当我们的设计师留出空白区域,顾客就抱怨钱花的不值。
因此,我们根据通常给出的建议,汇总了一些简单的指南。 这次是关于字体。
本指南的目的
有许多字体教科书和详尽讨论字体的网站 - 本指南并不试图取代它们,而是为需要建立字体标准或制定字体政策的组织做一个引导,尤其是希望这些标准基于合理的推理或证据的组织。
在本指南中,我们将讨论为连续阅读而设计的文字字体选择。 这与我们常见的标牌或包装完全不同,考虑到人们只是匆匆一瞥,所以它们的主要目的通常是吸引注意力,或从竞争对手中脱颖而出。 但对于连续阅读,字体必须舒适以便长时间阅读。
衬线体VS无衬线体
虽然有很多因素可以区分字体,但最明显的是衬线 - 一些字体中字母末端的小笔划。没有衬线的字体被称为“sans serif”即无衬线体。人们通常问我们的第一个问题是关于衬线:它们是否重要?他们是否更容易或更难以阅读?
研究显示可读性差别不大。
不幸的是,研究并没有给我们明确的答案。事实上,这表明衬线并不会影响大多数字体用途 - 尤其是对于需要连续阅读的文本,比如你正在阅读的这个。即使可以找到研究来支持双方辩论一番,但表现出来的任何差异都小到可以被其他因素所覆盖,诸如字体的大小,文档的总体设计和照明条件等。
有关衬线体和无衬线字体可见性研究文献回顾最彻底的是Ole Lund。他1999年的博士论文得出的结果是,这项研究不仅没有定论,并且证据的质量也不值得信赖。
(关于FS Me字体:如果你只把mencap公司的发言作为炒作营销,那么其实他们并不过分追求字体功能。我们也咨询过这个字体是否有必要去迎合公平法案。然后我们认为是不必要的。)
那么有阅读障碍的人怎么办?
目前,大多数给阅读障碍者的建议是使用无衬线字体,尽管这主要是基于个人偏好而不是字体性能。很难说清楚阅读障碍者在阅读自己不喜欢的字体时是怎样地艰涩,我们还观察到个人的喜好差异很大 - 有些人甚至更偏爱大写字母,有些人喜爱手写体。对有些人来说,他们需要在彩色背景上阅读(有人喜欢黄色背景,有些喜欢蓝色或粉色)。但最重要的是,选择一种各个字母都容易被区分开的字体。
弱视的人希望字体形状和阅读背景之间形成良好的对比,而无衬线字体的笔触通常较厚,粗细笔画之间的差异较小。但有些衬线字体也是这样设计的。这个群体里的人偏好更大的字体尺寸,我们会在本系列的另一个指南中回顾这个话题。
我们并不知道已经有研究发表过关于功能性读写能力差的人群的字体偏好,但我们自己研究小组的证据表明,尽管他们可以和其他人一样读取任何大小的字体,但他们喜欢大一些的字体。他们似乎觉得这样不那么恐惧阅读,也许是因为每一页上的内容少并且空间大。
关于字体选择的其他关键因素
在选择字体时,比衬线体更需要考虑的有三件事。首先要关注的是读者是否可以轻松地分辨不同的字母,其次是读者的喜好,以及特定文档带给文档的关联。最后,我们将看看正确的字体或字体组合是如何通过传输信息结构来帮助读者的。
令人困惑的字母
一些阅读障碍顾问推荐特殊的无衬线字体 - 尤其是那些可以降低小写‘l’和大写‘i’混淆概率的字体(在字形上就可以区分开的衬线字体)。即使对于普通读者这也是个很好的建议,特别是第一次遇到陌生单词的时候(比如说健康信息或医药标签里)。
这里是一个混合字体Officina,与典型的无衬线体Helvetica做对比:

要注意并不是所有的无衬线字体都是一样的 - 它们在处理某些字母的形状(特别是小写字母双层 g/单层g,有时是双层 a/单层a)和字母的比例上有着显著不同。比如 Helvetica 的设计师用了一套系统规范的方法,旨在规范大多数字母的宽度,以及对诸如 ‘p’ 或 ‘d’ 字碗形状的处理。相比之下,Gill Sans 模仿典型的衬线体而使用了相对不一致的比例和形状。这被认为是为了减少字母之间的潜在混淆。
Frutiger,图片中第三种字体的设计使得a,c和g看起来比Helvetica字体(acg)更开放,也就少一些混淆概率。
字形是如何与字体大小关联的?
样本中虽然三个字体都是16pt,但是看起来却像是不同大小(字体有其自己的测量系统 - 像素点,通常缩写为pt - 不涉及毫米或厘米)。这是因为字体的大小指的是从字体的上伸部ascenders的顶端(字母的最高点比如‘h’或者‘d’)到字体的下伸部descenders的底端(字母的最低点比如‘p')。因此,当设计师使用不同比例时,字母中间最重要的那部分(通常称为x-高度)也就有诸多变化。
所以我们需要分别调整三个字体的尺寸以便让它们拥有一样的x-高度。
我们曾试图改变定义字体尺寸大小的方式,但似乎我们总是被像素点和不同的x-高度困住。这意味着你需要警惕那些只以像素点为测量标准而不参考特定字型的字体设计指导方针。你可以试着找出方针里推荐的x-高度(以毫米为单位),把它转换为像素点尺寸,然后带入到你所选择的字体中。这可能在视觉上比较难实现 - 最好的方法是在电脑的任何应用程序中设置一行文本,可以让你放大你的字体,然后用尺子或者比例尺进行测量。
读者都喜欢什么
由于大部分字体都清晰可见,所以设计师在选择字体上就有比较大的自由度。你的选择可以有文本的类型来决定,去参考一些目标相似的其他文本并不是一个坏主意 - 它可能代表了你的读者会期待的东西。例如,小说和报纸总是以衬线体打印,如果不是衬线体的话人们可能会觉得奇怪。另一方面,表格中倾向于使用无衬线体,因为无衬线字体家族通常在字重方面拥有更多变化,以单个单词或短语展现时也显得更洁净整齐。
你也可以选择有特定气氛或有情感渲染的的字体,或者与某个历史时期有关联的字体 - 举个例子,衬线体对于许多人来说更传统也更具有社会地位。很多组织都会为品牌选择一个字体,以确保所有的文件看起来都是一套的 - 他们的选择往往反映了品牌想要传达出的形象。

字体如何指示文本结构
结构复杂的文本,比如用户指南或报告,会使用一种混合组合方式 - 以衬线体为文本主体字体,以无衬线体为标题字体(几乎从来没有过反过来的方式)。这为设计师区分文本中不同“声音”提供了更多解决方案。
左边:这种无衬线字体为标题,衬线体为文本的组合使得设计师可以使用无衬线体去引导读者至重点阅读部分;
右边:在只有无衬线字体的情况下,设计师只能用另一种方法来标注重点阅读部分 - 为它加一个背景颜色。
因此,问题从来不是“我们应该用哪种字体”,而是“我们应该用哪类的字形,字重,大小,颜色,以及是为了什么目的。不幸的是字体不像乐高,有了所有的零件你可以做出成品。在字体设计中你需要自己组装零件,弄清楚什么和什么搭配。
如何寻找字体?
查找英文字体的方法:当你看到一个喜欢的字体但并不知道字体名称时,保存图片(背景与文字要有对比以便区分)上传至 www.myfonts.com 网站 WhatTheFont 页面即可(无需科学上网);相对应的的中文字体查询方法:图片上传至 www.qiuziti.com 即可。
关于作者 Rob Waller
Simplification Centre 负责人之一。擅长信息设计、服务设计和品牌设计。在英国皇家艺术学院,雷丁大学等欧洲多所学校教授信息设计,并任国际信息设计学院主席。
创办和编辑《信息设计杂志》,组织许多会议,并担任信息设计协会主席。
于 1988年创办了 Information Design Unit,并与商业伙伴 David Lewis 一起将其发展成为英国最大的信息设计机构。2001 年,它被 WPP plc 收购,成为多学科品牌机构 Enterprise IG(现改名为 The Brand Union)的一部分——-世界上最大的品牌机构之一,拥有20多个办事处。
关于 Simplification Centre
Simplification Centre 起初作为一个领先的研究和教学中心,于 2008 年设立在英国雷丁大学的文字设计与平面交流系,从 2011 年 4 月 1 日起成为一个独立的非营利性机构,为市民和客户提供清晰的信息: 通过指导、宣传、教育和研究,帮助机构将复杂的信息变得清晰。他们常常与英国政府和大型企业合作,简化了伦敦市停车警示牌、交通罚款通知、劳工合同等等。
简单来说,他们只做一件事:让信息更容易被理解。关于简化信息这件事,可能意味着简化信息本身的表象——更清晰的语言或更连贯的解释;也可能意味着简化信息的内容——例如,信息试图传达的基本过程或系统。又或者它可能意味着简化读者的任务:提供更好的导航,更清晰的字体和更好的排版布局。
在 Simplification Centre 成立的早期,团队成员就简化信息的含义,以及失去或得到的东西提出了一些想法(在这里下载)。
他们明确的是,简化不仅仅是外观上的。有些东西看起来很简单,却很难用,因为它隐藏了重要的细节——就像那些现代主义的厨房,没有杂乱无章的东西,但也没有门上的把手,也不知道哪扇门后隐藏着冰箱。简化与信息设计密切相关,这也是简化者的核心技能所在。信息设计师需要将所谓的 "设计思维 "运用到内容、语言和布局上。
就像他们所做的项目和致力于优化信息所做的努力,网站也同样为了照顾各类不同偏好的群体设置了ATbar,供字体种类,大小,颜色和阅读背景色等选择,并且还有语音阅读功能。不仅如此,网站还罗列了从创立以来的研究经历和成果,并提供 PDF 下载链接。
原文地址:
http://www.simplificationcentre.org.uk/downloads/papers/SC9TypefaceForReading.pdf
参考资料:
https://www.gov.uk/guidance/equality-act-2010-guidance






















![[A CORNER] 高端艺术创作画室 - 品牌识别&包装设计](https://img.zcool.cn/community/69e1a1d55896afsnv65il96480.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)































































