信息图：一图看懂UI和UX的区别

信息图：一图看懂UI和UX的区别

虽然这篇文章发布于2017年，但其中关于UI和UX设计区别的核心内容至今仍然具有参考价值。

一直有不少人讨论UI和UX到底有什么区别，这大多数是入门设计师的问题，而这个问题的存在是因为入门级设计师往往只能进一些小公司上班实习，小公司一般只有设计、前端、程序几个职位，什么 UE,UX,IxD 职位几乎没有。

为了更好了解 UI & UX 的差别，请大家看看下面这张信息图介绍，图中划分了不同职位的主要工作内容，相信大家能很好理解。

有些专业的设计公司，细分了很多个职位，比如 UI, UE, IxD，未来可能还有 AI 设计师，VR 设计师……目前常见的有：

UI = User Interface 用户界面

常用工具：Photohop, illustrator, Sketch, C4D

交付物：界面设计元素

UX = User Experience 用户体验

常用工具: Axure, Sketch, Xmind, Mindjet

交付物：用户（角色）研究文档、可用性测试数据、原型图、说明文档

IxD = Interaction Design 交互设计

常用工具：Sketch, After Effect, Axure, invisionapp，Adobe XD, Principle, Mockplus

交付物：和 UX 类似，可能还会涉及一些交互动效设计稿

此外，信息图中的UI 工程师包含UI设计 + 前端开发，是因为国内有很多设计师的工作都需要写前端代码， 这些设计师通常出现在网页设计的建站公司。

总结

关于这些职位，不同公司有不同的分工，比如有些交互设计是UI设计师一手包办，总体来说，在某种程度来说，他们之间都有一定的相似与联系，如果想真正成为一名优秀的设计师，不仅要提升视觉设计能力，更要努力学习用研、交互这些知识技能。