168体育

　　以上，就是UI自学三步走，别问第0步是怎么回事，那是你整个职业生涯都要做的事。

　　不管你去问谁，给你的答复都是这些了。而且对于一个自学的初学者来说，可以少，但不会再多了。

　　下面是给你推荐的六门课程，为了避免被说广告，挑选的都是B站上的免费课程。

　　市面上基本上所有的课程都是基础课。别问我为什么，真正的大佬哪有时间跑来录课，一般就是写个文章出本书。

　　公司的三位UI设计师本来林林总总推荐了有三十多本书，得知我要发表在知乎上给初学者看就又删减为这六本。

　　说白了，当你走过第一和第二步之后，你就不是UI设计小白了，之后的成就能有多高就完全看个人造化了。

　　我是程序员客栈，中国领先的程序员自由工作平台，提供技术新人力解决方案。如果觉得有用，不要忘记点赞收藏加关注哦~

　　可以从了解UI设计是什么？UI设计必须的工具？UI设计师职业规划？几个方面给来统一考虑这个问题。

　　了解UI设计是什么，是为了更清楚哪些是自己的首当其冲必要的学习范畴、对UI有清晰认识。

　　了解设计工具，是因为每个工具一定是越玩越深的，所以每个工具都会有对应的教程，针对性的使用工具。

　　了解职业规划，是为了在选择的这条路上越走越远，避免出现过段时间又想换行业的情况。

　　UI设计是什么，就在这里过多赘述了，题主既然都已经考虑过转UI，一定也是了解过的。

　　工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师，你需要多掌握一些技能，才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议，接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。

　　Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。

　　在Sketch中用户能轻松地设置图层面板，可批量命名图层、智能标注页面、填充头像和文字等，可实现多层式填充、渐变、噪点等操作功能；Sketch提供“全部导出”功能，因为它是基于矢量的，所以可导出PDF，JPG和PNG（可选择2x）等格式。不得不提的就是Sketch为设计师提供了丰富的插件，越来越能满足不同人群的设计需求，所有你需要的工具都触手可及。

　　Photoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片；并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。

　　PS：如果要制作图标，需要用到矢量绘图软件AI来制作，这样放大才不会失真。

　　摹客DT是线上UI设计工具，相比Sketch、PS等，摹客DT无需跨平台跨工具，打开网页就可以开始设计。

　　摹客DT对新手特别友好，可以多人在线共同设计，所以可以将设计稿发给大佬，大佬直接就在线查看改稿，也不用下载软件，快捷方便。

　　并且，摹客DT覆盖主流设计工具核心功能，也保留了90%的快捷键，不管是练手还是长期使用，都没有问题！

　　Adobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具，如今动效设计在UI界面设计中的应用已经越来越广泛，而且国内许多公司开始重视动效设计了，所以作为UI设计师，也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大，好的动效设计可以给用户提供一个良好的视觉感受，从而加强与用户之间的交互体验。

　　AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理，是一个灵活的基于层的2D和3D后期合成软件，包含了上百种特效及预置动画效果，可与Premiere，Photoshop，Illustrator等软件无缝结合，创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处，将图像视频特效合成技术推到一个新的高度。

　　Dreamweaver是一款网页代码编辑器，帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来，是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具，还需要学习和了解一些前端的布局和设计，才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识，可作为一个加分项在面试中脱颖而出。

　　归根结底，技多不压身，想要成为一名优秀的UI设计师，掌握界面设计工具只是其中一部分，UI界面设计需要设计师们掌握色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验等相关知识。因此需要的就是不断学习，不断坚持，不断的丰富自己的综合能力。希望以上分享的五款界面设计工具可以帮到你们。

　　每月总有几天想着“提升能力”，那能想到的办法就是去看教程，学软件，练技法，坚持不懈的画界面、图标、插画等等，更有甚者什么软件火就去学什么，心中想着的就是不要被行业淘汰……

