作为设计师，特别是有一定发展的设计师在工作中一定要有自己的一套设计规范。方便自己后期晋升。而前期，我们只能模仿别人的设计规范，从中找出规律。

UI设计师的基本APP设计规范

当我们独自一个人把一款移动APP产品的UI界面设计完成之后，就要考虑去建立自己APP产品的设计规范。这个时候，很多小白APP设计师是很迷茫的，自己动起手来，还是不知道怎么去建立自己APP的界面设计规范。今天就来跟大家分享一套非常完整的移动UI界面设计内容编写规范模板。

一、设计规范的意义

1、多人协作时控件混乱问题

在创作阶段设计其他页面时，如果没有规范来指导，设计过程中很容易产生细微的出入，导致每个控件都会有细微的差别，经常会做着做着就出现控件不一致的问题，乳沟一直埋头苦干赶页面，没检查出问题，页面做的越来越多错误就越来越多，会导致大大增加返工率。

2、增加开发效率

程序猿从视觉规范中了解到哪些控件可以一次性写好并且能重复使用。在规范的辅助下，程序猿在搭建元素时规则更加清晰明了，比如按钮，字体大小、颜色值等等。

3、解决产品在迭代中出现的问题

产品在迭代过程中，往往是小版本进行几个功能的迭代比较多，如果没有做规范，在多次迭代中会忘记设计的初衷，让产品控件混乱。规范能使中保持产品特性，增加了用户使用认知，不同程度有效提升用户体验。

二、设计规范的内容

1、应该从何考虑设计规范

“先定义最主要，再往上瞎展开”无论是颜色、字体、间距，都应该先定下最常用的参数，再往次级，次次级依次展开，这样条理清晰。

“避免相近的参数出现”当两个参数肉眼难以区分，在同一层级去做区分是没必要的。同时会导致延伸时混淆，增加工作量，力求既统一又快速。

2、颜色

主要颜色一般分为主色与辅色，一般用于主要按钮、文字、顶栏等。次要颜色为无色感的基础色，一般用于背景，列表、框条类控件；标记颜色时，建议用方块儿上写文字的方式来写，方便设计师可以直接吸取颜色。一些比较接的颜色，应该举例做注明。

3、字体、字号

字体一般在规范最好只有一种字体，最多不超过两种。其它特殊的字体比较少量，可以特别说明；字号先以使用量最多的为基准，定义为中号字，其次在加大号字，小号字，再以此细化分为特大号，特小号等，以此类推，字号最好不超过5种。

4、字体颜色

字体颜色一般分强调字色以及内容字色，强调字色一般为品牌色。内容字色一般先以正文字色为最清晰的字色其次在展开次级内容颜色，如人名，副标题等，再往后如时间、输入框占位字符等除反白字外，一般字色不要超过五种。

5、字间距

统一间距的管理，能让界面产生韵律感，而不会感觉散乱。建议以彩色小块分别来表达不同的间距，直接在界面上标示，清晰明了，设计师也能快速取下色块来量度。一般先定义最常用的一般间距，然后再根据需要定义出更宽的区分间距以及更窄的亲密间距，如此类推。间距总数一般不超过7种。

6、图标

由于APP里的图标一般为系列性的图标，所以应该定义切图大小以及分量大小两个参数，切图大小是保证图标输出大小统一，方便日后坐标以及程序猿的实现，而份量大小则是保证视觉上大小的统一。另外有些图标具有多个状态，需要把不同状态的配色标记，线状的图标还需要描边的参数。

7、控件

整理为一张大图里，图层整理清晰，方便设计师放在PS里查看对照。注意标图文字加大，缩小时也能看清标题。