在上篇文章《基础科普！超全面的 UI 元素尺寸设置指南（上）》中介绍了设置 UI 元素尺寸的基础规范，及控件尺寸的定义。

这篇就要开始介绍前面没有说过的文字设置，图标的尺寸，UI 的组件设计了。

一、界面的字号设置秘诀

文字的尺寸至关重要，但先理解了控件再思考文字，会更容易一些，它们之间也有一些有趣的联系。

而在对控件和文字都掌握熟练以后，才能进入后面的组件设计认识。

首先我们知道，安卓和 iOS 应用的中英文字体各不相同，苹果是用苹方和 San Francisco，安卓使用思源黑体和 Robot。

在后面我们主要以 iOS 作为说明的对象，安卓可以直接参照它的字体尺寸设置。

1. 英文的字号

在苹果的官方建议中，有罗列比较完整的文字字号建议，但大家一定要谨记，那些就是建议，并不需要在非官方的组件中应用那些字号。下图是苹果默认字体尺寸，详见我们翻译的 iOS 规范第 124 页。

《iOS 12 设计规范——iOS 中文规范更新啦！》

首先我们要先划分出一个文字字号的范围，之后所有字体的字号设置就在那里面挑选。

在 UI 中，最小字号的依据一般有两个，一个是人眼的可见度，另一个是屏幕的显示极限，最小的字号应该在 9pt 。而最大的字号，以 iOS11 的标题字号 34pt 为准即可。

从 9-34，理论上其中每一个整数都可以使用，但我还是建议要应用一定的习惯。下面，就是我在英文应用设计中会使用的字体字号列表，为了便于记忆，我就只拆分成三种类型，初学者在使用时直接照搬就可以。

• 标题：34、28、24、22、20
• 阅读：18、16、14、12
• 注释：11、10、9

在英文应用中，我们应用的字号大小随项目复杂度决定，通常，尺寸会在五种以上，两种标题、两种阅读、一种注释类字号，当然，我们还会通过字重和色彩进一步划分，在这不再赘述。例如下面我使用五种字号尺寸设计出来的原型案例：

在 iOS 中，尺寸小于 20pt 使用 SF Pro Text，大于等于 20pt 时则使用 SF Pro Display 字体，这点大家需要牢记。