　　因为这个阶段的设计师，本身不要求能力有多突出，能应对项目中的各类任务需求，并高效快速输出可供落地实现的对应产出物，就是合格的设计师，换句话说就是能出活,出好活就行。168体育

　　这就像工厂造零件的工人，练的越多业务越熟练，生产效率也就越高，所以大湿以前一直反复强调工作前期的设计师一定要进行非常大量进行练习，打好专业设计底子。

　　但是我们不可能一直做个初级设计师，对于事业想更上一层楼(想当车间主任)的设计师，这种方法并不能够完全帮助你在事业上有所突破。

　　毕竟车间主任不仅需要熟练扎实的业务能力，还要有高于其他人的综合能力，这也是前文说的水平和思想高于同龄人，就有机会当车间主任，不然大家都当工人了……

　　这也是本系列要写明的内容，2年及以上工作经验的设计师，应该怎么去规划职业目标，怎么正确提升自己各项能力，早日进入一二线设计团队成为真正的高级设计师。

　　现在马上就要19年了，18年可以说是互联网寒冬，大小厂普遍裁员，工作岗位缩减，岗位需求提高，个人觉得明年也乐观不起来。底层UI岗位说实话已经过饱和了，但中高级UI岗位还有非常大的上升空间，这也是我们每一个职业设计师努力的目标。

　　工作后的时间很宝贵，做任何需要时间成本的事情，都要考虑完成一件事是否达到了预期目的、预期收益，更别说前文提到的需要大量时间的设计练习了。

　　相信多数朋友做设计是为了生活赚钱，有高尚设计情操的朋友就别说为了梦想了，在大环境之下，只要能赚的够多，哪怕是去掏大粪，我都能比别人多掏两车！

　　通常来说工作2年左右，对行业和自身就应该有一个比较清晰的理解了，这时候比较上进的设计师基本应该有比较明确的职业规划了。

　　在2年、3年、5年甚至更久的时间节点上，我应该从事什么工作、进入什么规模的公司、达到什么样的专业水平、具有什么样的影响力等等，这些都是需要考虑清楚的。

　　对设计师而言，短期规划可能是每两年的时间节点上，专业水平提升到什么程度、收入提升到什么水平、是否跳槽到资源更优秀的公司、行业影响力到达何种程度等等；

　　短期规划是一种阶梯上升式规划，是通过对应训练和提升，可衡量量化的目标，通过短时间段内各方面的持续攀升，最终达到一个比较高的水平。

　　对互联网设计师而言，长期规划是你最终想达到，想走的一个职业方向目标，我是持续走技术岗位，最终成为技术专家；还是最终走管理岗位，成为部门的Leader；又或者当我能力、人脉、资源都具备了，我是否要进行自主创业等等。

　　长期规划并不是说钉死不变的，当我们有更加有利的选择时，要根据时势灵活变动；别搞得行业都快完蛋了，旁边就是大好前程，还抱着自己当初的职业规划目标不放。

　　当确立了每一阶段的职业规划，就可以为了达到该规划目标，去选择针对性的提升能力，从而使花的时间达到最大收益率，而不是无论什么阶段，都盲目的进行能力提升训练。

　　关于职业规划的问题大湿问过很多人，但很多朋友确实没考虑过，甚至不清楚什么是职业规划；也就是说，从工作开始，没想过自己要做到什么程度、达到什么等级、每一个时间节点应该达到什么样的成就和职位，只是一直处于“先做着吧”的这种状态。

　　下文我们将提到，作为持续走技术岗的UI设计师，应该达到的技术级别和对应级别的能力需求。

　　很多人见过类似模型，上图是大湿认为对设计师职业生涯影响较大的六项能力，所以单独拿出来做一张模型图。当然还可以继续细化它的能力节点，使用它作为衡量设计师能力的指标还是非常直观的，这里简单来看下作为一名合格设计师，六项能力都代表什么：

　　立足之本，可独立负责项目视觉、输出符合需求并可落地实现的视觉产出物，且视觉水准超过或不低于市场同类竞品。

