什么是UI设计,什么是UX设计?

网站页面的开发,分什么UI和UX是什么意思啊?

UI设计与UX的说明如下:

UI设计中的“UI”代表“用户界面”。用户界面是应用程序的图像布局。 它由用户点击的按钮,阅读的文本,图像,滑块,文本输入框, 以及其他所有用户可以与之交互的项目组成。 这包括页面布局,过渡,界面动画和每一个微小的交互细节。任何类型的视觉元素,交互细节或动画都必须经过精心设计。
“UX”代表“用户体验”。用户对应用程序的体验取决于他们如何与程序进行交互。 体验是否是流畅而直观,还是复杂而困惑。浏览应用程序时是否感觉符合逻辑,还是完全摸不着规律。在与应用程序交互时是否让人们感觉到他们有效地完成了他们想要实现的任务,还是说感觉过程很艰难。用户体验取决于用户在与UI设计者所创建的用户界面元素进行交互时的难易程度。

想要了解更多关于ui与ux的相关信息推荐选择Pixso协同设计。Pixso自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计,直接拖拽使用自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-30

UI设计指对软件的人机交互、操作逻辑、界面美观的整体设计;UX设计指对软件系统的易用性,价值体现,实用性,高效性的整体设计。

1、UI即User Interface(用户界面)的简称,UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

2、UX是User experience的缩写,即用户体验,其核心是用户,体验指用户在使用产品以及与产品发生交互时出现的主观感受和需求满足。用户体验发生在用户接触产品的时候,随着用户使用产品的深入,用户体验也从内部感受逐渐转变成某种用户需求的满足。

扩展资料:

ui设计原则:

1、简易性:界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。

2、用户语言:界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。

3、记忆负担最小化:人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。

4、一致性:它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。

5、清楚:在视觉效果上便于理解和使用。

6、用户的熟悉程度:用户可通过已掌握的知识来使用界面,但不应超出一般常识。

7、从用户习惯考虑:想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。如:书籍对比竹简。

8、排列:一个有序的界面能让用户轻松的使用。

9、安全性:用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10、灵活性:简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。

11、人性化:高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。

参考资料来源:百度百科-ui设计

参考资料来源:百度百科-ux

本回答被网友采纳
第2个回答  2021-01-22

现在越来越多公司都在提倡UX体验设计,那么到底什么是UX体验设计?和UI有哪些区别?

感觉这个词语熟悉又陌生,那么今天我和大家分享下我的理解,仅代表我个人的观点和大家互相交流探讨,如有不对的地方欢迎多交流。

一、什么是UI?什么是UX?

1. 什么是UI?

简单理解就是界面+交互。

什么属于UI呢?

这个我想大家都已经很熟悉,就是我们每天使用的产品的界面外观设计,无论是视觉效果,还是品牌个性,还是页面的交互设计,都属于UI范围内。

很多同学会问,交互设计不是属于交互么?怎么划分在UI了?

其实,UI是用户界面设计的统称。随着时代的发展,纯UI的时代已经过去了,今天的UI设计师,除了掌握视觉设计还需要具备一定交互设计能力。

从百科中对于UI的定义也是如此:负责产品的人机交互、操作逻辑、界面视觉的整体设计。从字面大家也可以看出-用户界面,除了界面还包含用户和界面之间的交互。

如果你觉得不好理解,一个简单粗暴的理解方式就是UI=交互+视觉。

2. 什么是UX?

UX我们可以把它理解为用户任务流程设计,今天我们用户注册我们一个新的产品,需要那几个步骤?

——用户通过朋友圈看见我们的商品广告,通过那几步到达购买页,最后转化付费,这些我理解为UX,

引用百度百科的资料UX核心是用户,体验指用户在使用产品以及与产品发生交互时出现的主观感受和需求满足。

UX设计师研究和评估一个系统的用户体验,关注该系统的易用性、价值体现、实用性、高效性等。

举个例子:我们去银行的ATM提款机上取钱,看到的界面和每一步操作数据UI设计。但是如何存钱?如何更改密码?如何转账汇款?

——这些流程的设计属于UX设计,他关注这个产品是否好用和易用。

UX我更多理解为用户的行为表达,UX设计是在用户直接或者使用服务时候感受到的体验,比如反馈,和任务指引的整体设计。

