-卷首

最近一些设计类公众号推了不少关于 iOS 11 的文章

其中一些略带调侃地说道新系统的界面像老人机

我想了下

这大概要归结到 iOS 11 UI 的字体排印上吧

的确

“又粗又大”

是新系统字体给我们的最直观印象

特别是中文标题

Bigger than Bigger~（比大更大）

今日一推

粗浅地谈了谈我的看法

及 iOS 11 中文标题过大的原因

纯属个人观点

就事论事

不正之处望斧正、交流~

先看截图

iOS 11 “设置”一级页面

大标题“Settings”确实够粗、够大，这正应了之前 WWDC 上苹果设计师提到的 iOS 11 设计原则“寻路”之原则——“更明显的层级对比，更清楚地让用户知道他在哪儿”，详见：iOS 11 设计策略↓

图摘自 WWDC 2017 之 iOS 11 设计策略

这个“Settings”还不算最大，我们看看本地化到中文之后的样子↓

也难怪有人说这是老人机了~

够大、够粗！

有朋友对此评价直接用了“丑”字……

虽然设计不能单纯用好看与否来衡量，但这个似乎确实有点过大了，就算字号缩小几 pt 也仍然易于识别，并不与前文中提到的 iOS 11 设计原则相违背。

问题来了~

同等字号下，中文看起来为什么要比英文大一点点？？

图中“Settings”与“设置”是同样的字号，我用苹果官方提供的 iOS 11 设计源文件（Sketch格式）验证过了，源文件地址：https://developer.apple.com/design/resources/

见下图↓

↑苹果官网提供的 iOS 11 Sketch 源文件

两个文字的字号均为 34 pt

那么，中文看起来更大的原因在哪？

原因在于中英文本身不同的字面率（文字本身占其虚拟外框的比例）！

看这个↓

这是我在 Sketch 选中“Settings”和“设置”两个文字元素时所显示的“字框”，很明显，它们的“字框”一样大（字号相同）但汉字明显在字框内的占比比英文大！

其原因在于，英文字母并不是像汉字一样的方块字，而是由大写、小写，且宽度不同的字母组合而成。最明显的一个特征是英文字体术语里有“升部”和“降部”这两个结构，而这就是造成英文排版字面率小的原因。

见下图↓

图摘自 小林 章《西文字体》

我们小学刚开始学英语时知道写英语要用四线格，四线格的顶部线就是升部线，最下面一根线就是降部线了。

而英文字母的字号指的是从升部线到降部线之间的距离，见下图↓

图摘自 高冈 昌生《西文排版》

从这里可以看出，西文字体的字号是按降部到升部的距离（字框）确定的，而当我们用大小写字母混合排版的时候，并不是所有字母都要占满降部线和升部线的之间的空间的（只有带有降部的小写字母 y、g、j、p、q 等才会顶到降部线；带有升部的小写字母 b、d、f、h、k 等才会顶到升部线）

简单来说，大部分英文单词、语句的视觉重心差不多集中在 x-height（四线格里中间两根线间的距离）和大写字母线之间的。话句话说，大部分英文排版是占不满也不可能占满整个字框的，也就是所谓字面率较小。

但，汉字不是。

中文的字面率相对英文要大得多~

见下图↓

汉字的尺寸由字身框（图中黑框）决定，字身框内是汉字，图中可以看到汉字本身占到字身框的 90% 以上，所以汉字的字面率和同等字号的英文相比要大。

p.s. 如果英文字体的 x-height 较小的话，这样的感觉会更明显↓

回到 UI 本身↓

这下很明白了！英文的升部、降部空间（黄色部分）常常是占不满的。而汉字，方块字嘛~统统要撑满字框（实际上也撑不满，原因来自活字字身的特性，这里不赘述……只能说数码时代很多度量衡之源头在传统那里…）

以上便是为什么同等字号下，中文看起来要比英文大一些的原因。

小声地呼吁下：希望苹果做本地化（切换语言）的时候，照顾到汉字语言国家，相对应地把汉字缩小几个 pt，至少让她们看起来不至于太突兀……

的确，无障碍设计确实要考虑老年人的视力，这次 iOS 11 将大部分 icon “填实”并加大“日历”、“计算器”等大部分界面的文字字重以提升其识别度值得拍手称赞