UI界面和UX交互设计之间是什么区别？
现在越来越多公司都在提倡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设计稿一键上传 ， 设计评审讨论 ， 自动标注一键生成，手动标注自由发挥 。
企业比较认可 ACAA设计师认证 。
可以考一个“UI 界面设计师”和一个“UX 交互设计师”这两个是中级的，高级的有“高级UX/UI设计师”。
你以前做过广告设计师，所以最好是再考一个“高级创意设计师”。
因为每个高级证书里面都包含几个中级证书，而且具体岗位也有一些差别。这样的话求职的时候就可以根据公司的要求，提供不同的证书和资质，成功的机会就比较大。
关于企业认可的问题：设计师有资格证书，可以帮助企业获得更多的项目机会，有些公司在项目竞标的时候是需要设计师资质的。现在在广告和创意设计的行业里，相对比较权威、能体现专业性的，也就ACAA口碑比较好。但是企业也不只看证书，最终要看到的还是你的设计作品。所以，不管你的证书多厉害，你的设计能力还是要具备的。
UI可以让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。
交互设计（英文Interaction Design, 缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求 。
从专业分工来看，UX和UI的工作内容有不同之处，但也有重合的部分。
UI关注产品功能，UX关注用户情感。
UI则是布局设计，视觉设计，品牌形象。UX职责包括用户画像，用户故事，用户调研，可用性测试。连接两者的是线框图。
UI涉及人机交互、工业设计、视觉和声音设计等。而UX则包含信息架构、内容策略在内的更多部分，他需要从整体动态流程上考虑产品是否能解决用户的问题。UI属于UX的一部分。
UI设计重心则是色彩、排版等视觉方面。UX设计以用户为中心，关注任务流和使用场景。相似之处是两人都留着大胡子。
UI设计师关注按钮的颜色，考虑的是视觉的部分，是产品看起来如何。而UX设计师则关注按钮放置的位置是否合适，zui终出发点是用户的感受，想要弄清楚人类想要使用的是什么，解决用户痛点。
UX设计主要是在互联网行业中的产品体验设计师，是为了实实在在解决产品问题的职位。
需要了解用户的需求，通过app解决用的问题，给用户带来极致的体验，最重要的是与用户的交互过程。
用户体验设计师，工作涉及多链路，在实实在在的解决产品的体验问题。
1. 发掘用户需求，打造极致的体验
产品体验是以用户为中心的，产品体验设计师应该是最了解用户的群体之一。
成功始于好想法。体验设计师们采用调研、脑暴等方式，发掘用户的潜在需求。
为用户带来更易用、更高效、更舒适的产品体验，从而让他们更爱你的产品。
2. 推动执行落地，打造有效的创新
发掘到产品面临的问题及用户需求后，不要让闪光点被淡忘，及时进行有效的落地实行，才能实打实解决问题。
3. 搜集用户反馈，推动产品优化
产品上线不是体验设计的最终结果，用户反馈才是对体验设计质量的检验。
反馈不好，再次找问题、解决问题，以此推进产品设计的持续优化。反馈好，皆大欢喜。
工作侧重点不同，前者更注重界面，后者更关注体验，平时工作中都会用蓝湖、Sketch 这些工具
戎邹13417823905： 绛旓細绠鍗曟潵璇达紝濡傛灉浣犵涓娆＄湅鍒颁竴涓綉绔欙紝骞跺鍏鐣岄潰瑙嗚鏁堟灉鎰熷埌鎯婂枩锛岄偅涓昏鏄睘浜嶶I璁捐甯堢殑鍔熷姵銆傝屼綘绗竴娆′娇鐢ㄤ竴涓綉绔欙紝瀵瑰叾浣撻獙娴佺晠搴﹀拰鏈嶅姟鐨勮创蹇冨害琛ㄧず婊℃剰锛岄偅涓昏鏄睘浜UX璁捐甯堢殑鍔熷姵銆傚煎緱娉ㄦ剰鐨勬槸锛UX鍜孶I璁捐閮介渶瑕浜や簰璁捐锛屽洜涓轰氦浜掕璁″紩瀵间簡鐢ㄦ埛鐨勬搷浣滆涓哄拰鎰熷彈銆俇X鍜孶I 绌剁珶鏈変粈涔堝尯鍒...
戎邹13417823905： 绛旓細浠ユ苯杞︿负渚嬶紝鏂瑰悜鐩樸佷华琛ㄧ洏鍜屼腑鎺у睘浜庣敤鎴风晫闈備粠瀛楅潰涓婄湅锛屽畠鐢辩敤鎴峰拰鐣岄潰缁勬垚锛屼絾瀹為檯涓婂畠杩樺寘鎷敤鎴峰拰鐣岄潰涔嬮棿鐨勪氦浜掑叧绯伙紝鍥犳鍙互鍒嗕负涓変釜鏂瑰悜:鐢ㄦ埛鐮旂┒銆浜や簰璁捐鍜鐣岄潰璁捐銆UI鍜孶X鐨勫尯鍒鏄粈涔锛烾X鍙互鐞嗚В涓鸿璁＄敤鎴锋祦绋嬨傜敤鎴锋敞鍐屾垜浠殑鏂颁骇鍝侀渶瑕佸摢浜涙楠わ紵鐢ㄦ埛閫氳繃鏈嬪弸鍦堢湅鍒版垜浠殑鍟嗗搧骞垮憡锛...
戎邹13417823905： 绛旓細1. 浠涔堟槸UX 1.1 UX璁捐瀹氫箟 鐢ㄦ埛浣撻獙璁捐锛圲ser Experience Design锛岀畝绉癠X璁捐锛夛紝鏄竴绉嶄笓娉ㄤ簬鎻愬崌鐢ㄦ埛鍦ㄤ骇鍝佹垨鏈嶅姟涓簰鍔ㄤ綋楠岀殑鍒涙柊杩囩▼銆俇X璁捐鐨勬牳蹇冩槸纭繚浣犵殑鐢ㄦ埛鍦ㄤ娇鐢ㄤ骇鍝佹垨鏈嶅姟杩囩▼涓殑鎰熷彈鍜屼簰鍔ㄩ兘鏄绉瀬姝ｉ潰鐨勩傛湰璐ㄤ笂璇达紝UX璁捐鐨勫叧閿湪浜庤鐢ㄦ埛鎰熷埌婊℃剰鍜屾剦蹇 1.2 UX涓嶶I鐨勫尯鍒拰鍏...
戎邹13417823905： 绛旓細2銆UI鍜孶X宸ヤ綔璐ｈ亴鐨勫尯鍒 浠庡伐浣滆亴璐ｄ笂鐪嬶紝UX鍜孶I鐨勫伐浣滃唴瀹规湁涓嶅悓涔嬪锛屼絾涔熸湁閲嶅悎鐨勯儴鍒嗐俇I 鍏虫敞浜у搧鍔熻兘锛孶X鍏虫敞鐢ㄦ埛鎯呮劅銆俇I 鍒欐槸甯冨眬璁捐锛岃瑙夎璁★紝鍝佺墝褰㈣薄銆俇X 鑱岃矗鍖呮嫭鐢ㄦ埛鐢诲儚锛岀敤鎴锋晠浜嬶紝鐢ㄦ埛璋冪爺锛屽彲鐢ㄦф祴璇曘傝繛鎺ヤ袱鑰呯殑鏄嚎妗嗗浘銆俇I 娑夊強浜烘満浜や簰銆佸伐涓氳璁°佽瑙夊拰澹伴煶璁捐绛夈傝 ...
戎邹13417823905： 绛旓細1. UI 璁捐甯 UI锛屾寚鐨勬槸鐢ㄦ埛鐣岄潰锛屼篃灏辨槸浜轰笌鏈哄櫒浜掑姩鐨勭晫闈傚悓鏃跺張鏈塆UI鍜學UI涔嬪垎锛屼笉杩囦竴鑸殑璇濈粺绉版槸ui璁捐甯堛傚湪PC绔粠浜嬬綉椤佃璁★紝鎴戜滑绉板懠WUI璁捐甯堟垨鑰呯綉椤佃璁″笀銆2. UE 璁捐甯 UX 锛岃嫳鏂囦负 User Experience ,鎸囩殑鏄敤鎴蜂綋楠屻備竴鑸岃█锛屽浗鍐 UX 璁捐甯堬紝涔熺О涓浜や簰璁捐甯堟垨 UE 璁捐...
戎邹13417823905： 绛旓細UI锛堢敤鎴鐣岄潰锛夎璁鍜孶X锛堢敤鎴蜂綋楠岋級璁捐鏄骇鍝佽璁″拰寮鍙戣繃绋嬩腑鐨勪袱涓叧閿鍩燂紝瀹冧滑铏界劧绱у瘑鐩稿叧锛屼絾渚ч噸鐐瑰拰鑱岃矗鏈夋墍涓嶅悓锛屼粙缁嶅涓嬶細1銆UI璁捐涓昏鍏虫敞浜у搧鐨勮瑙夊憟鐜板拰浜や簰璁捐锛屽寘鎷晫闈㈢殑甯冨眬銆佸浘鏍囪璁°佽壊褰╂惌閰嶇瓑锛岀‘淇濈敤鎴蜂笌浜у搧鐨勪簰鍔ㄧ洿瑙傘佹湁瓒ｃ2銆UX璁捐鍒欐洿娉ㄩ噸浜庣悊瑙ｇ敤鎴风殑闇姹傘佹湡鏈涘拰...
戎邹13417823905： 绛旓細浣撻獙鏄惁鏄祦鐣呰岀洿瑙傦紝杩樻槸澶嶆潅鑰屽洶鎯戙傛祻瑙堝簲鐢ㄧ▼搴忔椂鏄惁鎰熻绗﹀悎閫昏緫锛岃繕鏄畬鍏ㄦ懜涓嶇潃瑙勫緥銆傚湪涓庡簲鐢ㄧ▼搴浜や簰鏃舵槸鍚﹁浜轰滑鎰熻鍒颁粬浠湁鏁堝湴瀹屾垚浜嗕粬浠兂瑕佸疄鐜扮殑浠诲姟锛岃繕鏄鎰熻杩囩▼寰堣壈闅俱傜敤鎴蜂綋楠屽彇鍐充簬鐢ㄦ埛鍦ㄤ笌UI璁捐鑰呮墍鍒涘缓鐨勭敤鎴鐣岄潰鍏冪礌杩涜浜や簰鏃剁殑闅炬槗绋嬪害銆傛兂瑕佷簡瑙ｆ洿澶氬叧浜ui涓巙x鐨勭浉鍏充俊鎭帹...
戎邹13417823905： 绛旓細鈥UI璁捐甯堚濊繖涓鑱屼笟鐪熸鐨勫惈涔夌粷涓嶄粎浠呮槸浼氫娇鐢≒S鍋氣滅編鍖栤濈殑宸ヤ綔鑰屽凡锛孶I璁捐甯堟槸涓涓妧鏈矖鑰岄潪鑹烘湳宀椾綅銆傜浉鍏冲唴瀹硅В閲 UX鏄鎸囦汉涓庣郴缁浜や簰鏃剁殑鎰熻灏辨槸鐢ㄦ埛浣撻獙銆傜綉绔欙紝Web搴旂敤锛屾闈㈢▼搴忛兘鏄墍璋撶殑绯荤粺锛屽湪姒傚康閲岄氱О涓轰汉鏈轰氦浜掞紙HCI锛夈UX璁捐甯堢爺绌跺拰璇勪及涓涓郴缁熺殑鐢ㄦ埛浣撻獙锛屽叧娉ㄤ笌璇ョ郴缁熺殑...
戎邹13417823905： 绛旓細UI锛屽嵆User Interface锛岀敤鎴风晫闈紝瀹冩兜鐩栦簡浜轰笌鏈哄櫒浜や簰杩囩▼涓墍鏈夊彲瑙佺殑鐣岄潰鍏冪礌锛屽杞﹀唴鐨勬柟鍚戠洏銆佷华琛ㄧ洏鍜屾崲鎸″櫒绛夈傝孶ID锛孶ser Interface Design锛屾洿涓轰笓涓氾紝鏄睆骞曚笂鐨勫浘褰㈢敤鎴鐣岄潰璁捐鐨勭畝绉帮紝UI璁捐甯堥氬父璐熻矗鍒涘缓杩欎簺鐩磋涓旀槗浜庝娇鐢ㄧ殑鐣岄潰銆傚湪瀹炶返涓紝UI璁捐寰寰鍖呭惈浜浜や簰璁捐鐨勫厓绱狅紝鍥犱负涓涓紭绉...
戎邹13417823905： 绛旓細浜や簰璁捐鍜UI璁捐鐨勫叧绯伙細1銆浜や簰璁捐鏄涓绉嶉潰鍚戠洰鏍囩殑璁捐銆傛墍鏈夌殑宸ヤ綔閮芥槸鍥寸粫鐢ㄦ埛琛屼负璁捐鐨勩備氦浜掕璁′汉鍛樿璁＄敤鎴疯涓猴紝浣跨敤鎴锋洿鏂逛究楂樻晥鍦板疄鐜颁骇鍝佷笟鍔＄洰鏍囷紝骞惰幏寰楁剦蹇殑鐢ㄦ埛浣撻獙銆ui璁捐鏈変袱涓蹇碉細绐勫拰瀹姐傚箍涔夌殑姒傚康鍖呭惈浜嗕簰鍔ㄧ殑鍚箟銆備簨瀹炰笂锛孶I璁捐鍖呮嫭鍥惧舰璁捐銆佺綉椤佃璁″拰绉诲姩鐣岄潰璁捐锛屼氦浜掓槸...
