020-29815005
预约专线时间:09:00-23:59

【广州UI设计培训】:UI设计中的工作流程是怎么样的?

新闻来源:优漫动游 日期:2022-04-07
UI设计工作流程步骤详解,让你快速了解UI设计!其实在实际的工作中,ui设计师拿到项目后或者需求后所要做的工作步骤并非都一样,可能每个公司会因为人员配置的不同或者分工不同而有不同的流程。所以,这里的话兔课菌仅仅梳理一下ui设计师拿到项目需求后常见的流程:

  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设计培训】:UI设计中的工作流程是怎么样的?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !