界面设计—字体规范教程

这小节我将和大家理一理界面中常用的字体，字号，字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。

一、成也字，败也字

在设计师的职业生涯中，至少一次甚至多次在工作中因为字体不协调栽跟头。在实践的过程中我们会慢慢发现一些规律或者经验规范。接下来我将和大家一起聊聊在界面设计中的那些常规字体的使用规范。

我们常常会听到，这也太LOW了吧！！你能统一一下字体吗？

字体样式太多，导致页面杂乱使用的字体不易识别字体样式和内容的气氛或规范不匹配

怎么避免这样的结果发生呢？

通过设计经验可以帮助你做出更好的版式，了解不同平台的常用字体设计规范。

在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。

不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。

字体与背景的层次要分明,确保字体样式与色调气氛相匹配

二、界面中文字使用的规则

在不同平台的界面设计中规范的字体会有不同，像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体，在这我和大家分别介绍一下。

以下是在72像素/英寸下的规范

移动端常规字体

Android

英文字体：Roboto

移动端常用的的字号有哪些呢？

导航主标题字号：40-42px

在内文展示中字号大小又是多大呢？

大的正文字号32px，副文是26px，小字20px。在内文的使用中，根据不同类型的App会有所区别。

36px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次，同时加强按钮引导性，选用了稍大号的字体。

大家注意了，在选用字体大小的时候一定要选择偶数的字号，因为在开发界面的时候，字号大小换算是要除以二的。这个详细缘由大家可以网上查询，我就不在这一一的介绍了。

常用字号的大小基本就这几个，根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。

网页端

常用的字号有哪些呢？

网页中文字字号一般都是宋体12px或14px(无状态)，大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px，一般使用双数字号，单数的字体在显示的时候会有毛边。

常用的字体：

1.平平稳稳：微软雅黑/方正中黑

方正正中黑系列

2.与时俱进：方正兰亭系列

3.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑

毛笔字生成器

和大家简单操作一下毛笔字的使用方法。

将下载下来的字体图片AI转路径，编辑文字。

重要提示，怎么找不认识的字体名称？

很多朋友会看到别人使用的字体非常好看，但又不知道是什么字体。在这我告诉你一个方法。可以通过网络上传字体图片进行搜索字体名称。

三、常用字体颜色

字体颜色又有哪些常用的颜色呢？

在界面中的文字分为三个层级，主文、副文、提示文案等。

在白色的背景下，字体的颜色层次其实就是黑、深灰、灰色。

设计的时候我们还可以将字体进行变形来达到宣传的目的，这个需要设计师对字体设计有一定的了解。

总之，设计是要有规范，有体系的。使用规范化的设计对产品的延续性非常有帮助，并且保证了产品的独特性和一致性。所以，大家要在设计初期找到风格和规范，这样做出来的界面才会统一一致，在变化的需求中找到定量，调整起来也相对轻松很多。