全部新闻提供最新行业动态,分享前沿设计理念
UI设计和交互设计区别你知道吗
时间:2024-09-12 来源:朝夕友人 点击:

如果你身处小公司,那么你肯定深有体会,UI设计师?UX(UE)设计师?有区别吗?

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

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

  1.UI和UX两者的区别

  2.UI和UX工作责职的区分

 UI和UX两者的区别

 1. UI 设计师

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 2. UE 设计师

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

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

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

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

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

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

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

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

UI和UX工作责职的区别

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

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

U

如果您也有此需求,欢迎咨询我们立即咨询