交互设计 » 信息图:一图看懂UI和UX的区别

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

发表于: 交互设计, 用户体验. 评论
Sponsor

一直有不少人讨论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设计师一手包办,总体来说,在某种程度来说,他们之间都有一定的相似与联系,如果想真正成为一名优秀的设计师,不仅要提升视觉设计能力,更要努力学习用研、交互这些知识技能。

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }