UI和fe交接工作主要是前端同学根据UI图实现到产品上。UI同学把设计图交付,但是为了前端同学实现还原度高,减轻后期沟通返工成本,给UI同学几点建议。
一、UI-FE交付
1.UI设计图标注。把自己的UI图的间距、颜色、字号、栅格、自适应范围,控件各种情况(例如button各个状态)等等标注清晰,供前端同学代码实现。
2.特殊标注文档输出。有些同学用sketch设计UI图,sketch可以输出自带标注的h5,避免自己标注。ps也有很多的工具可以输出h5标注文档。
3.原文件交付。psd源文件交付,现在基本所有的前端同学都会使用ps,可以提高实现效率。
4.及时沟通。交付前和前端同学当面捋一下UI页面,包括框架、操作、适配、切图等。fe实现途中随时有问题随时解决,UI设计师尽量站在fe同学角度思考,寻找解决方法。实现后及时走查,反馈问题,视觉还原。
二、UI-RD交付
与rd同学交接主要是功能逻辑的沟通。如果公司有专职交互同学可以由交互同学去交接,如果没有就UI同学和pm同学沟通功能接口问题。更多的是逻辑功能的思考。
三、UI-QA
qa同学交接是一个综合的交接,包括视觉、交互、功能、bug等。不过流程上UI和qa交集相对较少。
以上就是和开发同学交接的一些心得,总之交流的时候将心比心,有问题一起解决,目标一致为了产品好,了解各个角色的工作方式等,提升UI设计师的综合实力。