怎么制作一个标准的ui规范

什么是ui规范  如下图  这是google的规范     里面包含很全面，包括布局 配色  各种控件  简而言之就是ui页面里个工具包集合

这是首先要用到的工具 当然不局限于这个  只是个人习惯  选择自己熟悉的 比如ps 或者word 甚至记事本都可以 怎么方便怎么来

规范包含配色 页面布局  字体样式  按钮  间距标准   弹框样式  图标样式  页面示例 备注说明等部分

在字体样式里注意标注整套ui用了哪几种字体  以及字间距 行间距  段落间距 等样式

按钮部分 需要说明大小尺寸 一般会用到大中小三中尺寸   需要标注具体尺寸和使用到的场景，  另外还有按钮的几种状态  包括默认 悬停 按下 选中等状态  不可用也是其中状态之一 但是不常用到  建议也可以加上。

吃春标注规范也是很重要的 否则程序员没有参照 做出来的和效果图差别太大 。标注图如下。总之都是细心的活儿，标注的工具很多    macman 适合在苹果电脑上用  很方便

下图是一个完成的ui页面    你也可以在规范里多列举几个典型的页面做示例。

一个完整标准的设计规范不但可以帮助自己快速复制设计  也可以给相关人员做参照 比如程序员 产品经理  还有跟你合作的设计师。 所以这个还是很有必要的网上这种学习资源很多  推荐大家看学ui网 内容很全很值得看。