详解前端开发流程_如何根据设计稿进行开发

参考 cnblogs.com/Hsong/p/10720565.html

产品经理（pm）输出原型图以及进行评审

• 产品根据需求出原型图
• 原型交互麻烦的地方尽量做的清晰，流程明确
• 需求文档不能少，产品经理，前后端，测试等相关人员一起开需求评审会，是为了找到需求文档中不太明确的地方，完善需求文档，最重要的是让各方都明确产品需求，提高工作效率

UI 设计师跟进原型输出UI图

• 设计师根据 产品原型 进行ui设计图（设计师需要与产品沟通到里面的细节来实现交互，也要分析功能实现的难度与相关人员进行沟通，给产品建议）设计完成后需要与产品进行确认，确认后提供出来放在蓝湖里（蓝湖有标注界面元素的大小以及颜色方便开发）大家都可以查看，

前端根据ui图进行前端界面开发

• 前端查看设计图进行规划，提取页面中可以复用的模块方便复用 分析页面是否有实现难度比较困难的地方，结合之前的原型评审看两者是否有出入，进行沟通
• 前端进行功能排期。按照功能大小以及难度进行功能时间的评估，和后端沟通好排期时间，保证有效开发
• 针对功能复杂的地方要先理清思路，不要盲目开发
• 没有之前项目模版的情况下搭建框架
• 根据设计图进行前端界面开发，遇到问题及时与产品，UI， 后端进行沟通，针对不清楚的地方也要进行沟通，避免错误发生

根据后端swagger进行字段填充