IOS图标 HTML规范,第三篇 设计规范—iOS篇（字体规范）

文字是我们界面中信息呈现的重要元素，对用户的信息识别、阅读体验起着至关重要的作用，所以我们单独把字体提出来研究一下，在设计时我们会碰到诸如正文字体是多大呀？在PS/Sketch上设计时字体挺大的，怎么在手机上这么小？某系统官网规范字体感觉太小，可以用自己设计的字体规范吗等等问题, 抛开文案内容不讲，其实，界面中字体的展示，官网规范是给我们设计一条参照线，是成熟的、经过考验的可用方案，但有些规范是多年未更新的、不符合你的设计需求的，在这种情况下如果我们有更好的方案，自然可以用自己的方案，在合适的范围内不断突破创新，现在我们来总结一下“合适的范围”(学会总结的方法更好了)。

设计趋势是动态变化的、是有规律可循的，学习的过程是模仿-提取-归纳-总结-转化为自己的东西的一个过程，当然你学习的对象需是一个成熟的、被认可的、值得耗费时间的对象，现在我们通过微信、支付宝、钉钉、微博、网易云等软件入手开始总结啦！

首先我们先来了解一下关于字体的一些属性，字体、字号不需要解释了，我们来看一下下面几个概念

了解了上面概念，我们进入今天的主题

一、iOS常用字体

苹果产品的字体也是跟着趋势不断的改进、更换，如果想更精确的掌握更换的信息，要留意系统发布说明

二、常用的字号、字重、字间距研究

下面我们通过对比一些用户量比较多、设计者比较成熟的APP，来总结字号、字重、字间距的规律(使用对比字体为苹方)

通过上面总结我们发现每个应用所用的字体属性各不一样，但是，规律能看出来吧，每个模块字号、间距、粗细等都在一定的范围内波动，下面我们总结一下设计界面时那些通用模块儿中的字体规律，设计时就有个底了。

上面是总结的过程，如果你觉得某个应用的文字格外合心意，直接参照就行了，下面是完整的总结规范，你也可以在这些个范围内不断测试、反复斟酌，找出适合你所设计应用的字体规范

四、行高

行高是在折行文字或段落中遇到属性项，行高是由文字大小来决定的，行高过高过低都会造成内容阅读的困扰和界面美观性的损失，怎么设置合适的行高那？我们可以通过经验直观判断行高，如标题文字大，行高就不可以太高，太稀松文字的强调行就不强了，正文文字小，这时行高要适当大一点才能增加可读性等等，当然，行高也有理性化的规定，字号x倍数=行高，这个倍数一般采用1.5倍，但是你一股脑的采用这个值，效果不一定好，所以我们来总结一下常用应用中行高的范围，以作参考

想深究字体，可以看一下参考链接

参考：

OMG!  字体太大上传不了呀，算了，有需要的童鞋直接留言跟我要吧！