不得不承认，整理设计规范是UI设计师设计能力的一种体现，尤其是便随项目越来越多的情况下，对设计规范的把控力，成为了设计师职业素养的一种体现。

无论还是处于自己设计创作的阶段，还是和程序员沟通推动产品开发的阶段，设计规范完善与否，对产品的一致性和用户体验有着近乎于决定性的关键作用。在UI设计的过程中，设计规范是一个关键步骤。

整理设计规范很苦恼？优秀全面的设计规范是什么样的？如何通过设计规范提高品牌一致性和推动开发高度还原设计？我们不妨先来看看优秀的设计规范到底是什么样子。这里有我整理的20个设计和质量俱佳的设计规范模板，它们给我带来了很多启发，也希望对你有所帮助。

设计规范的组成

制定良好设计规范的第一步就是合理归类。你需要先明确你需要整理的内容有哪些，这些内容的分类又该怎样呈现。一般来讲，UI设计规范有一下几大分类：Logo、标准色、字号、段落设置、图标、图片、间距、圆角值、大小、阴影、组件等。

设计规范10例 （大图流量君谨慎，文末有打包资源，直接下载，我很勤快了）

点击这里下载设计规范模板！

制作设计规范

还在设计规范文档？也是很多人还在做着这样费力不讨好的事。相信看了上面的10个案例，你会发现，咦？还像它们都不是手写出来的呢？

UI设计师已经很忙了，全部手动整理规范整的是比较残忍的一个事儿。

你需要的是解放双手，比这样的黑科技：

一键查找相同

可以一键查找页面中的任何重复元素（如文本、颜色、边距、宽度等），一次查找，就可全部看清，提高效率。

自动整理规范

自动将页面中使用的颜色、文本样式等整理为设计规范。告别手工，自由自动。

交互原型，动效迷人

谁说的UI设计师做不出逼格满满的交互原型呢？交互原型轻松搞定，开发一眼就能看懂！

以上是摹客iDoc制作的图，使用了一小部分摹客iDoc的特色功能，你也可以自己去解锁更多哦。

免费体验戳这里哦~