UI设计师们做的是哪些工作?

2021-04-08
3998
0

  UI设计师们做的是哪些工作?设计师作为当下比较热门的职业,对于各行各业来说,都是一个不可或缺的存在。设计师们将自己的思想转化为现实,不断的创新,来融合大众的审美观和消费观。那么,今天和绘学霸小编一起了解下:UI设计师们做的是哪些工作?

UI设计师们做的是哪些工作?

 

  1.Storyboard故事版

 

  主要负责人:产品经理或交互设计师

 

  最早大家开始讨论用户体验流程,在白板上边画流程边添加粗略的UI元素。会后交互设计师会在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同做大量的讨论,而且主要讨论的是流程和主要功能,因此手画故事版最快最方便并易于修改的。

 

  此环节要敲定Userflow,用户流程及其中的关键步骤,每一步骤都是一个主要界面。

 

  2.Key wireframe关键界面线框图

 

  主要负责人:交互设计师

 

  在确定的用户流程中,选出几个关键的,有代表性的步骤,做细化的Wireframe线框图。线框图里要确保每一个UI元素的设计,包括其大小和位置。我们做的线框图是1:1的,也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。

 

  此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。

 

  3.Key visual design关键界面视觉设计

 

  主要负责人:UI设计师

 

  此环节交互设计师会按确定的用户流程及确定的布局风格来继续做其它界面的线框图。UI设计师则同时开始做关键界面的视觉设计,进行配色、样式不同风格的尝试。

 

  此环节要确定产品界面的视觉设计风格。

 

  4.All wireframe全部界面线框图

 

  主要负责人:交互设计师

 

  此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。

 

  做完全部的线框图,一般会出一个总结构图。如果有足够大的场地,也可以逐页打印出来贴到一面墙上。方便团队随时参考。

 

  5.Prototype可动原型

 

  主要负责人:交互设计师

 

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

 

  Script)几乎接近成品界面的可动原型。

 

  此环节的确认同上一步,团队的理解会更精准。

 

  6.UI design全部界面视觉设计

 

  主要负责人:UI设计师

 

  完成全部界面的UI视觉设计。

 

  此环节确认全部UI设计。同时把确认的UI更新到文档里。

 

  以上步骤里省略了给boss汇报或者给客户汇报的描述。有条件的话,最好是每一步都要让有关的决策人员参与确认。

 

  如果要做用户调研的产品,那一定要做出可动原型再让用户使用测试,不然很难得到有价值的反馈。有条件的公司直接出带设计的可动原型再测试当然最好。

 

  绘学霸除了课程内容全面,还有着丰富的实训项目内容,让你能够接触到行业前沿的影视素材,在学习中累积一定的工作经验,让你就业后就能够直接参加项目,告别刚入行时的迷茫期,所以如果你有这强烈的就业意愿,绘学霸是个很不错的选择。

 

  那本期关于UI设计师们做的是哪些工作?的分享就到这里结束了,也欢迎喜欢UI设计的小伙伴,关注我们的官网绘学霸,经常分享各类教程、资源、经验,助你开启UI设计提升之门。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6