设计篇：一文分清UI&UE

一直有不少人讨论UI和UX到底有什么区别，为了更好了解 UI & UX 的差别，请大家看看下面这张信息图，图中划分了不同职位的主要工作内容，相信大家能很好理解。

UI设计又被称为界面设计，是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅让每一款软件都能够变得富有个性与品位，还能够让软件的操作变得舒适简单、自由，让用户在使用的过程中得到更好的体验。

大致了解了UI设计之后，再来看看UE设计又是什么呢？UE设计其实就是用户体验，是指当用户在访问一个网站或者使用一个产品时的全部体验。他们对产品的印象与感觉，是否成功、是否享受，以及他们能够忍受的问题、疑惑和BUG的程度等，这些都是UE设计师们在为产品服务时所需要考虑的问题。

如果你还有些疑惑，往下看，一目了然。

 

视觉设计or交互体验

UI设计师利用视觉设计使界面看上去美观，并能把它们转换成HTML代码。而UE设计师则试图了解用户想要的是什么。 

 

技术型or概念型

UI设计师是一个技术型工种，负责视觉方面的技术，他们更关心用户如何通过界面交互的精细细节。而UE设计师主要是对产品背后概念的理解以及对软件根本目的的关注。 

 

结构化or功能化

UI设计师负责结构化的东西，比如生产可视化组件、基于品牌指导和可视化层的前端代码，而UE设计师负责软件功能和用户互动式的体验，软件功能要实现用户的个人需求，还要考虑到用户场景。 

 

商业设计师or设计思想家

UI设计师更倾向于设计，更关注一个产品与设计相关的部分，所以实际上他更像商业设计师。而UE设计师则会进行关于用户体验的深层次思考，什么样的设计和功能是用户所需要的，起到把控全局的作用，所以他们是一个产品的设计总指挥。 

  

交互设计or解决方案设计

UI开发人员专注于交互设计这种实际东西，他们更关注内容以及如何将内容在界面上呈现才有利于用户获取信息。 而UE则被称为解决方案设计，因为它是为用户提供解决方案中的无形部分，也就是思路和方法。

简言之，两者是融会贯通的。在UI设计中，在考虑一些用户体验，比如说：操作简便等方面的基础上，进行UI设计，这样才能做出让用户满意的软件，但在实际设计中，经常出现需求遗漏问题，如何有效解决这个问题呢？

这里，必须要介绍下码前的一大亮点了，UI与UE实现一键对比。

码前可基于产品原型一对一生成Sketch的UI设计图，之后使用Sketch软件 ，可进行二次定制设计。

  

一键导入设计源文件，为前端工程师实现自动切图标注功能，基于UI设计后的页面与原型一对一比对，防止需求遗漏。 

码前-UI设计亮点

1、插件连接第三方设计软件

2、自动生成UI设计源文件

3、上传UI设计图在线预览

4、对比UE避免遗漏

5、在线标注意见反馈

6、在线查阅设计图所有版本