设计学堂 | UI、UE、UX到底是什么？它们之间又有什么区别与联系？ - 前端

UI、UE、UX的定义、区别与联系

一、定义

UI（User Interface）用户界面
UI全称为User Interface，即用户界面，是指用户与机器进行交互操作的界面，如手机屏幕、电脑屏幕等。UI设计师主要负责设计页面的布局、配色、图标样式等视觉化元素，通过清晰、统一的视觉层次和内容结构来引导用户完成任务。
UX/UE（User Experience）用户体验
UX/UE的英文全称是User Experience，即用户体验，也可以称为UE。它关注的是用户使用产品前、中、后的整体感受，包括行为、情感等方面。UX设计师的工作涉及用户研究、故事构建、用户画像制作和可用性测试等内容，旨在通过优化交互设计，提升用户的使用体验。

二、区别

关注点不同
UI设计师更侧重于视觉设计，关注页面的美观性、布局合理性以及图标、配色等元素的搭配。
UX/UE设计师则更侧重于用户体验，关注用户在使用产品过程中的行为、情感反应以及整体满意度。他们通过用户研究、原型设计、可用性测试等手段，不断优化产品的交互设计，提升用户体验。
常用工具与交付物不同
UI设计师常用的工具包括Photoshop、Illustrator、Sketch、C4D等，交付物主要是界面设计元素，如界面布局图、配色方案、图标等。
UX/UE设计师常用的工具包括Axure、Sketch、Xmind、Mindjet等，交付物主要是用户研究文档、可用性测试数据、原型图、说明文档等。

三、联系

相辅相成
UI和UX/UE在设计过程中是相辅相成的。优秀的UI设计能够提升产品的视觉美感，吸引用户的注意力；而优秀的UX/UE设计则能够确保产品具有良好的交互性和易用性，提升用户的使用体验。
共同目标
UI和UX/UE设计师的共同目标是提升产品的整体质量和用户体验。他们通过各自的专业技能和知识，共同为产品的设计和优化贡献力量。

四、实例说明

以一辆汽车为例，汽车的外观（颜色、轮胎大小、座位数量等）属于UI设计范畴，即视觉和结构方面的设计。而用户在使用汽车时的舒适度（座位舒适度）、对颜色的喜好等则属于UX/UE设计范畴，即用户体验方面的设计。

五、图片展示

左边的设计更多关注界面的美观以及功能的可行性（UI），而右边的设计则更多考虑用户使用时的体验（UX/UE）。

汽车的外观属于UI设计范畴，而用户在使用过程中的舒适度等则属于UX/UE设计范畴。

六、总结

UI、UX/UE在设计中扮演着不同的角色，但共同为提升产品的整体质量和用户体验贡献力量。随着人工智能的发展，产品视觉和使用体验的重要性日益凸显。因此，对于UI设计师或UX/UE设计师来说，掌握两者的技能并拓展设计思路和方法是至关重要的。

设计学堂 | UI、UE、UX到底是什么？它们之间又有什么区别与联系？