UI，即用户界面。

一些《纪念碑谷》的美图

在Web时代，前端工程师是比较厉害的。他们必须具有一定的审美能力并且能够编写代码。网页的实现主要依靠前端工程师，小“艺术家”辅助前端工程师绘图。那时候前端工程师的审美也不一定一样。比“艺术”还糟糕，尤其是那些追求像素细节的前端工程师。

2.谈谈UE

UE代表用户体验。

UE被誉为世界交互设计师。随着产品用户数量的增加、业务量的增加，岗位职责必须进一步细分。对于小型产品，PM可以绘制原型和简单的交互，UI可以生成高保真的设计图并改善页面流程。不需要交互设计师，整个产品就可以完成。然而，面对微信、淘宝、抖音等庞大的业务系统，以前PM和UI可以一起处理的事情突然变得太耗时、效率低而难以做好。主要的。这时就需要一个特殊的岗位来全职完成交互工作，于是交互设计师这个岗位就衍生出来了。公司里，一些逻辑性强、熟悉业务的PM、UI可以调到交互岗位。交互设计师仍然主要存在于大公司，如阿里巴巴、腾讯、携程、字节跳动等，因此职位总是会根据业务需求产生。比如滴滴打车司机、美团外卖司机、淘宝电商主播等职业，你一定没有听说过。随着某个项目的业务发展，有一定的需求，需要相应的岗位。

3.谈谈UXD

UXD 代表用户体验设计师。

UXD英文与UE相同。为了区分，业界默认了用户体验设计师，或者说全链路设计师。不同的公司有不同的名称。事实上，UXD一直存在。移动互联网刚刚兴起的时候，有一个UXD的概念，一般指的是比较全能的UI设计师。可以完成从产品分析到交互原型到高保真视觉稿全链路的输出。小公司更喜欢这类人才。毕竟一个人拿一份工资，做多人的工作，何乐而不为呢。但在早期，UXD实际上只是一个概念。从表面上看，他是一个全才。其实对每个岗位都没有深入的研究，只知道一些肤浅的东西，显得很不专业。如今，一些大厂的UI设计师经过几年的工作，发现单方面的UI工作已经不能满足岗位的需要。当产品成熟后，UI相关的工作就会少很多。这个时候你需要对业务有深入的熟悉，需要用户研究和交互设计。比如阿里巴巴也会对各类设计师进行胜任力模型分析，从“用户研究”、“交互”和“视觉”三个维度对每一位设计师进行评估。在更高层次、更符合项目需求的情况下重新定义设计师，就是我们这里所说的UXD。如果我们为“用户研究”、“交互”、“视觉”每个维度能力定义10分，UXD要求这三个能力都达到8分以上。这个时候，如果UI设计师的“视觉”能力达到9分以上，而“用户研究”和“交互”都在6分以下，那么也许UI设计师的职位将不复存在，岗位职责将不再存在。 be more 倾向于做一些创造性的视觉工作，称为VD。 UXD的出现会对其他设计岗位产生一定的影响。我看了一下最近的设计岗位招聘信息。很多招聘信息都写着需要UX（交互）或者UX（视觉）。

看到这里，作为一个视觉能力单一、交互能力单一、使用研究能力单一的童鞋，你是不是感到有点紧张呢？这是行业发展的必然趋势。如果你想避免被淘汰，你需要评估自己的能力，看看哪条路更适合。但不要太紧张。毕竟大型专业公司是少数，短期内不会有太大变化。中小企业仍占多数。当然，想要走在设计行业的前列，就必须与大公司看齐。

UI、UE、UXD能力模型分析

能力的区分应该从整个行业的角度来看，因为不同的公司、不同的项目需要的能力有很大不同。这很简单。在招聘网站上看看各个公司对同一职位的招聘要求，一看就知道。因此，求职也需要双方的匹配。并不是说你是UI就可以胜任所有项目的UI。同样，如果你是UE，你也不可能熟悉所有项目的业务流程。我们每个人的知识和经验都是有限的。找工作的过程其实就是一个探索自己能力极限的过程（PS：随意找工作的除外）。

下面对三个职业的主要能力模型进行解释。一些基本能力，比如会什么软件，就不解释了。

用户界面功能

