成为一名 UI设计师，首先得明白，日常事情须要运用什么样的技能办理问题。但对付不同的企业，不同的职业阶段，我们要处理的问题是不同的，且差异极大。
这当中涵盖了非常广的技能类型，从印刷广告到3D建模、动画殊效搜罗万象，尤其是在小公司中，须要身兼多职，例如小外包公司，可能设计师除了出图还得和客户打仗做项目经理， 或者做网页的时候得自己写前端代码的部分！
这是任何一种职业都没办法避免的，公司越小层次越低，就越不可能在事情内容中保持单一性。
当然，也由于这些公司的事情环境不理想，干的活杂，和想象的有出入，以是当这些设计师们在揭橥见地时每每都是大吐苦水，例举在事情中须要的其它技能，逐日疲于奔命。久而久之，就有人把这些干系的技能进行汇总，做成繁芜的思维导图，类似下面这种。
里面的每一项技能都有用吗？肯定是有的，乃至可以单独针对每一项技能写一篇长文进行剖析，列举各种数据来见告你们它的主要性。但是，我们不可能在初期阶段全部不求甚解的学完，很多技能你也没办法评估什么才是「学完」，要学到什么「程度」。这是对新人和低级设计师阶段最大的陷阱，热衷于收罗职业可能涉及到的方方面面，然后毫无方案地乱学。
例如，设计生理学，网上对它的阐明整体都很肤浅，不是看了诺曼的《设计生理学》系列，便是学会设计干系生理学知识了。真正与设计干系的生理学要从生理层面开始认知，诸如视网膜是如何成像，视觉皮层如何进行事情的机制，到意识对图形的反应和关联的行为。没有系统性的解构干系知识，就无法顺利的将它们运用到真实项目。
尤其是新人，想要比较快的入行，韶光如果全花在这些无法直接应用进项目，或是短期内不随意马虎产生效果的技能学习上，那么你入行的韶光会大大加长，而且进步的速率会极其缓慢。
新人该当先理解的，是低级设计师最普遍的事情产出和哀求是什么，再制订出核心的技能学习范畴。而诸如设计生理学也好，插画手绘技能也罢，都是在你已经能达到知足核心技能条件，可以找到事情往后，再根据实际情形拓展的。
下面，我会从行业最普遍的事情产出内容出发，到须要的水准，以及如何进行学习，来讲解低级设计师最该当先学好哪些技能，让你们少走一些弯路。
一、普遍的事情产出首先，UI设计师最紧张的产出包含下面的几类，APP 干系设计，产品主页设计，管理界面和广告图（在界面广告位的），占了事情中的绝大部分比例。
然后是 UI设计师在事情中可能要碰着的设计类型，比如 H5，LOGO 和 VI，线下物料，PPT，商品精修等等。
紧张的事情产出类型，是判断低级设计师能力最核心的指标，决定我们的应聘和事情绩效。当然，你们可能会说很多公司，写的岗位是 UI 但完备在做平面或其它事情， 那些属于分外的情形是不能代表整体的。纵然是招聘者，瞥见简历中属于 UI 紧张产出的表现超过预期，那么其它次要技能的哀求是可以降落的，常日这些东西能做好，那么其它类型的东西该当学学做一下也差不到哪里去，这才是招聘者真实的想法。
在真实招聘经历中，招聘方对付程序、手绘、平面的哀求如果排在 UI 前面，以那些技能来衡量你的代价，恕我直言，这个职位只是在招聘一个懂点 UI 的前端（或插画师、平面设计师），企业从一开始招人的需求可能就没有想清楚，或者根本没分清楚 UI 和其它工种的差异，不要被这些状况扰乱了感情。
实际情形，市情上大多数低级的 UI 设计师，在紧张产出的几种设计类型中，都没有什么有用的建树，水准堪忧，以是在这几个领域要做到比他们更好超出均匀水平，还是相称随意马虎的。类似下面这些案例，能做出这种设计的设计师，便是准备被新人取代和喊行业弗成了的那种。
顺便提一点，想要设计全面发展最好的办法，是在有一、两项技能提升到登堂入室，旁人无法轻易替代时，再进行拓展。不仅学起来更轻松，还可以借助其它方向上的知识点和思维办法带动自己最善于领域的进步，而不是同时开工。这也是为什么，精良的团队和设计师在处理第一次面对的某些设计类型时，远胜该类型拥有数年履历的平庸设计师。
大部分人，乃至是成年人，从来没有在任何领域中达到足够的技能水平，这使得他们无法像精彩人物那样感想熏染到生理表征的真正力量，来方案、实行和评估他们的表现。因此，他们从来没有真正理解达到这种水平须要做些什么，不仅仅是花韶光，还须要进行高质量的练习。一旦他们懂得了在某个领域中要达到那种足够高的技能水平必须要做些什么，那么他们至少从原则上理解了在其他领域追求卓越也须要做些什么。——安德斯·艾利克森
以是下面我们再好好研究一下，紧张产出中，要设计哪些详细的内容。
二、详细的产出1. 手机APP UIAPP界面
定义：根据产品需求，在界面中设计和排版对应的交互、视觉元素。
哀求：能知足平面四要素的精确性；知道如何运用标准的系统 Kits；能合理定义字体和元素尺寸；熟习并能设计主流的组件类型。
软件：Sketch、XD
界面图标
定义：包含 APP 启动图标，以及运用内的一样平常工具图标。
哀求：对图标的根本规范有所理解，理解主流的图标类型及利用场景，在绘制整套图标时可以保持基本的风格同等，形式简约都雅。
软件: Sketch、Ai、PS
可交互原型
定义：用来展示可以点击并跳转的交互原型文件。
哀求：能清晰表达页面跳转逻辑即可。
软件：Sketch、XD、蓝湖、墨刀
根本动效（权重较低）
定义：可以表达触发界面交互效果时的动画。
哀求：理解可以实现的动画范围，并能明白如何详细编写表达动画的文档。
软件：AE、Flinto、Principle
标注切图
定义：将设计稿的内容进行标注，和将开拓过程中须要的图形进行导出。
哀求：理解对设计还原中开拓职员须要知道的参数，理解不同图片格式的浸染与差异，并能对应导出符合规范的切图。
软件：蓝湖、Sketch、XD、Markman
设计规范
定义：设计到开拓中要遵守的干系规范文档。
哀求：针对最紧张色彩、元素利用的规范，简洁明了，随意马虎被实行。
软件：任意设计软件或 Office
2. PC 网页界面网页界面
定义：紧张是公司官网或产品先容页，将需求中的内容合理置入画布并进行排版和设计。
哀求：理解基本的网页画布设置和规范，网页的主流构造和交互办法，能设计出简约都雅，表意清晰的设计。
软件：XD、Sketch、PS
管理界面（除特定行业权重较低）
定义：根据业务须要，设计在网页端操作的管理系统，用来管理财务、库存、客户信息等的工具。
哀求：能理解基本的管理界面组件功能和交互规则，网页拉伸适配办法，和笔墨、色彩运用。
软件：XD、Sketch
标注切图
定义：对设计稿的解释和导出开拓用的图片。
哀求：能导出精确的切图，和必要的区域进行解释。
软件：蓝湖、Markman
3. 广告宣扬图Banner 设计
定义：根据运营、营销活动的需求设计出在产品广告位中展示的广告图。
哀求：能节制基本的图文混排方法，能对笔墨做出大略有效的表现，具备入门的合成技巧。
软件：PS、AI
H5活动页面（低权重）
定义：根据运营、营销活动的需求设计出在网页中展示的活动专场页面。
哀求：理解活动页的基本构造，手机端网页设计的规范，有入门的主视觉设计能力
软件：PS、AI
三、软件学习以上的产出内容，就涵盖了绝大多数初期 UI设计师的事情，而接下来，我们就要根据这些设计内容的哀求，来剖析所要节制的软件和知识点。
1. PhotoShopPhotoShop 是我们学习设计软件的开始，熟习它的交互、功能、思路、专业名词对我们快速学会其它设计干系软件有至关主要的浸染。并且，在平面干系领域的事情中，PS 也是我们一定会利用的软件。作为一款巨无霸，我们不可能在前期学会它的所有功能，以是，必须要筛选出适宜的功能模块。
创建保存
如何创建精确的画布，分辨率、色彩模式的认知。以及不同的保存模式有哪些知识点。
干系工具
工具栏中根本工具的浸染，操作方法。
钢笔路径
PS中对付钢笔工具的利用，如何操作贝塞尔曲线。
图层属性
图层属性各个选项的详细浸染，和对应的运用处景，紧张在拟物设计中深入学习。
调色功能
PS 色彩干系的功能，如通道、色相调度、曲线等工具。
滤镜功能
常见的几种滤镜类型学习，以及它们干系的运用办法。
布尔运算
如何对路径利用布尔运算进行图形的绘制。
字符设置
关于文本图层在属性、段落面板的所有设置。
2. Adobe Illustrator
AI 是 PS 的孪生兄弟，它们看起来很像，但是面向的目的却不一样，只要熟习了 PS 学起来就很随意马虎。前期只须要专注于图形和图标的设计即可，那么筛选过后我们该当节制的东西就并不多。
创建导出
和 PS 一样关于文件创建的知识，但是相对更繁芜的画板规则应尽可能的理解清楚，并且要区分出 Ai 保存和导出的不同。
钢笔路径
相对付 PS ，Ai 对路径的处理更完全多样化，路径查找器，变形工具，操控变形工具，圆角掌握器等实用功能。
色彩添补
Ai 中对付颜色添补的办法，渐变的运用，以及网格添补的方法。
画布标尺
Ai 画布干系设置，标尺工具利用的规则，如何赞助我们进行创作。
3. Sketch、XD这两款软件相对前面两个相称于没有难度，只要熟习了 PS、Ai 往后，几天韶光就能上手。并且它们对付 UI 设计的支持是最友好的，速率快，效率高，选择个中一个主攻就可以。
4. 蓝湖、Markman、SketchMeasure这些软件都是用来进行标注、切图和协作的，在理解切图干系的知识往后，只须要花一点点的韶光就能学会如何利用它们。
5. AE、Flinto 选修6. Powerpoint、KeynotePPT 是职场必备，而设计师该当用得比普通人更好，可以更好的将我们的思路、设计展现给其他人。
四、理论知识理解了干系的软件学习目标，接下来我们就该知道，理论的学习该当包含哪些内容。
1. 美术理论美术理论并不是一定要通过学习素描才可以节制的东西，在日常的实践和不雅观察都可以很好的帮助我们提升美术理论的根本。
光影明暗
深刻理解光芒会对物体产生什么样的影响，高光、背光、反光、暗部等知识。以及懂得如何剖析画面中明暗的强弱与层次。
构图技巧
美术构图和拍照构图基本同等，一些基本的几何构图方法认知。
透视关系
平行透视、成角透视、倾斜透视等多种透视类型的理解，能在自己的创作中创造透视利用的缺点。
色彩事理
对付色彩的根本认识，以及如何通过色环进行不同类型的色彩搭配，如比拟、临近、相似等配色事理。
2. 平面理论平面四要素
对齐、亲密、比拟、重复四要素是我们设计中最根本的理论知识，是 UI 设计的重中之重，《写给大家看的平面设计书》前半部分有比较细致的解释。
平面几何事理
除了黄金比例以外，理解如何通过几何的数学推导进行设计创作的，这个只推举看《平面设计中的几何事理》。
字体认识
中英文，衬线非衬线等多种根本字体的设计事理和认识，以及笔墨所包含的属性设置，如行高、字重等对阅读和界面有什么影响。
格线系统
排版中网格是如何设置以及如何发挥浸染的知识点，只须要看 《平面设计中的网格系统》即可。
印刷设置
设计须要印刷打印的内容时，PS、AI 对画布如何设置和导出。
3. UI 理论作品审美
能分辨出设计精良和差劲的作品，并能通过根本的平面理论对它们进行点评，在开始详细设计前，能有较高的品质追求和剖析能力支撑，推举在花瓣上创建画板持续网络精良作品。
分辨率
屏幕分辨率干系知识，对付不同系统、手机的像素倍率差异有清晰的认识。
设计规范
关于网页、iOS、Android 等平台对应的设计规范，知道如何创建出守旧的，不会出错的设计稿。
控件类型
理解主流的控件类型，并知道不同控件类型所包含的状态和实际运用处景。
组件类型
理解主流的组件类型，知道特定行业或功能，会利用哪种类型的组件以及它们干系的交互逻辑。
切图标注
在完成设计往后，如何对设计做出相应的标注，以及切图的目的和方法。
动画知识
APP 中主流的交互动画类型，以及动画干系的实现参数类型，包括缓动和动画曲线等内容。
五、事情效率1. 项目流程主流的 APP 团队项目开拓流程，从立项到上线会经历哪些过程，团队不同角色卖力什么详细事情。对敏捷、精益、OKR 等协作办法有一定的入门理解。
2. 设计流程在开始我们的设计事情时，如何利用精确的方案和实行步骤担保能力发挥的最大化和效率的提升。
3. 韶光精力管理实际上这个理应写在最前面的，但为了防止突兀，我把它放在末了一条做个强调，要想担保学习的效率，韶光管理比前面任何一样技能的学习优先度都高，也更主要。
在理解怎么分配韶光往后，就要一定要利用一些工具来帮助自己方案学习的流程和分配任务，如思维导图工具 Xmind、MindNode，还有 To-Do-List 工具 Things、滴答、猖獗番茄等。
六、误区的部分1. 某个回答先说有人在评论区丢个这种疑问，基本是没负责看回答就想开始皮的！
先说这个不超过一年淘汰，这些东西对想走的远的设计师是不足的，但要记住我前面放的那个思维导图，核心技能稳固踏实了往后，你再去追求和学习别的东西！
为什么会自己停下来，然后一年后毫无进步等着被淘汰？
先不说所谓的 UI 岗位1000人投的环境他自己经历过几次还是自己收过简历 ！
就说现在 BAT 低级和演习普遍拿到简历的质量，想要完全达到上面我提过哀求的，依旧是百里挑一！
很多人喜好人云亦云，浮夸完环境难度往后，又不给出办理方案，来换各种姿势侧面展示自己！
说到底 UI 是视觉性为主的事情，在哪里投简历，我们第一要务看的还是做的作品质量，它的质量代表了你们的专业能力！
如果不靠作品判断，光看学历？看专业？看所谓的美术素养？那这种团队压根不是在招能干事的员工，你们要做的是要能用高效的学习办法磨炼出踏实的根本，然后碾压那些标榜自己有所谓美术素养的人！
而自己乱学，那真的就永久没机会了！
很多人看到技能树说发慌，这点我比较纳闷的！
那张图是我拿来做反面案例的！
是错的！
是错的！
是错的！
大家一定要接管，每个专业可以拓展的技能都非常繁杂，但对付你们现在的阶段毫无浸染，往后你们开始进阶了，也只是再选修个中的一部分进行提升，而不是全部须要！
这个很快我要写一篇比较正式的回答来讲解一下，有很多我群里的人看完回答第一个反应是去买理论书，但是我提到书的地方都在流程偏后的位置，前面还没做就要焦虑后面的事，说白了便是抗拒困难的地方只对大略的事情下手，由于看书的本钱太低太随意马虎了。
以是，也不要纠结书的事。好好看完回答，自己花一两天韶光思考，做好学习的方案，调度好作息，再撸起袖子开干！
以上便是我对最快提升自己 UI 设计能力和转行的思考，只有拥有明确的目标，我们才知道该当怎么实践，才有勇气去征服这些知识的盲区。