设计规范

app设计字体大小规范

92954

app的界面设计除了排版外，还有很多留白和文字，而文字被不少人忽略，字体的使用，字体的大小粗细变化都没有好好仔细斟酌，今天分享UI设计中的字体使用指南，初学者必备！

Android与iOS系统字体详解

1.Android默认字体-思源黑体/Robot

在Android设备中，Android始祖Google为了更好的追求视觉效果，提高用户体验，所以联合了Adobe设计发布了思源黑体(Noto)来作为中文字体。

该字体字形较为平稳，利于阅读，且有个7个不同的字重，充分满足了不同场景下的设计需求，7个字重分别为：Thin、 Light、DemiLight、Regular、Medium、Bold 和 Black。而英文，则使用Robot来作为基础字体，只有6个字重：分别为Thin、Light、Regular、Medium、Bold 和 Black，视觉语言与思源黑体Noto保持一致。

另外在Google的Material Design手册中，官方还给出了标准的字号大小。在安卓的字体单位中，不再以px，pt作为单位而是统一的使用了sp，换算方式：

px = sp*ppi/160 ，sp = px / (ppi / 160)

按照iPhone7的尺寸1334×750.密度326ppi 来换算，那么Android的1dp = 1 * 326/160 ≈ 2px

2.iOS默认字体-苹方/San Francisco

在iOS系统中，中文方面苹果则加入了全新的苹方字体，字形纤细中宫饱满，利于阅读，并且还提供6个字重供设计开发者使用。所以后面的设计趋势中，字重的使用变的开始多元化了起来，使用Semibold中粗体、大字号作为界面的标题变的更为流行起来，较为明显的有 iOS 11 中的一些原生界面及一些知名APP。

而在英文方面，则使用了San Francisco 的字体，除了在iOS和Mac OS上，还单独为Watch OS单独对字体进行了调整，命名为 San Francisco Compact。而每套字体下面又分为Text与Display两种属性，Text只有6个字重，而Display则有9个字重。

3.总结&结论

通过对比，我们可以发现：其实Android与iOS字体字形方面差异化明显不大，不用特意下载所有字体进行单独配置。那么在平常工作中，我们只需要按照一套标准的iOS设计稿输出即可，在Android方面进行自动延展，最后走查确认一下效果即可。

如果涉及到使用除Regular标准体之外的字体，那么除了颜色，还应当标注相应的字重字高等信息(如Font：Pingfang SC-Semibold，line:52px) ，而不应当只标注一个加粗或者加细。当然如果人力允许的情况下，我们也可以单独为Android做一套界面及字体适配，提高Android端的视觉显示效果。