比如之前我们去星巴克买咖啡时候,如果遇见人很多,我们就必须排着很长的队。但是今天,我们去店里人很多,直接可以手机上操作,手机上排号,大大提升了效率。

那么这个体验的的优化就是UX工作,它可以改变我们生活的体验,类似这样的UX改变生活的案例还有很多。比如越来越多餐厅也可以通过微信排号,无须店门口等待,只需要关注他们公众号,到时候会有排号提醒。

3. 解决问题的视角不同

UI和UX大家本质都是在解决用户问题,只不过站位不同视角不同,UI更多是解决用户第一印象,这个设计好不好看,交互逻辑合理不合理,结构清晰不清晰,页面功能层次表达是否合理。

而UX更多是定义了产品目标流程,UX更多解决产品的深度,而UI是产品的宽度,两者都很重要。

互联网行业发展了这么多年,用户体验已经融入到了我们生活中点点滴滴,UI和UX尽管本质不同,UI更加具有视觉性,UX更多是逻辑系统性。

但是他们一般都属于一个团队,只不过大家运用不同的技能,不用的工具,不同的问题处理方式——但是最终都是把我们产品体验做好。

二、UI与UX的区别有哪些?

1. UX让界面更好用,UI让界面更好看

这句话很好理解,UI设计师的价值是让我们的界面好看符合用户审美趋势,同时交互上符合用户逻辑,符合产品想传递的功能优先级,没有大的交互原则问题。

UX是让整个流程更好用,更好引导用户完成任务,达成我们的商业目标。这中间两者使用的技能也不相同。

2. UX让用户实现目标,UI让界面提升品牌感

UX帮产品实现产品目标,很好理解,今天任何的产品都需要有商业目标,无论是刚上线的新产品,还是老产品都有用户目标。

拿618,双11这些大型活动来说:很多电商都各种营销,那他们的商业目标是什么?

——是GMV成交额,所以UX的目标是怎么让GMV最大化,那么这中间就涉及到:用户入口、用户路径和链路的完整设计,每一个环节的漏损都应该考虑在里面。

那么UI就是用户在使用产品过程中,心情是否感觉愉悦,没有任何的使用负担,体验时候特别友好。

同时界面和交互时候不会感觉冗余,同时用户界面的表达有温度,如上图google的情感化表达一样,UI就是建立用户和商业这件的情感品牌桥梁。

3. UX核心目标引导用户完成任务,UI不是

另外一个不一样的点是,UX核心是引导用户完成用户目标和任务。

比如火车票软件,虽然它的交互视觉很糟糕,但是相对比这个更重要是如何帮助用户完成目标,UX的优先级高于UI,如果产品无法满足用户价值,对用户没有意义,那么UI做的再好其实意义也不大。

历史上有很多昙花一现的产品都是如此,比如早期的Path、Paper等产品就是UI视觉交互很都很好,但是在商业层面以及UX上没有那么完美,没有很好的用户价值,最终页难躲过消失的命运。

4. 交付的成果不一样

UI和UX的交付产出也有很大的不一样,UX的输出包括UX体验报告、功能定义、功能规划、项目进度、概念设计、需求评估、市场研究、数据研究、可用性测试、用户体验地图、流程图、交互原型图等等。

这是大概一些产物,当然还包括一些通用的比如汇报、提案等。

UI的交付大家都比较清楚,包括视觉和交互、视觉设计、品牌设计、动效设计、组件设计和设计语言等等,当然方案汇报提案也是一样的。

5. 职责不同

UX设计师还一个重要角色就是策略制定和内容设定,任何产品内容是核心。

拿电商来说:人、货、场,货就是内容非常的主要,这个内容如何和用户互动,同时被用户接受,和用户互动,这个中间UX设计师扮演着非常重要的角色。

一般来说,UI和UX都会用到这些工具

1. Mason

现如今,视觉稿(Mockup)和原型(Prototype)是网页和 APP 设计过程中最常用的方法。两种方式都很有效,不过也都可能会在时间和花销上对整个项目产生压力,影响团队和项目的整体推进,尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason 提供了一个更好的解决方案,它让你无需设计线框图、原型和视觉稿,而直接拿现成的组件来编辑和设计,并且确保最终输出的产品既具备功能,也是像素完美的,最后通过 Mason 的平台进行部署,甚至你都不需要有代码编写的经验。

