开发和设计沟通有多难？ - 你只差一个设计规范

在网络上或是咱们的平常工做中，常常会看到设计师和开发人员两大阵营的争论。设计师可能常常会遇到这样一些状况，当开发人员对着设计稿想实现一些效果时，会提出一大堆的问题。如：这个按钮的颜色是什么呢？这个导航栏一级菜单的字体大小是多少呢？这两页的LOGO同样，大小尺寸有什么区别吗？等等。虽然二者时常会争论不休，可是，一款好的产品，绝对离不开设计师和开发二者的密切沟通配合。

ALT：开发与设计沟通

沟通？看起来简单，但在实际工做中并不是易事。设计师与开发人员的沟通必须作到两点。一是让开发人员清晰的明白产品交互设计需求（可直接查看需求文档、原型图）；二是让开发人员可以严格执行界面设计元素（色彩、尺寸、字体、LOGO等），也就是咱们常说的设计规范。

如今市场上可以解决需求文档（word、excel、MindManager、visio、纸等）和原型图（Axure、国产Mockplus、justinmind等）的工具不少，在以前的文章中（APP原型设计利器！【附】人人都是产品经理APP原型剖析）也有给你们推荐，在此再也不赘述。然而，可以让咱们自定义设计规范的工具屈指可数。

设计规范是什么？

小编的理解：可以对界面UI中的设计元素（如：Logo、配色、字体、排版等）资源进行管理和概括的规范性文档。

设计规范的做用是什么？

设计规范可以为团队解决诸多问题，大大提升团队协做效率，其做用主要体如今以下方面：

1. 解决团队协做项目控件使用混乱

一个包含几十页甚至几百页的大型项目，通常都是团队协做一块儿完成。若没有制定的设计规范，想保持不一样页面同一控件的统一性，几乎是不可能的。可是，若是在多人进行协做某一项目前，UI设计师制定一份设计规范，其余协做成员都遵循此规范，就能够有效的把控视觉统一性了，提升工做效率也就变得轻松多了。

ALT：控件使用混乱

2. 保持产品迭代过程当中品牌一致性

在产品的后期维护过程当中，少不了迭代。若没有制定的设计规范，在通过屡次迭代后，咱们极可能忘记了设计初衷。版本3中的LOGO样式可能和版本1相差愈来愈远。如有了设计规范，在后期迭代过程当中就很容易保持初衷，良好的维护品牌形象。

ALT：品牌迭代

3. 大大提升开发人员工做效率，减小没必要要的代码重复

有了设计规范，开发人员可快速调用一套代码，大大提升工做效率。

ALT：开发效率

设计规范系统有哪些？

今天，要给你们推荐的是国内首个设计系统-

摹客设计系统

。也许不少人都尚未据说过，可是我相信作产品，作设计的朋友必定据说过国产原型设计神器- Mockplus。这二者有什么关系吗？固然，这是由一家公司开发的，在设计系统里面制定的规范可直接应用到原型设计中。

有没有感受很牛？好了，废话很少说，下面带领你们一块儿来认识一下这个设计系统，让你先睹为快。

目前摹客设计系统能够对界面UI中的Logo、标准色、字体、段落样式、图标、图片、组件、度量、阴影等资源进行管理和概括。

制定规范

进入设计系统后，新建空白库，可根据本身团队需求快速对Logo、标准色、字体、图标、图片、组件等设计规范。

ALT：设计规范之LOGO

ALT：设计规范之品牌色

分享规范

当你完成设计规范后，可一键分享给其它小伙伴。

ALT：设计规范分享

分享样例：ds.mockplus.cn/lib/5b28753…

导出规范

在设计系统中，能够快速地将本身的设计库导出为规范图和样式代码。导出的样式代码可直接投入开发。

ALT：设计规范导出

完整文档下载：i.loli.net/2018/06/21/…

与Mockplus及Sketch对接

设计规范制定好后，最终的目的是要快速应用规范。打开Mockplus或Sketch中的设计系统插件，可获取设计系统中设计资源。

经过拖拽的方式将Logo、标准字、图标、图片和组件添加到Sketch或Mockplus中。

可经过点击的方式应用标准字、标准色资源。

ALT：设计规范应用

资源上传

从Mockplus和Sketch中制做好设计资源后，可快速上传到设计系统。

ALT：设计资源上传

怎么样？是否是以为若是有了设计规范，与开发人员的沟通就会变得轻松不少呢？咱们只需将导出的设计规范图发给开发人员，让他们直接看文档就行了。

结语

开发和设计沟通有多难？归根结底，你只差了一个设计规范。相信你们使用摹客设计系统后，必定会大大提升设计师和开发的协做沟通效率。

赶忙来试试

吧！