今天小编顶着胃绞痛跟前端开发产品开需求会开了2个多小时，几经崩溃的边缘。看着自己苍白无助的脸想起前几天跟伙伴们聊天，好多设计师说跟开发对接时间久。自从小编学了HTML/CSS，发现开发跟设计的脑回路就是不一样的有没有？！
今天我们就说说怎么提高大家的时间，毕竟高强度的压力下时间就是快乐。
首先我们聊聊问什么会出现这个问题，大概可以分为2个原因
1.平等对待平庸
不幸的是，许多人会自信地认为这不是他们或他们公司所遭受的问题。
这是因为生产力和效率是相对的。很少有UI设计师和产品经理意识到有一个比现在更好的设计过程。
我们倾向于以我们周围的其他创业公司和UI设计师为基准。如果每个人都以同样的方式工作，那么它可能是最有效的，对吗？
是错的！
基于我们可获得的信息，基于我们对任何事物的概念 - 在这种情况下的效率 - 是一种常见的人类偏见。
举个简单的例子🌰
有人说我超重，但是我所有的朋友都比我胖，我会认为我是一个健康的人。因为我的参考点是我的朋友们不如我健康。但是，这仅仅能体现的是他们不如我健康，并不意味着我是健康的。我仍然超重。
因此，为了克服基准和潜在的平庸，总是尝试创新，以实现效率的巨大飞跃，而不是小的渐进的变化
2.设计师跟前端开发人员是不同的
UI设计师和前端开发人员之间的根本误解 - 或知识差距
UI设计师倾向于认为自己是艺术家。他们的作品是一件艺术品，用户能够理解他们的工作之美，他们将拥有数百万的用户。
他们喜欢排版，并热爱手工咖啡。他们最喜欢的颜色是＃FEB4B1。
另一方面，开发人员只想编写很酷的东西。他们不在乎它的样子。对他们来说，“风格”是留给艺术家的一个难以捉摸的概念，对他们来说就像“约会”一样陌生。他们并不真正理解为什么红色的阴影太红或为什么标题文本应该在左边一点点。
如果这两个组因此使用了一种明确的设计语言，那么在对接的过程将非常简单和快速。
那么我们如何解决这个问题呢？？
作为高端大气上档次的设计师～我们或许可以这样做
1.创建设计系统节约设计师跟前端开发的时间
实际上，所有前端工程团队都使用某种类型的库或CSS框架来处理应用程序中使用的样式。这些库通常包含常见的样式，例如预定义的边距，颜色和工程师用来使开发更快，更一致的其他类。这意味着如果您决定使用自定义边距，字体大小或组件，工程师必须从头开始编写自定义CSS以覆盖基本样式。偶尔会很好，但很快就会变得单调乏味。在特殊场合或绝对必要时保存这些自定义样式。毕竟，在框架内进行设计简化了我们的许多决策，这通常是一件好事。
所以，如果你们还没有一套视觉规范文档，是时候开始定义一个属于你们跟开发的规范文档，然而这份文档并不是仅仅是你的设计团队使用的，更多时候，是给开发使用的。（记得你的文档要常常更新）
2.设计过程中尽早让开发参与进来
做为设计师，你有没有做一个炫酷的页面，自己已经被自己的设计所迷倒，开发却告诉你， 这个实现不了。仿佛冬天里被人泼了冷水，夏天被人塞进了没有空调的房间的心情。
从本质上讲，工程师将在技术可能性方面考虑解决方案。这有两个原因：第一，他们可以引导你的思维走向可行的事情; 第二，他们可以引导你的想法走向可行的想法。
共同创建的最佳时间是在项目的早期阶段 - 您可能会预先解决重大问题，并与开发人员建立良好的关系。（初入行的时候领导一直说一句话，尽早的接触产品需求，在我们尽早了解上游的问题的时候，同样也要让我们的下游提前介入～）
3.设计评审
虽然 与工程师共同创造会很棒，但实际情况是他们通常太忙了。组内的设计评审就将是一个很好的选择，如果你刚刚入职，听听老员工们趟过的雷。如果你是老员工，跟新员工擦出更多创意火花也是一个好的选择。
怎么做：随时随地，让整个团队进入讨论的阶段，呈现正在进行的任何设计：低保真草图，交互原型，UI组件等然后让团队进行审核并提出合理化建议。或许一个筷子被飞速折断～那么100根呢？
并且与您的PM，UX / UI设计人员和前端开发人员一起组织设计审查，是必须要经历的阶段，您可能会发现团队的所有成员都会立即看到它的价值, 弊端与问题。迅速解决它。
4.了解基本的HTML / CSS / JS
我之前见过最好的设计师之一可以直接进入代码检查员，并直接在控制台中使用HTML / CSS快速创建原型。作为一名工程师，您知道您正在使用的设计师了解您正在使用的技术，并且正在考虑这些限制因素，这令人难以置信。绝对没有必要拥有全面的前端开发技能才能成为优秀的产品设计师，但是一些基本的前端知识还有很长的路要走。获得最亲近的同行的尊重 - 学习一些代码。
加我微博 RuiJ_ 一起讨论设计问题，触碰更多灵感～
https://weibo.com/u/2991630622
更多的设计请关注：
Dribbble：https://dribbble.com/yanruijiao2
参考文献：
https://uxplanet.org/how-to-save-ui-designers-front-end-developers-up-to-50-of-their-time-39a30254ec05
https://builttoadapt.io/code-complexity-is-a-design-problem-e53e4229b5de
https://uxdesign.cc/5-rules-for-designer-engineer-collaboration-182fd74bd09f