Mason 的设计方法看起来很激进,但是实际上非常的易用。无论是调整还是维护,Mason 都能确保控件和元素都很容易处理。在 Mason 中修改、发布,然后就能正常使用。无需亲手编写代码,诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会限制你将网站投放到特定的平台或者托管环境下,你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间,并且你会发现团队协作更加高效了。

2. Overflow

设计师讲述故事最有效的办法之一,是将故事中的节点连在一起,将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容,同时能够更加专注于细节的呈现,并且构建有效的反馈机制。

作为世界上第一个为设计师量身定制的用户流程图工具,Overflow 可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品,讲述故事,以交互式的流程同用户进行沟通,吸引用户的注意力。

Overflow 是一款跨平台的工具,可以与目前最流行的设计工具无缝地集成起来,允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

3. UXPin

UXPin 可能是目前对于设计团队来说最理想的快速原型工具,尤其是当产品的 UX 设计和研发高度依赖快速反馈循环机制的时候。UXPin 可以让设计团队在向开发交付原型之前,充分地进行设计、共享和测试。

开发人员所需要的数据,实际上在每个项目设计完成之时,就会自动生成。所以,在将设计交付给开发人员之前,甚至可以使用检测工具,验证一下产品的部署是否和设计元素相互匹配。

UXPin 还提供一个完整的设计系统解决方案,帮助你保持整个产品的 UI 元素的一致性。而每个产品的 UI 组件都可以使用一段代码记录下来,因此可以更加轻松快速的扩展产品的功能。

4. Creately

UI/UX 设计当然不仅仅是线框图和视觉稿,它是动态的,系统化的,而这也是 Creately 这款工具的价值所在。这款图标工具适合生成工作流程,支持不同的图表类型,包括流程图、思维导图、UML 图标、线框图等。它所提供的图表功能和协同工作的功能,可以帮助设计师完成一半以上的工作。

使用 Creately 来创建图表,可以轻松创建出足够漂亮的图表,其中配备的1000多个专业的设计图表模板,可以快速地完成各式各样的 UX 设计项目。

5. PowerMockup

有许多 UX 设计师会使用 PowerPoint 来构建交互式原型,有了 PowerMockup 之后,你再也不需要寻找其他的工具来辅助你的工作了,它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候,只需要从 PowerMockup 不断增长的资源库找到对应的形状或者设计元素,拖拽到 PowerPoint 当中,然后进行设计即可。为了实现互动,你所需要调用的也无非是 PowerPoint 当中的幻灯片和动画功能,很简单。

6. Visual Inspector

Visual Inspector 让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种 UI 问题,并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码,只需要几秒钟就可以启用 UI 工具,并且几乎可以任何类型的网站(使用 HTML 代码,或者 WordPress 系统的)进行协同工作。这款工具不是免费的,终身授权的版本只需要付费49美元即可。

7. Fluid UI

Fluid UI 是一款可以用来设计线框图、原型图和视觉稿的综合性工具,它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库,横跨桌面端、iOS 和 Android 等主流的、必须的平台。

8.摹客

这款国产的工具快速易用,Sketch / PS / XD / Figma / Axure / Mockplus设计稿一键上传 , 设计评审讨论 , 自动标注一键生成,手动标注自由发挥 。 

第3个回答  2018-01-13

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。

第4个回答  2019-10-25

关于UI设计、UX设计、UE的概念经常容易别混淆,下面具体解释一下三种概念:

UI: User Interface的缩写,是指用户界面,最普遍的应用是在软件开发中,主要是指程序的用户操作界面的设计。

随着Web应用的普及,UI也应用在了Web的用户界面规划上了。网站用户界面(Website UI)要经过规划、美术设计、制作几个过程。一般UI主要是指用户界面规划(User InterfaceDesign )。

UX是User experience的缩写,即用户体验,其核心是用户,体验指用户在使用产品以及与产品发生交互时出现的主观感受和需求满足。用户体验发生在用户接触产品的时候,随着用户使用产品的深入,用户体验也从内部感受逐渐转变成某种用户需求的满足。

UE:UserExperience是指用户体验,用户体验这个概念的提出非常重要,网站或者软件的使用完全要建立在用户的角度上去进行策划和设计,要从多个角度去试验,以找到用户最美好的使用体验。

用户体验是从网站整体上去衡星在内容、用户界面( UI )操作流程、功能设计等多个方面的用户使用感觉。

相似回答