如今，UI设计师面临着职场人太多的境地。据不完全统计，每个UI设计师职位都有近500+人竞争，已经势不可挡。但话又说回来，大家都在争夺人才。如果你的能力出众，那么无论你的竞争对手有多少，都不是问题。作为一名普通的UI设计师，你需要分析一下自己的能力，看看自己是否具备专业UI设计师的能力。

一个。排版

从平面设计转行的UI设计师都具备一定的排版能力。例如，当你创建一个角色时，系统默认给你的技能属性相对于其他UI设计师来说有一定的优势。当然，这只是一个开始。设计是一条漫长的路，能力是可以以后自己培养的。

UI、UE、UXD能力分析

排版能力可以说是一个UI设计师最基本也是最重要的能力。移动终端涉及到的所有界面都需要排版。排版的四大原则“亲密、对齐、对比、重复”必须灵活运用。

b.配色

一个合格的UI设计师必须具备良好的色彩搭配技巧。要深入研究好的色彩搭配，还需要了解一定的理论知识。还必须了解补色、对比色、色相、饱和度等各种参数的调整。如果你一直处于红(sai)和(gou)绿(pi)等级，那么游戏就结束了。研究颜色确实很难做到极致。它需要不断的尝试和错误，你必须抓住趋势。即使你已经做了十年的设计专家，你仍然需要一直研究色彩。色彩给人最直观的感受。色彩运用得好不好，直接体现了UI设计师的专业程度。

为什么有些设计师搭配的颜色那么赏心悦目，还可以通过颜色来表征产品呢？比如“微信绿”、“网易红”、“美团黄”都是深入人心的颜色。有些设计师搭配的颜色不透明，看起来有点脏。你有没有思考过其中的问题？建议不擅长配色的设计师选择一些自己喜欢的插画、界面等，对色彩进行研究。请务必具体说明颜色值。如果你研究多了，自然就能总结出适合自己的配色方法。

c.图标设计

只有文字布局，没有图标的界面看起来很苍白，就像家居装饰一样。除了油漆、地板、瓷砖等常规硬质陈设外，没有灯具、窗帘、沙发等软质陈设。像微信这样简单的产品也需要图标的支持，否则它就是一个不完整的产品。应用程序界面不像一本书，它只需要文字。阅读是沉浸式的，不需要太多额外的元素干扰。界面是为了快速让用户了解功能的作用。这个时候，图标就派上用场了。

图标的形式有线性、平面、断点等。图标的风格有平面、类物体、2.5D等。图标的使用还是要根据产品的调性和使用场景来定义。比如现在非常流行的深色模式，面对面的图标就更适合使用场景。

d.动画片

运动效果对于UI 设计师来说是一个额外的好处。一些基本的动效是需要掌握的，不然在今天的情况下就太没有竞争力了。移动互联网的红利期已经过去，现在公司对UI设计师的招聘要求也越来越高，不会被众多的技能淹没。有精力的可以学一些。大多数应用程序中必需的动画是加载动画和刷新动画。我觉得其他动画可有可无。我只能说其他动画是为了产品优化，会让产品体验更有趣。在某些场景下，动效的触发也会给用户带来一点惊喜，也会增加一些点击率和转化率。一个典型的例子是创建一个活动。在应用程序的首页上，会弹出一个动态浮层来吸引用户点击。

e.插图

在App中，情感化设计经常被提及，并且经常被用在空白页面和异常页面上。其中插画起到了很大的作用，通过一些有趣的场景画来抵消产品给用户带来的挫败感。如果将品牌形象融入到插画中，也会增加产品的品牌感。作为一名UI设计师，插画能力虽然不如专业插画师，但一些基本能力是需要掌握的，比如构建场景、物化场景、提炼品牌元素等，至于技巧，了解一二就可以了最方便有效的几个（PS：想深入研究插画的人除外）

f.制定规格

建立规范对于UI设计师来说是一项非常重要的工作。我们的设计概念稿可以天马行空，不管具体的规格如何，但在项目中，我们一定要制定规格，因为我们的设计需要落地，而不仅仅是欣赏。

规范包括文字规范、颜色规范、状态规范、卡片规范、异常规范、图标规范、动画规范、剪切图片命名规范等，可以说所有的设计输出都需要我们制定规范。以下是各种规格的简要说明。

文本规范：字体、字重、字体大小、字体颜色、行距、字符间距和段落间距。

颜色规格：主色、辅色、颜色使用场景。

