开发阶段，设计师该做些什么

设计师：“品上线了怎么和设计稿不一样?渐变呢?阴影呢?交互动画呢?怎么都没了?”

工程师：“有吗?我怎么没看出”

设计师们经常会有这样的困扰，在设计完成后， 将交互原型，视觉效果图，视觉规范一并交给前端和开发工程师之后，在测试环境下看到产品 Demo 时，发现与自己心中的设计效果差别很大。交互稿中注明的“渐变出现”、“渐变消失”变成了生硬的“直接出现”“直接消失”，视觉稿中浅浅的灰色底色变成了白色，因角和阴影不见了，之前设想的实时更新数据也变成了手动刷新才能更新，等等。

其实这并不是工程师们不认真完成工作，而是工程师与设计师关注的点不-样， 设计师关注页面的交互细节以及视觉是否美观。平滑的交互动画和渐变、阴影设计细节等，都能使界面看起来更加精致。可是对于工程师来说，简洁的代码，快速的响应、可复用的控件才是他们所关注的。前端工程师并不是有意将页面底色写成白色、去掉渐变和阴影的，他们可能根本就没有看出来设计稿中的底色是浅灰色、按钮还有 1 像素的描边和阴影。

所以设计师完成设计方案并不是设计工作的结束， 在前端、开发、 测试阶段， 设计师需要跟进项目进度。首先，要注意沟通到位，让前端工程师知道设计师想要的效果究竟是什么样的。自己在进行设计时提前预测前端实现时会遇到哪些问题，并在设计稿中注明。最后，要在开发完成后，进行设计走查。

勤于沟通

在设计过程中如果发现一些功能设计或是交互效果在实现时可能会有技术难度，要提前与前端工程师沟通，确保设计方案在技术上是可以实现的。如果在整个设计做完之后，才得知一些效果难以实现， 或是需要耗费很长时间，很大的精力才能实现，那么辛辛苦做出的设计方案很可能就要推倒重来。

在设计完成后，一定不能把设计稿打包发给工程师后就甩手不管了。因为写在设计说明中的文字描述并不是每个人都会一字一句地去看完的， 有些自已认为很明显的重点标注，还是有可能被忽略的。在设计方案完成后，一定要与工程师进行当面沟通，把最重要的设计点详尽地去描述给他们，需要特别注意的地方也要再次强调。这样确保技术人员可以正确理解设计，而不会忽略重要设计点。

在开发进行的过程中，设计师也要持续跟进。也许在设计过程中， 我们已经尽可能全面地考虑了产品的所有交互状态，但在开发时，仍然有可能遇到设计师疏漏的地方。所以，解答技术人员在开发时遇到的关于设计方面的问题，了解开发进度都是设计师后续需要做的事情。

那么，设计师在开发阶段具体怎么做呢？产品上线前，交互设计师需要对测试环境下的产品Demo 进行交互走查，如交互动作，操作及其反馈，交互控件的各种状态，极端、极限和出错的情况，默认值是否正确，第 1 屏高度，悬停状态，文案，等等。这些小细节也是开发阶段可能会被疏忽的。视觉设计师同样需要对产品进行走查，如视觉样式， 是否有色差、尺寸间距，图片质量，是否符合栅格，等等。交互设计师也可以配合测试工程师撰写测试用例，更好地保证上线后的产品与设计稿一致。

Powered by Froala Editor