恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计和UX设计到底有什么区别?
0.0°
2016-11-10 好文转载 经验/观点 原作者: 丝路教育 举报 65243 34 313 0

通过本篇文章,让你秒懂UI和UX到底有什么不同,如果你身处小公司,那么你肯定深有体会,UI设计师?UX(UE)设计师?有区别吗?

肯定有,因为你两份工作都得做啊!!更甚的还要懂代码,而在这种环境熏染下,有些小白根本不知道两者之间有什么区别?

Image title

今天我们主要解决这两个问题:

UI和UX两者的区别

UI和UX工作责职的区分


UI和UX两者的区别


1. UI 设计师

UI,指的是用户界面,也就是人与机器互动的界面。同时又有GUI和WUI之分,不过一般的话统称是UI设计师。

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

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

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

其实互联网领域中,UI 和 UX 设计师的界限相当模糊,在很多创业公司,这两个设计角色是合二为一的。这个就是为什么很多中小型的公司为什么要求UI设计会交互,或者交互又要懂UI的原因。

Image title

国内而言,目前一般把屏幕上显示的图形用户界面(GUI :Graphic User Interface)都简单称为UI。

我们经常听到的UI设计师,其实指的是GUI设计师,也就是图形界面视觉设计师,负责产品或网站的图形、图标、色彩、视觉风格等,决定营造出什么样的视觉体验。

从视觉层面把控产品界面设计,确保UI稿在视觉上清晰的传达UX设计师的交互设计稿,也就是高保真视觉稿。

Image title

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

Image title

此外 UI 设计师还负责制定视觉设计规范,确保产品设计的一致性;在规范中,明确一些UI 控件/组件的使用行为,比如确认误或取消提示。

Image title

熟悉不同分辨率的多端产品,诸如桌面端,Web 端和手机设备;能够完成高质量的视觉设计稿--从概念设计确定设计风格到详细设计。

设计内容包括图标、图形界面等;执行统一的设计语言,撰写并完善网站的设计规范,为产品注入美和生活气息。” 这可能就是UI设计师日常事项啦。

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

用的比较多的工具:Photoshop,Sketch,Illustrator,Fireworks,markman(视觉标注软件),cutterman。

Image title

2. UE 设计师

UX ,英文为 User Experience ,指的是用户体验。一般而言,国内 UX 设计师,也称为交互设计师或 UE 设计师(而国外的 UX 设计师指的是用户体验设计师,交互设计师指的是动效设计师)。

UX 设计师主要关注用户对产品的体验感受,确保产品逻辑的流程可以跑得通,甚至跑得顺、跑得精彩。

Image title

正如一千个人眼里有一千个哈姆雷特,一个设计问题往往也没有唯一解。UX 设计师会深入场景,探索多种不同的解决方案,这种深入思考通常能产生创新方案。

UX 设计师们通过头脑风暴、角色扮演、故事版等设计方法探索设计机会点,向着创造出“最好的”用户体验目标而前进,典型案例就是为新用户设计一套令人愉悦的登录流程。

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

进行利益相关者访谈、用户访谈,挖掘用户需求,提炼用户任务流;完整体验不同产品,挖掘交互设计模式,设计交互模式,撰写交互设计稿,并最终形成交互设计规范/UIspec;跟进视觉设计和开发,确保产品正常上线” 这可能就是UX设计师日常事项。

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

用的比较多的工具:axure,Visio,Sketch,Illustrator,Fireworks,InVision,PPT,Keynote,Photoshop。

Image title


UI和UX工作责职的区别


从专业分工来看,UX和UI的工作内容有不同之处,但也有重合的部分。

Image title

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

Image title

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

Image title

UI 涉及人机交互、工业设计、视觉和声音设计等。而 UX 则包含信息架构、内容策略在内的更多部分,他需要从整体动态流程上考虑产品是否能解决用户的问题。UI 属于 UX 的一部分。

Image title

UI 设计重心则是色彩、排版等视觉方面。UX 设计以用户为中心,关注任务流和使用场景。相似之处是两人都留着大胡子。

Image title

UI 是你使用的部分,而 UX 是在你使用时的感受。

Image title

UI 设计师关注按钮的颜色,考虑的是视觉的部分,是产品看起来如何。而 UX 设计师则关注按钮放置的位置是否合适,最终出发点是用户的感受 ,想要弄清楚人类想要使用的是什么,解决用户痛点。

Image title

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

Image title

这样解释是不是清晰多了?以上由丝路教育http://www.silucg.com?bp整理发布,分享请保留。

更新:2016-11-10

收藏

34人已收藏

  • 67

    作品

  • 245

    粉丝

  • 0

    关注

  • 网页设计中对齐原则的运用
  • 如何有效利用网页设计中的留白
  • 6招搞定网页设计中Banner的点缀元素运用
  • APP原型设计表现方式大揭底
相关标签

    猜你喜欢

      2016-11-10 好文转载 经验/观点 原作者: 丝路教育 举报 65243 34 313 0

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

      0.0°

      你确定要举报UI设计和UX设计到底有什么区别?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年11月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      313
      34
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录