卡片规格：比例、圆角、不同卡片使用场景。

UI、UE、UXD能力分析

异常规范：限制单行文本字数、最大显示文本行数、网络异常、加载失败

图标规格：主要是指可点击图标不能小于最小可点击尺寸

动态效果规范：动态效果参数、贝塞尔曲线、时间、位移等。

切割图命名规范：需要与开发代码库中的切割图命名一一对应

制定规范是为了促进项目更好的进展，方便部门之间的沟通。在制定标准的过程中，我会问自己：“我制定这样的标准合理吗？”这时候我就会跑去问开发人员他们是如何实现我们的设计稿的。你会发现你制定的一些规范甚至可能连开发人员都没有读过。孩子们，你们还有很多问题吗？这里建议，在制定某些规范的时候，最好和开发者进行沟通，看看开发是如何实现的。我们制定的规范是给他们使用、服务他们的，所以不要沉浸在自己的思考中。里面。

UE的能力

UE的门槛相当高。与UI不同，可以做前期，有初级UI设计师职位，而UE只能做中后期。能做UE的都有一定的项目经验，前期还是可以放心工作的。耶巴（指积累项目经验）。我一直觉得UE就像PM和架构师的结合体。高级UE真是个硬汉，能杀人，又能DPS。（肉：与项目最前沿的PM合作，提供需求；DPS：业务流程、页面交互等设计稿的输出）

一个。逻辑思维

逻辑思维是指人们在认识事物的过程中，借助概念、判断、推理等思维形式，主动反映客观现实的理性认知过程。在项目中，UE需要理解各种逻辑，包括产品层逻辑和业务层逻辑。 UE输出的流程图直接提供给开发，需要考虑每个节点、每个状态。任何流程如果没有闭环，那么它就是不完整的，开发时就会成为BUG。

感觉自己逻辑思维能力较弱的孩子可以用A4纸记笔记的方法来提高逻辑思维能力。你可以参考书《零秒思考》。

b.数据分析

在设计产品的过程中，如何体现我们设计的价值，需要数据论证。没有数据的支持，我们的设计就没有多大意义，也不利于产品的持久迭代。毕竟，设计不同于纯粹的艺术。一是主观感受，二是解决问题。尤其是UE设计师需要更多的数据分析。重要的业务流程节点需要挖掘。通过数据对比，可以反映出产品功能迭代或流程优化是否合理。

例如：提高某产品的会员购买率，有A、B两个方案，需要进行数据分析。数据类型一般包括PV、UV、转化率、跳出率、访问时长等，涉及的页面有会员套餐选项。整个会员购买任务线的每个流程节点都要进行分析，哪个节点用户流失量大，哪个页面用户访问率低等等。通过对比数据，您可以清楚地了解问题并确定哪种解决方案更合适。

c.用户研究

PM细化需求时，UE往往需要配合PM。每个公司的PM 所承担的职责会有所不同。像这里一样，PM也需要控制整个项目的进度，从项目立项到项目实施。这时候给出的要求就不是那么精确了。在一些公司中，PM 仅细化需求，然后制作原型。将有专门的项目经理来完成项目进度。那么PM提出的要求就会更加精确，并且分担UE的部分工作。无论PM的工作职责是什么，UE的目的都是将细化的需求具体化，判断是真需求还是假需求。这个时候我们就需要做用户研究。确定用户群体，站在用户立场，融入场景分析需求。

研究方法有定性和定量两个维度。定性的包括用户访谈等，定量的包括问卷调查、可用性测试、A/B测试等（具体方法这里不再赘述，研究方法我会在后面的文章中详细讨论））

d.交互式文档

UI、UE、UXD能力分析

交互文档的输出是UE最基本也是最重要的能力。所有的前期准备、用户研究、竞品分析等都是为了交互文档的输出。在工作中，UE输出的很多交互文档不规范、不完整。 UE是PM的下游，也是UI、开发（包括前端和后端）、测试的上游。我们必须考虑输出文件是给哪个部门的。一个完整的交互文档应该包含PRD的所有内容。下游部门读取交互文档后，不再需要读取PRD，这也节省了多个部门之间的沟通成本。 UE责任重大，下游各大部门都在翘首以待。获得交互式文档后，他们可以同时开始工作。 UI获取交互文档后，可以进行视觉设计；前端拿到交互文档后，可以编写页面的整体结构；当后端拿到交互文档后，就可以开始编写各种API；当测试拿到交互文档后，就可以开始编写测试用例了（我看过我们公司测试童鞋写的测试用例文档，他们真的很专业，写的很详细，值得学习，了解他们的测试用例文档就会对交互文档的输出也有很大的帮助）。可见，一份清晰、完整、规范的交互文档是多么重要，它可以大大提高各部门之间的协作效率。从互动文档中，我们也可以看出UE的专业性。