　　( 说白了合格设计师要能独立扛的起整个项目，做的东西视觉上不说比其他竞品好多少，但至少不能比它们差! )

　　存在之源，优秀的语言表达、需求沟通、传达设计理念、推进项目进度等等，这也是设计师渗透到各个环节，让人感觉设计无处不在的能力。

　　(实际上大湿接触了很多设计师，发现很多设计师真的张不开嘴，导致设计这一环节给团队所有人的印象几乎就是个下游做图岗位；)

　　效率根本，优秀的团队协助能力是保证项目和产品能顺利高效落地、日常工作能否无缝对接的根本。

　　设计的本质就是解决问题，作为设计师，能够做到发现项目中的问题，分析并提出可多次复用的方案来解决同类问题，是合格设计师的基本要求。

　　作为设计师能否总结自身经验和能力，建立起成熟的理论体系、设计方法论，并帮助他人解决实际问题，也是设计师必要的能力。

　　不是所有人都有机会成为Leader，职业金字塔就是这样，顶层精英从来都是少数，这个我们放平心态就可以了。领导能力需要在其位，需要日积月累的积累培养，大湿这里也就不瞎咧咧了~

　　以上就是大湿认为影响设计师职业规划的六项能力数据模型图，单独看能力模型并没有太大用处，它结合下文的设计师级别需求才是最有效的利用方式。

　　如果不清楚自己短期规划要提升到何种程度，那其实可以按照行业大佬的定级标准，来衡量下自己的差距到底在哪。

　　关于一二线大厂的定级标准非常容易搜到，不过网络流通版本没什么意义，有兴趣自己看看就行了。

　　这里以阿里的P系列为标准，毕竟大湿领导是阿里系的，不过我们这个系列只讨论两个级别：P5、P6。

　　阿里P6水准可以到很多公司担任部门总监了，阿里P7几乎是做技术岗的转折点，到很多公司都可以担任技术负责人了。

　　不过P7的能力凭大湿还没到能分析理解的那个程度，没金刚钻也不揽瓷器活，这里不展开了；但是P5、P6还是可以通过掌握“捷径”快速达成的。

　　下面我们就结合设计师能力数据模型，阐述下符合阿里职业等级的设计师能力要求，以下内容来自大湿和总监的日常谈线级别能力需求 —

　　简单干练、明确的表达能力，可准确向他人阐明自身观点；并且可以恰到好处的听取和理解对方要传达的意思，并且有能力控场，主持召开5人以内的小型会议；

　　主导业务设计，可将个人风格、体验融入到业务；产出物优于或不低于市场同类产品

　　通过设计使业务的市场反馈数据有明显提示，或产品投放市场后有正面良好评价；

　　能在公司内部跨越多部门多团队进行沟通；能通过很多沟通技巧，使多方业务关联者，达成共识，统一设计目标，可以掌控主持召开15人以内的中型会议。

　　通过经验和判断，分析对比各项业务数据，通过每一次的市场数据变动反馈，分析产品走向和优化趋势，同时带领团队进行对应设计方向的工作。

　　已经具备团队Leader能力，可主持制定高效的部门工作规范，并有效带领团队成员执行。

　　以上是P5、P6级别设计师能力需求，是设计师从中级设计师到高级设计师的跨越；

　　丰富、插件多元、上手简单！现在体验摹客DT，还可以参与活动拿京东E卡，及摹客DT终身免费使用权！

　　工欲善其事必先利其器，所以了解UI做什么工作内容之后还是得从软件学起。

　　目前业界比较热门使用的工具是Sketch、FIgma、Adobe XD，但若你已经自己会Photoshop、Illustrator也可以先继续使用没关系，毕竟设计没有限定说一定要用什么软件工具完成（但基本公司都会要求是XD）

　　若问我会推荐哪个软体工具进行学习，我会选择Figma，因为Figma是目前唯一可以免费使用、不需要安装桌机软体、且云端保存档案的绘图软体工具，但Figma主要是用来作为UI设计绘图使用，因此很多功能是无法跟Photoshop、Illustrator相比

