UI设计与UX设计到底有什么区别?
作者:优漫动游设计部 2023-05-22 18:14 查看: 353

  很多刚接触UI设计的朋友,都不大了解UI设计与UX设计之间到底有什么区别。通过这篇文章,让你秒懂UI和UX到底有什么不同。


UI设计与UX设计到底有什么区别?


 1.UI设计师

  UI是指用户界面,也就是人与机器互动的界面。UI设计有GUI与WUI之分,不过通常我们统称为UI设计师。

  在移动端,从事移动设计的为GUI设计师。

  在PC端从事网页设计的,我们称为WUI设计或网页设计师。

  UI你可以理解为UX的一个分支,与UX设计师不同的是,UI设计师更加关注产品以怎样的界面呈现,而UX设计师需要关注产品的整体感觉。

  其实,现在互联网领域中,UI与UX设计师的界限非常模糊,在很多创业公司里,这两个角色都合二为一。这也是为什么现在要求UI设计会交互,或者交互又要懂UI的原因了。

  在国内,通常将屏幕上显示的图形用户界面(GUI:GraphicUserInterface)都简称为UI。

  我们经常说的UI设计师,就是指的GUI设计师,即图形界面视觉设计师,负责产品或网站的图标、图形、色彩、风格等,以及营造出来的视觉效果。从视觉层面上把控产品界面的设计,确保UI稿在视觉上能清晰传达UX设计师的交互设计稿,即高保真视觉稿

  例如,在设计一个数据分析界面时,UI设计师可以决定使用滑块还是控制旋钮,通过这样的控件来表达图标带来的直观感受。

  另外UI设计师还需要负责制定视觉设计规范,确保产品设计的一致性;在规范中,明确哪些UI控件/组件的使用行为,例如控件按钮。

  UI设计师的日常可能就是:熟悉不同分辨率的多端产品,例如桌面端、Web端和手机设备;能完成高质量的视觉设计稿——从概念设计确定设计风格到详细设计,设计内容包括图形界面、图标等;执行统一的设计语言,撰写并完善网站的设计规范。

  设计产出物:视觉设计稿,视觉设计标注规范,视觉设计规范文档,视觉切图

  经常使用的工具:Photoshop,Sketch,Illustrator,Fireworks,markman(视觉标注软件),cutterman

  2.UX设计师

  UX,UserExperience,即用户体验。

  通常,国内UX设计师,也被称为交互设计师或者UE设计师,在国外UX设计师指的是用户体验设计师,交互设计师指的是动效设计师。

  UX设计师主要关注的是用户对产品的体验感受,确保产品逻辑的流程可以使用、且使用流程、出彩。

  UX设计师是设计人与信息产品的流程和关系,归根结底都是研究人、事、物之间的联系,是一个囊括设计、心理学、计算机工程的交叉学科。

  与利益相关者访谈、用户访谈、挖掘用户需求,完整体验不同产品、挖掘交互设计模式,设计交互模式,撰写交互设计稿,并最终得出交互设计规范;跟进视觉设计和开发;确保产品能正常上线。

  UX设计产出物:流程图、网站地图、故事版、交互设计原型图(线框图)、UIspec、交互设计规范。

  经常使用的工具:axure,Visio,Sketch,Illustrator,Fireworks,InVision,PPT,Keynote,Photoshop

 3.UI与UX职责区别

  UI关注产品功能,UX更关注用户情感。

  UI是布局设计、视觉设计、品牌形象。UX则包含用户画像、用户故事、用户调研以及可用性的测试。连接两者的是线框图。

  UI设计人机交互、视觉和声音设计、工业设计等。而UX包含了信息框架、内容策划等更多内容,需要从整体动态上考虑产品是否能解决用户的问题。UI属于UX。

  UI侧重于排版、色彩等视觉上的设计。UX则以用户为中心,解决的是任务流和使用场景。

  UI是你使用的部分,UX是你使用的感受

  UI关注按钮的颜色,从视觉设计方面考虑。UX则关注按钮放置的位置是否合适,从用户的感受考虑。

  近年来,在设计思考流程的趋势下,整体性设计流程越来越受到关注,UX和UI设计师的界限变得越来越模糊,设计师不再关细节部分,而是着眼整体和全局,只为打造以用户为中心的最佳产品体验。

  优漫教育UI设计训练营开始预约啦,全程大咖级讲师亲授,为你解析UI行业发展趋势,就业前景,助你了解设计,轻松入门,快人一步成为设计大牛!现在点击聊天框报名还有免费试听课程领取,优先报名!先下手为强吧!
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服