基本上所有的设计规范文档包含但不限于上述内容，所以你感觉毫无头绪，可以考虑从这几方面着手★◆■◆■★。

　　一个项目，从V1.0一直升级到2.0、3.0……,很多时候即使同一位设计师在不同版本里做出的东西也可能会因为版本久远■◆★◆◆，记不清而不小心导致视觉风格不统一；

　　那一些比较大型的公司和部门，可能不止一位设计师，比如我目前的设计团队一共7个人：4个UI，2个UE★◆★■◆，1个平面◆★◆。

　　当所有的内容都编辑完成后◆◆◆◆■★，点击最右侧导出按钮◆◆★◆★■，有三个选项，按需求导出即可；

　　右侧上部是项目简介★◆■★，可以自由编辑，可以写写项目概况，使用方式，细则等等■■★★◆★；

　　这次想写下关于APP设计规范文档的内容◆■■★■■，规范文档这个东西■★★■◆◆，实际上大部分中小型公司没有这方面的需求,也没精力去制作这样一个系统性的东西，所以文章篇幅不长。

　　从他们官方提供的10个知名APP里选一个◆◆■，用他们的设计系统整理出一套设计规范■◆■◆，就可以参加比赛了★◆。

　　所以统一的设计规范，能让后续版本和不同设计师之间保持产品的视觉风格统一。

　　很多标准化的页面控件完全可以做成设计规范里的标注好的标准组件样式，这样就不需要每次设计师都要再标注一遍给开发。

　　包括产品中使用的颜色，字体字号，各类控件样式★◆■★■，布局样式等等◆■★★★◆，都整理成一份可流通的文档，这份文档对之后的产品更新迭代起指导作用。

　　通常是主体界面完成，总进度完成大概50%的时候，可以考虑尝试整理设计规范了。

　　而一个项目有时会好几个设计师共同参与，甚至还有不同时间段先后参与到项目中的，每个人的设计风格都不相同，这样容易造成视觉界面的不统一，导致体验不佳。

　　这也是我比较看重的一点，设计规范是拿来用的，不是说我整理完了就放在这里让人看了，这个功能是我最喜欢的一点。

　　设计系统本身罗列出了设计规范的提纲，你需要的就是把产品零散的东西整理出来。

　　是一位懂交互、爱设计、可编程的全栈设计师；目前就职于某软件技术企业，任职UI设计师，交互设计师。在通信、安防、智能TV、企业管理、直播等产品领域都有涉猎。喜欢总结分享自己的工作经验和感悟◆★★，喜欢的话可关注大湿，UI中国ID：精分青年卤大湿◆■★★◆■。

　　比如标准色、标准字、图标★◆■★■、布局等等这类大纲■■，几乎囊括了一份设计规范文档该有的所有内容。

　　而下载完Sketch插件后★★■★◆，在使用Sketch设计时，直接就可以调用资源库里已经编辑好的设计规范，这对保持产品的品牌统一性非常有帮助。

　　但今天不谈它的原型设计，去官网下载客户端◆◆■◆，10分钟就上手，零门槛的原型工具★★★。

　　创建完自己的设计规范资源库，剩下的就是在设计过程中，不断的往资源库里填入对应的内容就可以了◆■◆★◆◆。

　　这个活动我觉得还是挺有意思的，活动时间是2018年7月20日~2018年9月5日■◆★■。

　　很多设计比赛对新人不怎么友好★★◆■◆★，一些设计能力薄弱的朋友参加根本没什么机会；

　　那这时要根据实际情况■★，合理的更新迭代设计规范文档的内容★◆★◆，而不是一成不变★◆。

　　也就是说◆■★，你制作完设计规范后，下载Sketch插件；在Sketch里做设计的时候，就可以直接使用设计规范的资源库，对应的标注色，标准字等等都可以在Sketch里一键使用。

　　一般来说，大部分中小型企业整个部门，可能就搭配了1个啥都干的UI设计师；

　　几年以前写设计规范文档◆◆，都是一页页的手写设计规范，效率低下，主要还是累~

　　于是我发现了个非常高效的设计规范制作工具：Mockplus摩客的设计系统。

　　就算不参加比赛，使用这个设计系统也可以用来练习撰写设计规范的能力★■，可以有效的了解如何撰写一份设计规范，以及一份规范有哪些内容。

　　它本身是个原型设计工具，在这个移动互联网的时代，做交互设计或者PM的朋友应该经常使用或者知道Mockplus。

　　标准色：产品用色■◆、字体用色◆★★★■◆、背景用色◆■★、分割线用色，以及各种色值的使用场景；

　　其实系统本身操作没什么可说的，重要的是出现了这么一种能很大提升效率的工具，因为最近又开始撰写新的设计规范文档■★★◆■◆，使用后觉得这个效率还是非常高的，所以分享给大家。

　　公用控件：分级导航样式■★◆■◆、标题栏样式、输入框、弹窗、按钮◆■◆、列表■◆◆■◆◆、toast、加载、loading、空白页等等各类可作为设计规范的控件◆■★；

　　随着版本一代一代的更新■■■◆，设计规范中的内容也逐渐会不适合现有的设计风格和技术。

　　②有对应的Sketch插件■■★，可以在Sketch里直接调用自己创建的设计规范资源库。

　　因为是线上工具，制作完成后还可以分享链接或者直接导出PDF文件，便捷性和流通性比较高◆◆◆■■；

　　那这时候，需要其中工作经验丰富的设计师作为设计规范制作项目的主导者，规范好各个模块，由其他人协助统一完成一份比较全面的设计规范文档。

　　设计师有时候根据新的业务需求设计的东西，和原有的设计规范文档的内容并不合适；

　　和之前写过的交互文档需要人手一份一样，设计规范文档也是要传达到团队的每个人手中；并不是UI设计师编写完成后，就只由UI设计师来使用的。

　　这时候如果你一个人需要制作规范文档★◆◆◆★■，可以简单做一下，基本上标准字体◆★■★◆、字号、色值★★、控件等等都可以快速记录下来作为规范文档的内容；

　　下图是进入设计系统后的页面，包含一个系统提供的演示DEMO★■，一个添加自己规范资源库的功能按钮。