　　在平面设计理论当中有提到，一个平面的基础构成元素由‘点、线、面’这三个部分所组成，这三个元素的相依关系是从一个单点，再到点与点相连可成为线，而线与线延伸可成为面

　　将点、线、面的逻辑用来解析网页或APP的话，不管是网页或APP，都是由很多个页面所组成，一个一个页面我们可以称为点，页面与页面彼此间又有流程关系，这就可以称为线，而网站和APP都是由很多组流程所架构出来，我们可以将这些流程的集合体称为面，也是作为整体的意思

　　页面流程的设计练习，主要是训练如何串连页面，来达成某一情境中的目的，也可以想作是使用者要达成某一目的操作的过程

　　一开始一样会找现成的流程来做分析研究，通常会有一条主要流程，但也会有很多支线流程来因应使用者的操作变化状况，可以说是听似简单，但却不容易，关系到如何找到或想到不同情境面向的状况处理，但我们还是由浅入深一步步进行吧，下面提供几个主要练习方向：

　　有了流程后就会知道需要有哪些页面进行流程的呈现，例如成功/错误的回馈画面、不同操作方式的处理，将这些页面都绘制出来后，就可以将页面串起，并从头对照一下流程图，看看页面是否有满足流程上的需求页面

　　一开始就要无中生有一个服务的确蛮有难度，主要原因是没有确切的主题和需求可以进行发想，这边建议先从我们常接触的流程开始下手，例如登入注册流程、电商网站结帐流程等等，这些也是业界比较有共识的流程

　　整体产品规划的练习，主要是训练自己有能力完成一个完整的服务，各样功能流程要如何相应配合

　　这部分是最庞大也是最重要的练习，一开始先从常用熟悉的网站或是APP作为练习主题，可以更快了解到实际营运的网站、APP有哪些资讯、功能是大家都会设计，这样你的基本观念才够与现实接轨，下面提供几个主要练习方向：

　　了解网站、APP实际规划的内容功能有哪些，以购物网站为例，功能分类就有首页、商品浏览、查询订单、个人资料管理等等；以通讯软体APP为例，功能分类就有联络人列表、近期聊天纪录列表、功能设定等等

　　通常我们会用Sitemap列出所有的服务功能大项目，才能知道网站、APP总共有哪些功能，最好也多研究几个同性质的产品，透过此方式可以观察同一个范畴中有没有不太一样的差异

　　列出大项目后，就需要暸解这些项目中的流程，也就是很多页面流程的研究分析，这样才能够知道需要哪些页面做乘载呈现

　　在业界设计师的设计稿最后就是这么一大包，全部的画面都要交代和绘制出来，流程也都要理顺，通常会出的文件有Sitemap，用来说明有多少的大功能、子功能要进行，再来是不同功能的user flow，用来说明操作上的逻辑和对应的页面呈现，最后是所有页面的mockup完稿图

　　以上三个步骤是由单纯到繁杂作为难度区分，是我从过去经验统合出来的结果，主要想让学习可以更有条理和效果

　　另外在练习的过程中，临摹的阶段非常重要，建议以上的练习一开始都以完成一模一样为临摹目标，唯有透过实际观察、研究别人的设计并实作，才能够明白当中的设计细节，明白细节后才有可能作出一模一样或是更好成果，但有一点要记住，请选择自己觉得很不错的设计来作临摹，这样你的设计能力才能够飞跃提升。

　　Adobe Photoshop，简称“PS”，是adobe旗下的主流设计软件，Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

　　本阶段课程由浅入深讲解ps软件的各项基本操作，通过课程的学习，能熟练应用ps设计与制作各类图标、海报以及用户界面。

　　路径查找：自由变换工具、颜色图版、色板、图形变换功能、渐变之作、形状变形工具、形状生成器工具组、透视网络工具组、对其面板；

