前端开发、交互、视觉是这样合作完成的

作为一个前端工程师，在着手码起代码时，手上一般都拿着产品文档、交互原型、标注图和切好的图片资源。开发者只要按照这些资源的指示把内容逐一整合到自己代码里就算完成工作。但是俗话说的好，不愿意当产品的设计不是好开发，在「全栈工程师」被捧的越来越高的大潮中，一个合格的前端，应该明白自己在开发时手中的原材料到底意味着什么。这样写出的代码，更能符合需求，提高产品的最终体验，前端自己也能在这个过程中有更多的思考，修炼自己的各方面能力。

现在，我们应该跳出自己的工位，看看一个产品的所有需求，是经历了怎样的过程，来到自己的手上的。下面的流程比较典型，但可能和大家的实际情况有着或多或少的差别，但是在整体思路上是大致相同的。

产品篇

其实，需求最开始起源于用户，而我们的产品经理捕捉、提炼、整合这些零散的需求，就产生了我们的开发对象——产品。前端们要去实现的各种逻辑和功能点，都一一对应了这些需求，可以说，这些功能是一个产品的灵魂。作为一个开发，可能会获得产品经理写的原型、文档、思维导图等等，形式上虽然多重多样，但都是为了让开发了解这个产品的功能点和基本架构。

产品类文档可能不像交互文档、视觉标注那样贴近开发，甚至不读都不影响前端的工作。但是这类文档可以让开发纵观整个产品，让开发掌握每一个功能点的轻重、意义，能帮助开发根据产品本身优化代码