过来人的经验！前端工程师如何与设计师合作？

编者按：有刚毕业的前端同学问，如何与公司里非专业的网页设计师更有效地合作？在实现设计师的设计稿时，如果有自己的一些想法怎么办？是直接什么也不说，直接照着设计稿做，还是提出一些建议交流？今天让两位前端前辈一一帮你解答！

大学毕业一年不到，期间算上实习也近一年半，没有正式地与设计师合作过。近来公司来了一个平面的设计师，第一次尝试网页设计，双方都没有相互合作的经验。网页选择了响应式的设计，对设计师而言比较新颖，不能一开始很好理解。也因为个人的一些想法会与设计师不一致，想问几个问题：

如果非专业的网页设计，如何可以尽快地让双方更有效的合作？
作为一个前端工程师，在实现设计师的设计稿时，如果有自己的一些想法怎么办？是直接什么也不说，直接照着设计稿做；还是提出一些建议交流？
如果是设计师全权负责设计的话，那前端工程师在github、codrops，Dibbble上看到先进优秀的效果，是不是就没有用武之地了？

豪情先就个人认识方面的经验，回答一下你的问题，仅供参考：

1. 如果非专业的网页设计，如何可以尽快地让双方更有效的合作？

要有一个共同的目标的前提下沟通，如果目标不一致，或没有目标，那就没办法沟通。

比如我们有一个宣传活动，这个活动的最终目的就是吸引新用户注册，那我们交流沟通时，完全以这个为目标，与这个偏离太远的直接砍掉，否则加进来。

另外要有第三者中立方存在的情况下沟通，比如技术负责人，项目经理等。要不然责任划分不明确，场面容易失控，意思就是讨论是说的在多，最终得有个人拍板。

2. 作为一个前端工程师，在实现设计师的设计稿时，如果有自己的一些想法怎么办？

是直接什么也不说，直接照着设计稿做；还是提出一些建议交流？

有想法可以跟设计来交流，但我个人的经验，先做好前端本职的事情，一般的经验就是工作不饱和，自己份内的事情没做好就想这想那的。

3. 如果是设计师全权负责设计的话，那前端工程师在github、codrops，Dibbble上看到先进优秀的效果，是不是就没有用武之地了？

技术永远是在找寻发现价值，只是一个工具，不能本末倒置。

然后是分享一点我们积累的知识，仅供参考：

来自于群内周五晚上的一次头脑风暴式的思维碰撞交流活动。

文章版权属于群内发过言的任何一位同学，我只是做了简单的梳理或整理。

一般设计师给前端的只有psd，没有其它多余的东西，连基础的文档都懒得给。前端期望中的设计能给予的除了psd之外，还有设计上游岗位传递下来的东西。比如：产品原型，需求文档，交互文档等等。

一般在真正的代码开发进行之前，前端期望中设计给的东西有：

1. 1份jpg文件: 里边有各个psd的动作分解图，包括页面逻辑，或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝，但对开发人员来说，如果分级过于隐藏就会漏掉某个部分的开发。

2. 1份psd文件: 一份好的psd文件是分层清晰，设计规范的文件。

3. 1份需求文档: 需求文档是对当前开发功能的基础介绍或逻辑详细描述。

4. 1份原型文档: 原型设计文档一般是由产品经理对最初功能设想的一份粗稿，这份稿只是对布局或交互做简单的设计，需要经过设计进行艺术的加工之后，才成为一个可以呈现给用户的完整界面。

当然这些所有的结果，需要经过层层开会审核，征得各个项目组leader的同意之后通过邮件的方式发送给各个成员，最粗笨的办法就是放在局域网的共享地址可以去拿psd文件。