这里应该注意的是，交互式原型最好以黑白形式起草。有些UE为了体现自己的设计水平，把原型设计得非常漂亮，颜色也多种多样。这实际上看起来不专业（它是过度设计的，太多了）。性能），也给下游UI设计师带来了很大的干扰。作为UE，没有必要展示视觉设计能力。我们的原型图只需要看起来标准化和有条理即可。我见过一些大佬制作的交互式原型。都是黑白草稿，很规矩，但看上去却很高级。利用黑白灰的各种组合和大小对比就足以表达你想要的各种信息元素和权重比例。

交互文档需要包括的内容：修订记录、需求描述、业务流程、页面流程、原型图描述、数据埋点等。

e.制定规格

前面说过，UI设计师需要制定规范，UE设计师在这里也需要制定规范。一个产品0-1可能不需要那么多规格，主要是功能的实现。随着业务的增长，功能越来越多，没有规范肯定不行。

UE制定规范，主要分为两类：

一是文档输出的规范。首先，需要开发一套组件库。为了保证团队输出文档的统一，还必须指定文档输出的具体内容，比如版本记录、功能使用场景描述、流程图、原型图等。规范还有很多，这里有几个。另外就是产品的交互规范，常见的交互动作定义（滑动、点击、长按等）、全局结构定义（金刚区域、底部标签栏等，例如马蜂窝最新版本去掉了通用底部标签栏）、时间定义（等待时间、触发时间、动画时间等，这里的动画时间需要动画设计师的配合）。还有很多规格，这里列出一些。

标准既有普遍性，也有差异性。规范并没有消亡。需要根据实时情况制定更合理的标准。

UXD的能力

UXD是互联网公司发展到一定规模，设计团队中必须具备的一种设计师。他是一位综合能力很强的设计师。他能够更全面、更理性地看待一个项目，也更有可能提供解决每一个问题的方案。类比室内设计师，如果你不了解房子的承重结构；你不懂木工、水管工、瓦工等各工种的施工技术；而且你不了解各种建筑材料的价格、质量、环保等，设计出来的图纸肯定会出现一些问题。问题很多，可行性比较差，不能满足业主的需求，更容易造成安全隐患。 UXD 也是如此。你需要了解视觉美学、交互、开发技术、业务场景、用户研究等，才能保证设计方案的可行性。从整体上看，UXD能力分为两大类能力：专业能力和职业能力。不同领域的UXD也需要具备一定的差异化特殊能力。比如我们与HMI（人机界面）相关的UXD，还必须了解一些ID（工业设计）相关知识。软硬件结合的场景比单纯的APP要复杂得多。

一个。专业能力

显然，专业能力需要UI、UE、用户研究方面的专业能力，以及提出建议的能力。之前说过，10分的UI和UE专业能力至少需要达到8分。其中UI的插画和动画能力可以弱一些，相关工作可以通过VD来完成。主要目的是让页面变得生动起来，并提供可行的设计方案。当然，UXD也需要制定一些规范，以便项目能够更加系统、清晰地推进。

这里主要讲研究能力和提案能力。

用户研究能力：与UE相比，UXD的用户研究应该更全面、更细致。 UE的大部分需求来自于PM。作为一名UXD，因为你已经熟悉了整个产品业务，所以你必须始终与用户站在一起，亲自探索新的需求，优化体验，让用户感觉到，“是的，这就是我想要的”。

提案能力：提案能力是UXD需要具备的一项非常重要的能力。定期提案由部门整体协作产出。在UXD这边，你代表的是部门，你需要有这样的能力。这时候就需要了解项目背景，分析需求目的，做竞品分析、用户研究等各类工作，输出1-2个可行的解决方案，包括完整的分析流程、交互图、可视化图等等，否则所有的设计稿都躺在电脑里，只能自我欣赏，没有说服力，毫无价值。

b.专业能力