随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做 UI设计 。

那么到底什么是UI设计？

做UI设计需要掌握哪些知识体系？

如何去学习？

今后如何做职业规划？

这些是很多新人常会遇到的问题！针对这些问题，给大家一个比较全面的解释，希望能帮到新入行移动设计的人！

一、首先要分清几个术语

UI (User Interface)：用户界面

IxD(Interaction Design)：交互设计或互动设计

UE或UX (User Experience)： 用户体验

UED (User-Experience Design)：用户体验设计

UCD (User-Centered Design)：以用户为中心的设计

PM(Product Manager)：产品经理

视觉设计(Visual Design)

详细解释：

UI (User Interface)：即用户界面 。 ui设计 其实是个比较笼统的叫法，是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。

一个合格的UI设计师不仅要能设计出美观的界面，还要能最大限度提升用户操作的效率，通过色调影响用户的操作习惯，用颜色或图形明确产品功能/内容的主次和展示，降低用户的操作负担！

由此可见，想要做好ui设计，视觉设计知识和交互设计知识都是必须掌握的！

IxD(Interaction Design)：交互设计或互动设计。通俗来说就是设计软件和用户的互动方式，通过了解用户需求、目标，使用有效的互动方式让整个过程可用，并且要易用。再直白一点，就是解决软件如何使用。

UE或UX (User Experience)：用户体验。用户体验主要是来自用户和人机界面的交互过程。它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。

产品经理(Product Manager)：就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，Ta还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。

视觉设计(Visual Design)：视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。

在互联网领域的视觉设计师主要要具备以下能力：

标志设计

版式设计

字体设计

图形设计

广告设计

界面设计

二、产品研发团队的岗位组成及其职责

很多人可能会问为什么要说这个？不是要讲UI？

首先，任何产品都是由团队协作完成的。了解各个岗位的职责，有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。

研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。

看到这，很多人就觉得比较坑爹了。怎么没有UI设计师？！！！

上面说的分工方式是比较标准的岗位分配模式，由于国内行业发展不完善抑或是用人成本问题。

在国内，很多公司里是没有单独的交互设计师岗位的。

一种情况是由产品经理直接负责，需求和交互设计都是产品经理一个人，然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。

另一种情况是，产品经理负责需求，UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。

当然，在有交互设计师岗位的公司里：

这些一般都是较大公司，一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验，所以产品经理有时也会参与到交互设计的环节，而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。

通过以上分析我们看出，产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。

所以，一般做UI设计最好具备视觉设计和交互设计两个方面的知识体系。

三、需要具备的知识架构

1、视觉设计部分

首先，视觉设计不仅仅是做ICON，做界面或者界面元素。

很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就OK。这是极其幼稚的想法。

一般公司如果花钱雇专职视觉设计师的话，那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通 平面设计师 所会的所有知识。

所以，如果你想今后在视觉领域混，那么以下几项技能必不可少：

平面构成;

色彩构成;

版式设计;

心理学;

美术绘画;

设计意识。

2、交互设计师应该具备的基本能力

了解用户体验设计、可用性原则;

信息挖掘、用户调研、数据分析;

良好的逻辑能力;

心理学;

交互设计原则、不同平台的规范;

产品视觉感;

沟通能力。

四、设计职业规划

由于UI设计、交互设计、产品经理工作内容关联性比较强，而且有部分交集，很多UI设计师选择UI→交互设计→产品经理这个发展路线。

但是大家要明白，这3个岗位毕竟是3个不同的方向，每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。

很多人认为产品经理工资高，想从ui转产品。这个也要看公司，一线公司UI设计师一般都15K+了，但小公司的的产品经理也就12K。只是行业分工不同，没有高低贵贱。

即使你只想做视觉设计，也不是没有发展的。国内一线修图师，一张图价格3K起。而普通修图师，一个月也挣不了这么多。

所以无论做视觉、交互、还是产品经理，一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风！

五、其他常见问题

1、视觉设计就是美工？

每当看到这句话，我的心里就像有1万头草泥马在狂奔！！！！！

不想当设计的美工不是好店长！！！

行业分工不同而已，行行出状元。努力做好自己的工作才是重点。

一般情况一个合格的设计师，如果在一线城市，工资不会低于9K。这要看能力，大部分人拉后腿，是因为自己根本不合格！所以即使你换个行业，不努力，照样不会改变现状！

2、UI设计师需要会Axure么？

首先，你要明白交互设计不是Axure操作员。

交互设计不等于使用Axure设计原型中的交互界面！

大家要清醒认识Axure在产品设计中的位置！

交互设计的出发点在于研究人在和物交流(dialog)时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求(usefulness，usability，and emotionality)。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。

交互设计的步骤包括：

用户调研

概念设计

创建用户模型

创建界面流程

开发原型并进行可用性测试

很显然，使用Axure设计快速原型，应该放在交互设计的整体工作结束后，也就是框架层设计时进行。

