UI设计师的工作流程一般是怎样的?
一、沟通协调,需求确认
需要设计师注意的是,其实在项目刚开始启动的时候,UI设计师就会参与到其中。设计师需要清楚地知道并确认项目的具体要求、各项流程及业务逻辑,同时要与产品经理进行及时有效的沟通。这也就要求设计师对项目尽可能的充分了解,从而降低设计稿的返稿率,提高工作效率。
二、寻找灵感,收集素材
在沟通和确认完项目的需求后,紧接着我们需要做的就是找灵感、找素材。在这一过程中我们需要确定一个大致的设计方向和思路,在自己的素材库或者其他信息源找灵感,构思项目风格、色调等等,然后取其精华去其糟粕,加上自己的创意灵感,并在一定程度上优化设计。
三、制作与核稿
这一阶段需要考验设计师多方面的能力,包括对各种软件的操作熟练程度及运用能力、创新能力、交互思维能力、沟通协调能力等等。设计师制作完设计稿后需要由产品经理审核,主要审核一下产品需求是否体现得当、逻辑交互是否呈现完全、设计是否符合大众审美与需求。
四、标注切图,对接前端
设计稿确认后,设计师就要和前端工程师对接沟通了。沟通的内容包括标注方式、切图尺寸以及切图命名规则等等。前端程序员接收到我们具体的设计信息内容后会把页面实现,然后UI设计师需要核对程序员的输出页面与自己的设计稿是否一致,以及是否有需要调整和修改的地方。
五、项目跟进与总结
并不是说UI设计师参与的项目正式面世后,一切就已经万事大吉了。项目实际投放后,还有可能会遇到很多问题需要修改、完善,设计师需要多多关注和跟进,同时也要做好对项目的总结工作,可以以文档的形式把自己的设计规范记录下来,有助于前端工程师根据这个规范统一调整界面,后续有其他设计师接受的时候,也可以作为参考标准。
以上就是UI设计师的工作流程,对于没有跟过实际项目的设计小白来说,这可能理解不太深刻,所以,各位小伙伴们,接下来就是实践了,只有去做了,你才能发现自己的问题。
入门必读,UI设计的整个工作流程是怎样的?
UI设计师到底要做什么。今天千锋就来为大家介绍一下UI设计的工作流程,相信即使是零基础的小伙伴也可以轻松理解。
首先,大家要知道,UI设计的整个工作流程有许多人的参与。第一个是产品经理,主要的工作是竞品分析等工作,也是UI设计最核心的一个领头人物。
第二个交互设计师,根据产品经理提供的方案,设计出一套原型图设计。第三个视觉设计师,工作内容是根据交互给的原型图,设计出视觉图。其实无论是交互设计师,还是视觉设计师都统称为UI设计师。
第四个程序员,根据视觉设计师提供的图片,用代码的方式实现其功能,也就是开发APP的过程。第五个运营,负责把已经开发出来的APP推广出去,让更多人来的使用这个产品。
归纳起来就是,产品定位与市场分析阶段,主要由产品经理负责牵头,相关需求部门与产品需求专员、市场人员进行多次会议研讨,经过上级领导同意,确立好需求后即将进入交互设计阶段,这也是UI设计的主要阶段。下面是一个UI设计师的具体工作流程:
1、了解项目分析需求文档
2、草图快速沟通
3、设计开工前沟通需求
4、视觉设计
5、界面输出
(1)目的(配合好技术开发人员完成相关的界面规范沟通、设计需求沟通)
(2)主要执行人员(技术)
(3)沟通(UI、UE、需求部门、销售)
(4)UI设计师的主要职责(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)
6、可用性测试阶段
(1)目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试)
(2)主要执行人员(技术开发测试部门)
(3)沟通(UI/UE、技术开发部门、产品需求部门、营销运营部门)(4)、UI设计师的主要职责(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)
7、产品上线
8、开发后期,细节跟进
9、项目总结
完成了设计工作后,要做的事情就是出一份视觉规范,然后检查一下整体的视觉层级。无论是小型项目还是大型项目,视觉规范都有其存在的必要性。无论是对你自己,还是对于同事,都能起到很好的规范作用,避免不一致的设计。
UI 设计的整个工作流程是怎样的?
一.UI设计参与完成的流程。
UI设计的工作流程会根据公司性质、规模、项目性质、项目规模、UI职能要求等的不同有所区别。
UI设计参与完成的流程大致为:
1. 参与需求评审,理解PRD
2. 用户调研、情绪板梳理(主要针对一些对体验、视觉要求很高的产品,需要更加多关注人的设计,不是必要流程)
3. 交互设计
4. 视觉设计
5. 视觉评审(视觉稿确定过后)
6. UI走查、验收(开发提测后,发布前)
在工作过程中,可能会组织团队成员对设计方案、项目进行复盘,这样细致的分工会把每个环节都打磨得非常到位。我们再来细分工作中的每一步,具体的工作内容是什么?
1.参与需求评审,理解PRD
一个项目全员开始动工,应该就是从需求评审开始。在产品理清楚需求后,会输出PRD或者原型草图,依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中,项目组成员会对需求、操作流程、业务逻辑等提出不同的问题,产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求,产品会根据大家的疑惑去不断完善需求内容,在多次的需求澄清后,大家达成一致的共识,正式开始动工。
在这个过程中UI设计需要:
(1)反复和产品沟通,确认,协助产品给出原型草图。
(2)协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。
2. 用户调研、情绪板梳理
产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。
在这个过程中UI设计需要:
(1)参与讨论,输出纸稿线框稿、用工具制作线框图。
(2)协助产品初拟产品设计方向和思路,提出可用性设计建议。
3. 交互设计
交互设计阶段一般由交互设计师(UE)和产品一起制定,根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程,可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图,以支持后面做详细的视觉设计。很多公司没有专职的交互设计师,交互设计由产品或者UI完成。
在这个过程中UI设计需要:
(1)这个过程,UI可以依据上一个流程中的输出,初步设计产品的风格,然后和产品不断推敲。
(2)原型设计的不断完善,纸质草图-线框图-低保真-高保真(高保真原型成本较高,很多小规模的公司都不做高保真原型设计)。
4.视觉设计
视觉设计阶段,UI根据界面原型,对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后,开始制作所有界面的视觉设计
在这个过程中UI设计需要:
(1)确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。
(2)完成所有界面的视觉设计,交出最终的视觉稿。
5. 视觉评审
在视觉稿确定之后,UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会,发现可用性问题并提出修改意见。当视觉评审过了之后,配合技术部门实现界面设计的实际效果。
在这个过程中UI设计需要:
(1)针对提出的问题,对界面进行不断的完善。
(2)参与视觉评审全过程。
(3)配合技术部门实现界面设计的实际效果,给出最后的界面效果图,标注好距离、 尺寸、颜色、文字大小等。
(4)输出前端开发工程师需要的切图。
6. UI走查、验收
在发布前,测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈,在依据这些问题把设计工作进行细节调整。再正式发布之后,收集市场上真实的用户体验并记录,为下个版本提供强有力的市场需求。
在这个过程中UI设计需要:
(1)不断完善界面设计。
(2)UI人员把可行性建议进行完善,不断总结以备以后产品设计升级。
当然,以上谈到的UI设计工作只是一个大致的流程,一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同,所做的工作有所缩减或精分。