设计规范之字体字号

对于产品设计来说，统一的设计规范能减少合作方的学习成本，提升设计师和设计部门影响力。

字体和字号在设计中是基础，市面上出现了有很多字体，微软雅黑、宋体、仿宋、楷书，苹方等等，也在衍生出了很多体系，这么多字体供设计师选择，该如何选择。主要考虑以下几种情况：

1、设备（web、Android、iOS）

看了微软雅黑这么年，我们依旧对其非常热衷，web端我们何不尝试跟随。

在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)

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

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

2、政策法规、版权

在选择字体上，我们总要参考当地的政策法规，当然你还需要考虑版权问题，我相信你不会想因为版权纠纷上花费更多时间。做设计要对设计怀揣一颗敬畏之心。

3、设计风格

字体要学会考虑当下设计风格，做到层次分明，融入氛围中。

看完上面的Banner图是不是发现了问题，字体和背景融到一块去了，在阅读的时候非常的不方便

这样的Banner如何才能达到广而告知呢？

结合文案内容，设计风格采用了比较明快刚劲的设计风格，字体也选择了比较刚劲有力的造字工坊劲黑体。气氛匹配，用户代入感强。

4、组织要求

简单来说领导要求，这一点就可以忽略前面的三点。

 

当你实在想不到有什么字体适合时，微软雅黑就是你唯一选择，选择这个字体纯属因为它是无衬线字体，看着简单，而且微软雅黑是各浏览器适配系统字体时的常用默认字体。

 

关于字号，倒是有些要求的，比如正常页面文稿中不得使用小于12px的字号，通用字号为14px，强调可用加大字号和加粗解决。字体中有一个正常页面文稿唯一可以使用的彩色，即警告色#ff6666（彩色也尽量使用饱和度较低的彩色）。