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

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

设计规范的组成

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

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

1. 

2.

3.

4. 

5. 

6. 

7. 

8. 

9.

10.

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

制作设计规范

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

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

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

一键查找相同

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

自动整理规范

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

交互原型，动效迷人

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

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

为了更好的体验iDoc，有福利提供 ——【免费升级到协作版】，不仅设计师可以用，你的产品团队，产品经理啊，攻城狮啊都可以加入进来协作，效率加速提升，快到没朋友！

领取福利：只需前往https://idoc.mockplus.cn/get-idoc，输入升级码free即可哦。

大赛走一波~

摹客设计大赛邀您来参赛，主题是这做一款你心目中的社交APP。

1. 【大赛福利】报名赠送价值199元设计大礼包；

2. 【大赛奖项】万元大奖：iMac一体机、Apple Watch Series领回家；

3. 【大赛评委】30余位设计大V亲自点评。

报名请前往：https://idoc.mockplus.cn/ux_2018

欢迎大家积极参赛，赢取大奖~