当前位置:首页> 2018

ui设计详细工作流程

发布者:乾学教育 发布时间:2018-10-26 64浏览

      ui设计师具体是怎么工作的?只是简简单单地做图吗?看了乾学教育整理的ui设计详细工作流程相信你会对ui设计师这个职位有更好的了解。

      1,PM提出设计需求。(比如,有个什么界面啊或者活动页啊,需要设计下的)

      2,最重要的一步:UI和PM沟通需求,这叫理解和确认需求。

     (因为pm和ui站的角度不一样,所以要沟通好,要了解pm想要的是什么,要确认需求流程是否有问题,交互逻辑是不是清晰。)千万不要避免拿到了一需求,就开始找图啊,打开ps画的。

      为什么有的人能一稿过,有的人要一遍一遍的来来回回的改,就是因为这一步没有沟通好。

      3,第二重要的一步:构思,然后网上找素材,找感觉。

      你所找的设计参考图的质量,最终决定了你最后做出来的设计稿的质量。

      一开始就看到很多很优秀很高质量的设计参考图,那么你设计时自然而然的就会往这个高度靠拢。

      4,打开ps,开始做图。

      有了前面对需求的理解,和一些优秀设计的参考,这时你的心里已经很清晰了。做起来就会很轻松了。

      5,第三重要的一步:UI和PM再次沟通,确认设计的完整性。

      设计稿做完后,会有跟pm进行二次沟通确认。要确认pm提出的需求是否都在设计稿里面体现出来没?有没有遗留?

      这时,一般pm在看完设计稿后,会提一些小的修改建议的。这也是为了避免最后输出后,pm进行微调修改时,需要重新再次输出。

      6,设计输出,切图+标注。(尽量输出前跟rd们沟通下,他们需要怎么那些图,怎么给它们)这时,因为前面跟pm有了2次确认了,也跟rd们沟通了设计输出了,设计ok,输出ok,所以就可以大胆放心的输出了。

ui设计详细工作流程

      7,UI联调

      rd开发完后,需要确认开发出来的界面跟设计稿的界面是否一样。推荐阅读>>>ui设计师该具备哪些能力

     实际型工作流程

     很多中小型及初创型互联网公司,比较常见的工作流程。

     第一步:需求分析

     这部分内容主要由产品经理和需求人员来进行初期沟通。需求根据自己对产品的理解和调查同类竞品进行“理想化”分析后,写出需求文档与产品经理进行前期沟通。

     第二步:初期界面设计

     这部分内容主要由产品经理、交互设计师、GUI设计师共同完成。根据产品经理、交互设计师讨论分析后,对需求内容进行流程梳理及原型设计。GUI设计师根据手绘草图或者口述内容进行界面视觉设计,设计制定风格、配色、图标等内容。

     第三步:完整原型设计及视觉效果图制作

     这部分内容主要由产品经理、交互设计师、GUI设计师共同完成。根据产品分析讨论会后制定最终的布局形式、交互方式、操作流程、结构关系、信息层级。通过讨论后,开始制作完整的产品原型及界面视觉效果图。

     第四步:交付设计最终版设计效果图,进行程序开发

      
这部分内容主要由交互设计师、GUI设计师、程序开发人员共同完成。协调交接工作内容,部分较难的视觉效果降低标准后进行开发。设计师辅助程序开发,尽可能高效的完成开发内容。

     第五步:项目验收,总结复盘

     这部分内容主要由产品经理、需求人员、程序开发人员、GUI设计师、交互设计师共同完成。对之前几个阶段的问题进行细节调整和整理归档,对用户体验反馈、视觉设计反馈、品鉴测试反馈、等反馈信息进行整理并优化调整。

     以上五个步骤是中小互联网企业常见的UI设计工作流程。

     当然,不同的公司,其流程细节可能会有所变化,而对于ui设计师来说,需要学会的就是依据不同的项目需求或者是产品需求,设计出令公司和用户满意的界面出来。


热门文章

南京苏州各大高校寒假时间表新鲜出炉(文章)免费

乾学原创课程26已学习