APP设计体系之文字
APP设计体系之文字
1、系统字体
iOS：苹方 (中文字体)、San Francisco(英文字体)；
Android：思源黑体 (中文字体)、Roboto(英文字体)；
数字字体推荐使用 DIN、Core Sans D、Helvetica Neue。
不同版本的系统使用的字体会不一样，比如iOS9使用的中文字体是冬青黑，iOS10开始至今使用的中文字体是苹方。
需要注意的是，San Francisco 字体有两种模式: 文本模式(SF Pro Text)和展示模式(SF Pro Display)，字号小于 20pt 的文字使用文本模式，字号大于等于 20pt 的文字使用展示模式。
2、字号
2倍图界面的字号使用建议：
导航文字 34～38px
标题文字 28～34px
正文文字 26～30px
辅助文字 20～24px
使用建议不是硬性规定，根据实际视觉效果酌情使用。
3、字色
可以翻阅上一篇文章「APP设计体系之颜色」了解字体颜色的定义和使用，每个产品都应建立颜色规范，便于在产品中反复使用。
除了黑白灰常用字体颜色，合理运用颜色规范的品牌色或辅助色，界面中的关键信息加上颜色得以强调。
4、字重
字重是指字体的粗细，一般在字体家族名后面注明的Thin、Light、Regular、Medium、Semibold、Bold、Heavy、Black (字重按顺序依次加大)等都是字重名称，界面信息很大程度是通过字重来提升信息层次。
为了统一整体效果，一般情况下使用两种字重为佳，例如只出现 Regular 以及 Medium 这两种字体粗细，特殊情况下可以使用更粗或更细的字重进一步拉开信息层级。
正常情况下，字号大小为 12～18pt 时，使用 Regular；20～26pt 时，使用 Light；28～34pt 时，使用 Thin；当字号大小超过 34pt 时，建议使用 Ultralight。
5、行间距
行间距又称为行高，是指文字的整体高度。
正文文字的行高通常设置为文字字号的1.5-2.0倍左右，而标题文字的行高通常设置为文字字号的1.2倍左右。
iOS人机界面指南文档中提供的字号与行高对应关系如下(@1x倍率下)
行高不能过小，不然文本内容会显得拥挤。
6、行宽
一行文字的行宽应为文字尺寸的整倍数或者为“文字尺寸+字距”的整数倍
7、单位及其换算
iOS字体单位和长度单位都是pt，Android的字体单位是sp，长度单位是dp，这些单位是技术同学在实际开发中使用的，而我们在设计稿中单位是用px，单位之间的换算和倍率有关，可以翻阅前面文章「APP设计体系之尺寸布局」了解倍率。
在1倍率的界面上，1px=1pt=1sp=1dp；
在2倍率的界面上，2px=1pt=1sp=1dp；
在3倍率的界面上，3px=1pt=1sp=1dp。
用1倍率尺寸作为设计稿，字体和长度单位按照1倍率的标准设计。