所以，Axure只是一个工具。在产品结构层设计的时候，最好的设计工具就是你的大脑和铅笔。

当你做一个产品的信息架构时，用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。

3、UI设计师需要会代码吗？

在小公司，还有就是传统的软件外包企业(如用友和软通动力)，这样的公司往往需要UI设计会点XHTML+CSS。

但现在大部分互联网公司已经有专职的前端了，不需要会代码。

并且熟悉XHTML+CSS只需要2周左右，所以学不学看你自己定位！

4、产品经理和交互设计师的区别？

产品经理需要懂交互， 但交互设计师不等同于产品经理。

产品经理更侧重于用户需求开发。

交互设计师更了解用户行为习惯，了解用户体验。

01、功能性极简主义

不少移动端APP和网站开始基于极简主义设计风来设计，而极简主义本身并非关注所有的信息，而是通过减少非关键信息来突出特定的内容，它是有着极强的功能性和偏向的。简单明晰、富有表现力的视觉层次、对比明显的比例控制、每个元素都有功能、大量的留白、对核心细节的高关注度、优秀的排版设计、去除非功能性的装饰元素是它的一些特征。

02、带动效的首图banner

在网页中，首图Banner 是最为吸引用户的内容，他们不仅在视觉上足够突出，而且能够传递信息，传达情绪，强化主题。动效的加入，让首屏的Banner图更加吸引人，富有更强的吸引力

03、粗野主义风格

粗野主义设计在2017年非常火爆，采用这种风格的UI设计，致力于使用更加明亮的色彩，质朴甚至原始的设计元素，借助复杂的布局和反模式的排版，还原早期网页设计的特征，甚至制造出上世纪八九十年代的质感。它有着非常明显的独创性，不管你喜欢不喜欢，它都是无法被忽略的一种流行设计风格。

04、自定义主题插画

插画有着极强的可定制性，这也使得它越来越多地出现在UI和网页设计中，它不仅更容易被用户所感知，可以更好地承载创意，也可以带来更加可控的风格和调性。此外，优秀的插画还能增加 用户体验 ，提高可访问性。

05、字体和图片融合

大胆地将虚拟的字体和真实的图片融为一体的设计也是去年流行的设计手法，这种设计手法让字体拥有了融入真实场景的视觉体验，协调而赏心悦目。

06、全屏式布局

如果你仔细观察，会发现许多设计师都热衷于使用全屏式的布局，让图片和视频等视觉元素不再受到边框的限制，这样的布局更加宽敞，不会　有打破界限的感觉。

UI设计 是近来关注度非常高的一个行业，UI设计师也是引发了很多人的关注。UI设计是什么？UI是用户界面的简称，UI设计师指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工，以前UI设计不受重视，所以美工地位不高，现在随着UI设计的兴起，美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人，而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。

横向的看广义UI包括：

SUI ：实体用户界面，这个比较古老，汽车飞机仪航天器表盘、卡带录音机各种按键......

AUI：声音用户界面，语音控制，操作声效反馈

GUI：图形用户界面，狭义的UI就是指这个，随着操作系统图形化出现的，系统界面、网页

FUI：未来用户界面，各种全息投影交互、人工智能交互

纵向的看广义UI需要掌握的知识点：

视觉设计： 平面设计 、图标设计、信息图设计、掌握色彩构成/平面构成/立体构成，建议多学习广告专业的书籍、图形创意设计等;

人机交互理论：认知心理学、人因工程学、还有很多衍生出的提炼总结领悟的一些通俗理论书籍;

UI模式：就像软件开发工程的设计模式一样，UI也逐渐形成了很多总结性的经过历史检验的设计模式，度娘UI Pattern，这方面外国网站很多;

UI设计指南：如果你设计iOS/Android/Windows应用，都有苹果谷歌微软出的设计指南，大公司很严谨，这些指南都需要提前知晓;

UX， 用户体验 ，苹果最重视这个，当然面向普通大众最应用，这方面都非常重视，也有叫UE,UED的，但是老外都叫UX，大概是认为体验的英语单词核心字母是X吧。有个叫UX Planet的网站不错，相关文献特别丰富。

软件工具：Adobe工具影响了两代人了， Photoshop , Illustrator, AfterEffect, Fireworks最好都学习下，，英国的Affinity Photo & Affinity Designer的功能和操作也非常不错，前者代替PS，后者代替AI，重点是价格亲民。

有的公司UI设计工作很细分，有的就要什么都做，比如淘宝美工就专心做图形设计;游戏行业的UI细分的深，做美术的就做美术，做交互的就做交互。有些公司的UI要比较全能，草图交互原型美术一条龙甚至还要具备一定的前端编码能力。

UI设计是艺术与科学的杂交事物，学习它且从事这个职业，就需要这两方面的素养了，大部分人因为各种原因都是无法从事自己最喜欢或最擅长的职业的，如果你感觉自己有一定的潜力并且喜欢，尝试一下未尝不可。