UI设计⼯作流程步骤详解,让你快速了解UI设计!
本⽂由:“学设计上兔课⽹”原创,图⽚素材来⾃⽹络,仅供学习分享
UI设计⼯作流程步骤详解,让你快速了解UI设计!其实在实际的⼯作中,ui设计师拿到项⽬后或者需求后所要做的⼯作步骤并⾮都⼀样,可能每个公司会因为⼈员配置的不同或者分⼯不同⽽有不同的流程。
所以,这⾥的话兔课菌仅仅梳理⼀下ui设计师拿到项⽬需求后常见的流程:
1.分析需求
当⼀个ui设计师拿到项⽬或者需求之后,正常情况是交互设计师细化过后的交互⽂档,⾥⾯包含交互原型。⽽作为ui设计师所要做的就是理解并吃透⽂档,包括⾥⾯交互逻辑,具体的操作⽅式,流程,反馈等,需要不断核对和确认。
当然,也会有⽐较⿇烦的情况,假如公司并没有交互设计师,直接就是产品提需求然后就过渡到ui,那么,你可能拿到的需求就像下⾯这样。
(这种也是很多ui设计师⼯作中经常遇到的情况,还有的就是直接把开会时候的思维导图丢过来,让ui设计师直接绘制⾼保真原型,确认⽆误后直接进⼊开发,ui设计师同时细化设计稿给前端。)
遇到这种情况,需要ui设计师同时兼顾交互设计师与产品逻辑,站在⽤户⾓度思考,去理解需求并协助产品经理⼀起梳理分析需求。
2.情绪版/风格参考
这⼀步其实把情绪版和风格参考并在⼀起,很多设计师这⼀步直接去寻同类型的参考,但是没有⼀个⽐较明确的⽬标,可能这边抄⼀点那边抄⼀点,最后整了个四不像。所以我们需要先定义情绪版,从颜⾊,⽂字,图⽚,素材等多个⾓度切⼊,去推导出设计思路。最终打磨出属于⾃⾝产品的品牌调性和设计风格。
这⼀步需要绘制2-3个视觉设计风格界⾯(类似于印刷的打样),再与产品或者交互设计师敲定下来最终的风格⾛向。
3.界⾯设计
确定完风格⾛向后我们就需要进⾏界⾯设计,⼀般现在常⽤的设计⼯具有sketch,xd,figma,做完设
计稿之后,如果是产品为导向⼀般就是直接确认进⼊开发阶段,如果是甲⽅导向或者领导导向,则还需要绘制⾼保真原型并提供可操作可交互的链接给到甲⽅,进⾏确认。这⼀步有可能出现产品不断改需求或者甲⽅增删需求的情况,ui设计师加班阶段⼀般也集中在这段时间。
4.前端对接
确认完设计稿后,进⼊ui设计师与前端扯⽪的阶段,ui设计师需要提供切图,标注,设计说明⽂档以及设计图给到前端⼯程师,虽然听起来⼯作量很⼤,但是由于市⾯上很多协作⼯具,使得这个过程极⼤
地缩减了时间成本。⼀般常⽤的与开发对接的⼯具有蓝湖,figma。
这个阶段需要注意的是保持跟开发频繁地沟通,确保他们可以很好地还原设计稿(实际⼯作中很难苛求百分百还原),特别是需要设计师⾃⾝要懂得⼀点前端代码知识,可以更好地进⾏沟通。
5.测试与反馈
产品进⼊到测试阶段,需要测试⼈员介⼊,⼀般这个时候是先部门内部进⾏可⽤性测试,然后扩⼤到整个公司,反复测试⼏轮之后确保没有很⼤的问题之后才可以发包给客户测试或者上线,⽽ui设计师这个时候就要收集反馈,收集意见,与产品⼀起讨论改进⽅案。
如果设计上有很⼤的纰漏,则需要修改设计图。当然并不是⽆限度地修改,⽽是确定哪些是⽤户体验性的问题,哪些是产品流程的问题,选择性地修改,后续版本再进⾏迭代。
ui设计好工作吗?如果反馈不错,则需要分析界⾯设计在中间的优缺,并分析后续迭代的重⼼。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论