UI那哥们给我上的第一堂课，让我至今难忘

我们项目的UI设计师是是一个胖胖的暖男，我们喜欢称他为胖虎。胖虎除了胖之外，还有一个特别的地方，就是说话慢条斯理、有理有据，这也让大家特别喜欢他。

我们产品经理每次扔给他原型之后，他总会极其高效的完成UI效果图，每一次我都会被他设计的作品惊叹，我总会在想，他怎么将颜色和文字运用的如此恰到好处，怎么呈现出这种经验的作品的。

他一定是个藏匿于此处歇脚的大师。

来自：百度图片

那天，我微信问他：胖虎，咱们UI的设计规范都有哪些啊？能简单介绍一下吗？

胖虎：这个只能用嘴说

我顿时裂开。

胖虎：要不明天给你带一本书吧

我再次裂开。

中午吃饭的时候我看见他踏出了办公室，我快步跟上他，喊了声，胖虎哥，今天中午准备吃点啥呀？他笑眯眯的看着我说，当然去吃美食啦。

……

此处省去和胖虎的对话，下午的时候，我简单整理了一下胖虎给我的第一堂课。

一 文字的基本规范

文字是任何产品的基本元素，打开任何一个产品，首先呈现给用户的当然是文字了，它承载了产品的内容信息，具有举足轻重的地位。字体是设计中不可或缺的因素，不同风格的字体呈现出来的气质不一样，在不同的场合中会给人不同的感受。

因此在设计过程中要考虑字体的设计效果，并且在设计的UI规范汇中标明。这样前端或后端在开发过程中就可以按照既定的规范来合理开发了。

产品中对文字的要求有哪几个方面呢？就像一个合格的毕业论文都固定的文字格式和排版格式，同样的，在产品中文字应该如何选择、字号应该如何设定、字体颜色怎么设置呢？

1 字体选择

在字体的选择上往往根据产品的特点、产品品牌延伸出来的关键词来定位。有的字体字形方正、有的鉴定稳固、有的苍穹有力、有的艺术多变。

常用的字体有华文黑体、微软雅黑、苹方字体、方正栏亭黑、Open Sans、Display、Helvertica Neue等等。

胖虎强烈推荐的万能字体：苹方字体和Helvetica Neue字体，如果有特殊要求，那么就制定个性化的方案。一般的在定义字体规范格式如下：

来自：百度图片

2 字号选择

每个设计师遵循的字号理念是：字号的大小决定了信息的层次和权重，整齐大方、层次分明能够让整体设计清晰有序。相反，如果没有选择正确的字号，那么会打破扁平化的设计，会让界面看起来杂乱无章。

实际工作中对于字号的选择，可以遵循IOS、Android的字体规范，还可以根据产品的特点去个性化定义。

胖虎认为根据文字位置和内容的重要程度可以将其分为三大级别：重要级别、一般级别和较弱级别，他们所对应的样式、字号和使用场景分别如下：

来自：百度图片

3 字体颜色

字体颜色同样的根据文字位置和内容的重要程度分为三个级别：重要级别、一般级别和较弱级别，对应的分别为用于特别强调突出的文字、正文标题、正文文字、用户输入框的提示和用于次级提示。

胖虎常用的字色选择如下图片所示。

来自：百度图片

二 写在最后

在整理这些文字时，我越发觉得一个优秀的UI设计师是一个多么严谨而富有浪漫的职业。产品的每一个地方都离不开UI设计师辛苦的、一丝不苟的细节把关，小到每个字号的大小，大到商业宣传时海报的制作，也正是这个职业让我们的产品变得更加活泼，更加贴近生活。

胖虎的三言两语让我深受启发，让我觉得作为产品经理的我对UI交互、UI设计知之甚少，这一方面也是亟待需要提高的地方。

我抬头望了眼胖虎，他正飞速的敲击着键盘，飞速中透露着优雅，这次一定又是满意的答卷吧。