2020-03-20 20:04发布
UI设计的工作流程，前辈的建议请你参考：
1、产品经理(PM)收集客户或老板的设计需求；
2、需求评审会议，产品经理会给交互、UI、开发、测试讲解产品的需求，明确项目需求；（产生PRD文档、线框原型图）
3、设计组内部会议（产品有可能参加）、界面风格确定；（产出视觉风格稿）
4、设计分工，完成各自设计工作；可能产出设计规范，有纸质的或者UI-kit
5、设计输出-效果图、标注图、切图（.png）；
上图视觉输出这三个点基本上都捆绑在一起。
设计稿：让开发看到界面长什么样子；
切图：不规则的图形、ICON、小图标都切出来；
标注图：哪个地方多宽、多高、距离多少、用什么颜色给开发标清楚；
一般情况下，这一步需要经过产品的手，需要去审核一下图有没有问题。等一切搞定进行下一步。
6、进行开发，完成开发，测试并调试（一个迭代周期完成）这个阶段，一个新的角色出现——测试工程师。他的任务是找Bug，根据产品的文档来一个个的点，看你的APP开发是不是做成那个样子了，有没有出问题的情况。
希望对你有帮助！
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 霸气的名字 的问题《UI 设计的整个工作流程是怎样的？》','http://www.shouhuola.com/answer/470/298.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
UI设计的工作流程，前辈的建议请你参考：
1、产品经理(PM)收集客户或老板的设计需求；
2、需求评审会议，产品经理会给交互、UI、开发、测试讲解产品的需求，明确项目需求；（产生PRD文档、线框原型图）
3、设计组内部会议（产品有可能参加）、界面风格确定；（产出视觉风格稿）
4、设计分工，完成各自设计工作；可能产出设计规范，有纸质的或者UI-kit
5、设计输出-效果图、标注图、切图（.png）；
上图视觉输出这三个点基本上都捆绑在一起。
设计稿：让开发看到界面长什么样子；
切图：不规则的图形、ICON、小图标都切出来；
标注图：哪个地方多宽、多高、距离多少、用什么颜色给开发标清楚；
一般情况下，这一步需要经过产品的手，需要去审核一下图有没有问题。等一切搞定进行下一步。
6、进行开发，完成开发，测试并调试（一个迭代周期完成）这个阶段，一个新的角色出现——测试工程师。他的任务是找Bug，根据产品的文档来一个个的点，看你的APP开发是不是做成那个样子了，有没有出问题的情况。
希望对你有帮助！
一周热门 更多>