　　变换面板：轮廓化描边工具、便宜路径、混合工具、透明面板、复合路径、符号面板、橡皮擦工具、图案填充

　　图形样式面板：文字工具组、文字效果与排版、画笔工具、图形控制、蒙版、参考线控制、图片导入、图片临摹。

　　适用于从事设计和视频的，可以帮助大家高效且精确的创建无数引人注意的动态图形和视觉效果。UI设计师通常用AE之作UI动效。

　　是一款容易上手的三维建模与渲染软件，能应用到多个领域，电影《毁灭战士》《阿凡达》中都有大量场景是C4D渲染，随着用户对个性化设计需求越来越旺盛，尤其是电商设计领域被大量使用，已经成为电商设计领域最热门的设计软件。

　　课程将讲解C4D的基本操作，主流的建模方式与渲染方式，通过长C4D软件与PS软件结合的方式制作电商视觉界面项目。

　　Sketch是最强大的移动应用矢量绘图设计工具，对于网页设计和移动设计者来说，比PS好用N倍！尤其是在移动应用设计方面，Sketch 的优点在于使用简单，学习曲线低，并且功能更加强大易用，支持自动切图，并且具有移动设计模板，能够大大节省设计师的时间和工作量，非常适合进行网站设计、移动应用设计、图标设计等。

　　Adobe XD是当下最热门的一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。本阶段课程将通过UX/UI设计项目进行课程讲授，既能学习XD软件的操作，也能学习UX/UI界面设计的项目工作经验。

　　墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

　　CorelDraw是Corel公司出品的矢量图形制作工具软件，会给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。一个用于矢量图及页面设计，一个用于图像编辑。这套绘图软件组合带给用户强大的交互式工具，使用户可创作出多种富于动感的特殊效果及点阵图像即时效果在简单的操作中就可得到实现——而不会丢失当前的工作。本课程将会让你掌握CDR软件零基础快速入门，熟练掌握CDR的高级绘图功能进行设计表现；CDR与PS及其他设计软件的结合应用；掌握CDR完成平面设计的项目；条形码的生成与制作以及学习软件创作理念和实战经验，熟练应对企业中使用CDR完成项目的需求。

　　ProtoPie是一款功能丰富的移动端交互式原型平面设计软件，由桌面端的ProtoPie Studio和手机端的ProtoPie Player组成，用户既可以在桌面上预览原型效果，也可以推送到安装有ProtoPie Player应用的iOS/设备上体验。无论是专业的产品经理、设计师还是行业初学者都可以通过它给开发者、前端工程师提供一个完美的高保真的使用原型，提高整个团队的协同工作效率以及帮助设计师将效果图做出真正的动态效果演示。

　　Keynote是诞生于2003年1月，由苹果公司推出的运行于Mac OS X操作系统下的演示幻灯片应用软件。mac系统下的ppt，比ppt功能更强大。操作简单，容易上手。Keynote不仅支持几乎所有的图片字体，还可以使界面和设计也更图形化，借助macOS内置的 Quartz等图形技术，制作的幻灯片也更容易夺人眼球。另外，Keynote还有真三维转换，幻灯片在切换的时候用户便可选择旋转立方体等多种方式。

　　主要用于各种印刷品的排版编辑。该软件是直接针对其竞争对手QuarkXPress而发布的。InDesign可以将文档直接导出为Adobe的PDF格式，而且有多语言支持。它也是第一个支持Unicode文本处理的主流DTP应用程序，率先使用新型OpenType字体，高级透明性能，图层样式，自定义裁切等功能。它基于JavaScript特性，和与兄弟软件Illustrator、Photoshop等的完美结合，界面的一致性等特点都受到了用户的青睐。他的优点是优于PS、AI的排版高效技术与专业的导出系统并且兼容Adobe其他软件。

　　自2021年11月3日上传对外，26.7W的播放次数说明一切，吊打市面上90%以上的付费网课，自学能力比较强的同学们好好珍惜吧。全套课程的播放链接合集