• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

郑州UI设计师在工作中都需要做哪些事情

更新时间:2017-10-18 15:27:42点击次数:78次字号:T|T

       随着移动互联网的飞速发展,目前国内较火的UI设计,从业者的人数以几何的倍数增长,那么UI设计师在工作上都需要些什么?下面一起来看一下吧。

UI是指“界面”,在视觉设计出现之前,界面的的设计和交互策划是很关键的前置步骤,会影响最终的用户体验。在交互设计阶段一般有产品经理,交互设计师和用户界面设计师主要从事,很多企业并没有设立专门的交互设计师,产品经理完成相关工作。在这个过程中,需要整个产品团队集体参与和共同努力,加强产品的理解。或借用一个时髦的概念,我希望能出现更多的设计思想,“设计思维”,以加强和促进解决问题的能力,并激发更多的创新。

1Storyboard 故事版:(主要负责人:产品经理或交互设计师)

我们最早开始讨论的用户体验的过程中,在白板上边缘涂装过程中添加大致UI元素。交互设计师会后做手工绘制在纸上线框版本。这一阶段过程,需要产品经理、交互及用户界面的设计师,包括技术工程师将大量的讨论共同努力,主要讨论的过程和主要功能,从而使手绘故事板更快更便捷,并易于修改。这一环节需要敲定Userflow,用户流程及其中的关键步骤,每一步都是一个主要的界面。

2Key wireframe 关键界面线框图 (主要负责人:交互设计师)

在确定的用户流程中,选出几个关键的,有代表性的步骤,用来做出细化的Wireframe线框图,线框图必须要确保每一个UI元素的设计,包括其大小和位置。我们做的线框图是1:1的,也就是说线框图和实际界面的尺寸保持一致,1:1的线框图能在前期避免很多问题的出现,这一环节需要确定主要界面里的UI元素和布局,以及界面整体的排版风格。

3Key visual design 关键界面视觉设计 (主要负责人:UI设计师)

在这一环节中,交互设计师会按确定的用户流程和布局风格继续做其它界面的线框图,UI设计师则开始做主要界面的视觉设计,进行配色及不同风格的尝试。要确定产品界面的视觉设计风格。

4All wireframe 全部界面线框图 (主要负责人:交互设计师)

交互设计师在这一环节需要完成全部界面的线框图(1:1)设计并且团队确认,做完全部的线框图,一般会出一个总结构图。如果有足够大的场地,也可以逐页打印出来贴到一面墙上。方便团队随时参考。

5、Prototype 可动原型 (主要负责人:交互设计师)

此环节依产品需求而定。如果静态的线框图还不能完整的体现出产品特点,那就需要做成可操作甚至有关键界面动画示意的可动原型。通常是HTML的可动原型,特殊项目也曾经做过Flash的。我还有一个奇葩朋友用PPT做过(PPT的开发工具+VB Script)几乎接近成品界面的可动原型。

6UI design 全部界面视觉设计 (主要负责人:UI设计师)

完成全部界面的UI视觉设计。要确认全部UI设计。同时把确认的UI更新到文档里。如果要做用户调研的产品,那一定要做出可动原型再让用户使用测试,不然很难得到有价值的反馈。有条件的公司直接出带设计的可动原型再测试当然最好。

最后了解更多关于ui设计师在工作中或想要参加ui培训的人,可以百度“丰泽教育”进行咨询了解。咨询电话:0371-63614567