最新公告
  • 欢迎您光临xd素材中文网xdsucai.cn,服务于广大UI设计师。立即加入我们
  • 解析ui设计流程及步骤

    是否刚准备进入设计这个行业,对这个的工作流程迷茫,作为ui设计师咱们当然要遵循产品设计的流程才能让工作效率更高效,下面我们介绍下UI设计的流程为大家提供一个关于设计流程的思路,为日后的设计工作奠定基础。

    一. 视觉风格的定位调研工作

    在接到交互设计的原型图后,不要盲目地进行设计。需要对产品面向的客户群做一个用户视觉风格喜好的调研,充分了解产品定位,通过分析目标用户的喜好风格,从而确定视觉设计的方向。

    二、 整理需求

    UI的设计比起海报设计要复杂得多,其中每一次跳转、每一个互动中都意味着要设计出一个页面。因此在整理想法时,将需求归类,是非常有利于接下来的设计工作的。

    整理需求时,首先将用户调研所收集到的信息梳理,再参考同类型产品,来进行基本的规划。

    三、 线框图提出方案

    在确定需求并梳理清楚后,就可以画原型图了。

    原型图简单的来说,就是【一款产品成型之前的一个简单的框架图】,将页面的排版布局展现出来,每个功能键的交互,使产品的初步构思有一个可视化的展示。原型图无需非常精致,把产品的内里核心、交互逻辑展现清楚即可。

    它说到底并不是一个需要展示给用户看的产品,通常是:开发、部门领导、UI设计师和测试。

    建议在设计原型时,就开始思考整套产品的设计规范,可以最大程度的保持统一性。

    四、 设计规范

    开始设计前,建立一套设计规范是非常必要的,它起码有以下三个优点:

    1、 保持产品视觉统一度

    视觉统一性是交互设计的一个基本原则,尤其是对于多人参与设计的项目来说,制定设计规范是设计师保持视觉统一性的重要保障。每个设计师都有自己的风格与思路,如果没有规范,很可能会做出不同的处理方案。

    2、 提升团队效率

    如果没有设计规范,那么相同的元素设计师都需要进行重新设计,过程繁琐且低效;但如果有了设计规范,只需创建模板,所有设计师均可直接复用,也不需要再进行视觉和开发,设计效率大大提高。

    3、 塑造品牌调性 每个品牌都有自己独特的品牌调性,除了品牌的slogan和推广时注重宣传以外,在产品界面去不断传达这一信息也很重要。整套产品的UI界面都选用统一风格、同一细节元素,对加深用户对品牌的认知非常重要。

    五、视觉优化

    上述工作做完就可以开始设计了,设计的步骤无需多说,其实就是——画画

    六、交付

    交付是整个设计流程的最后一环,将文稿交付给研发后设计基本就完成了自己的工作。

    以往设计师都会通过第三方平台进行交付,但如果使用了Pixso作图的话,可以直接使用pixso进行交付,链接即可传输,无需导出文件和再次上传,同时支持切图、标注等功能,前端能直接自行切图。

    xd素材中文网,提供优质的UI设计资源免费素材,有xd源文件,sketch源文件,设计规范,实用的商业ui设计教程。
    XD素材中文网 » 解析ui设计流程及步骤

    常见问题FAQ

    关于我们
    我们是一家服务广大ui设计师的素材平台,提供包括UI、平面设计、ppt模版,网页素材、png素材、设计插件、设计软件等一些列优质资源免费分享给到设计师,有效提升工作效率。
    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    百度网盘为什么下载慢?
    国内只有在百度网盘放资相对靠谱,基本不会出问题,但百度网盘限制了非SVIP用户的下载速度和稳定性,不过使用百度云盘软件下载(不要用网页直接下载)会相对稳定,而且能断点续传;
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

    发表评论

    • 65153会员总数(位)
    • 34553资源总数(个)
    • 128本周发布(个)
    • 0 今日发布(个)
    • 867稳定运行(天)

    提供最优质的资源集合

    加入会员 免费领会员