很多想要自学UI设计的小伙伴，苦于没有好的学习计划、课程大纲，学习效果很不好，花了时间也没有将自己的知识体系建设全面。那自学UI设计到底应该如何学习呢？

在讲学习流程之前，我们先来来简单介绍一下什么是UI设计以及UI设计的前景如何。因为只有你了解了UI设计之后，你才知道自己是否对其感兴趣，是否是真的愿意花时间和精力去学习。

一、UI设计

UI（User Interface），中文名“用户界面”。Ps：（百度解释）UI是指对软件的人机交互、操作逻辑、界面美观的整体设计。

那互联网的这波浪，无论前浪，还是后浪都从未消停过。你经常看到“互联网+”这样的组合，通俗解释“互联网+”就是“互联网+各个传统行业”，但这并不是简单的两者相加，而是利用信息通信技术以及互联网平台，让互联网与传统行业进行深度融合，创造新的发展生态。

在这其中，又与UI有什么紧密联系呢？

把传统行业放到互联网上，肯定需要用一个界面来展示，哪怕只是一个简单的网页，而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业，最终呈现都要以UI界面为依托，供用户使用查看。这其中又不仅要视觉产出，还要好的交互和用户体验。

举个例子，说说我们平常不太关注的来电接听这回事。

苹果手机在不锁屏的状态下，来电显示时，接电话在右边显示绿色，挂电话在左边显示红色。一般情况下右手拿电话，大拇指操作，绿色是接听电话，这是我们的常规操作，使用频率很高，所以在右边离大拇指更近，而挂电话频率不高所以在左边远一些。从色彩体验上分析，红色也有警示警告的作用，

但如果红色按键和绿色按键换个位置，其实并不会影响视觉，但却不是一个好体验，可能随时都会有挂电话的误操作。

UI无处不体现在我们生活之中，无论大小，它都存在于你所看到的，你所触碰到的体验里。所以UI不单纯是美工，还要考虑到视觉效果和用户体验。而用户是很挑剔的，对视觉的需求和对体验的需求都在不断的发生变化和提高。所以这也造就了UI设计师这种不需要敲代码，但仍然可以拿高薪的互联网岗位。

二、UI设计前景

互联网时代，绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台，是互联网产业下的主流。这还只是部分网页UI设计的发展需求，随着智能手机的普及、5G时代的来临，对于APP的需求更是不可估计，而这些东西的界面都来自于UI设计，所以可以说UI设计市场并未饱和。

1、那到底UI设计是否饱和？

UI设计是互联网发展下诞生的产物，所以只要有互联行业在，只要互联网在发展，只要存在智能手机，电子产品，用户界面，那么UI设计师这个行业就永远不会饱和。

2、那UI设计的薪资待遇如何呢？

其实城市对薪资待遇有很大的影响，很多人都会觉得北上广深的发展很好，原因就是这几个城市的薪资待遇高。

从UI设计行业去看，全国UI设计师的平均薪资是10000左右，北京薪资水平高，平均薪资是16000左右，然后依次是上海、深圳、杭州、深圳等互联网行业发展较好的城市。

3、现在转行学UI还有价值，还有发展空间吗？

价值肯定是有的，发展空间也还很大，但现在企业缺的是高端UI设计人才。

阿里巴巴资深总监杨光也曾表示：无论是鲁班，还是未来升级的人工智能都不可能取代设计师，机器人只是帮助设计师解决重复性的工作，重塑整个设计生态，而真正的“设计师”，反而会越来越值钱。

现在市面上很多UI设计其实只能算作是初级美工，而美工和设计师的区别就像是服装设计师VS工厂裁缝工，所以两者本质上的区别大概就是“创新”。

智能机器人鲁班的出现，只是将两者区分的更加明显了。鲁班对电商美工这一职位的冲击也会越来越大，未来低门槛的设计工作将会被逐渐淘汰。

无论是从社会发展，还是从UI设计的职业发展来看，这都是一件好事。机械性的执行工作对一个设计师来说是没有任何沉淀和成长的，作品淘汰率高且耗时，把这些基础工作丢给低成本的机器去生产，大家才能更加专注的去创造，去做需要原创能力的设计。

之前只会一个单一的移动端APP界面设计都能找到一份很不错的工作，但现在，企业的要求有了很大变化，所以我们需要学习的内容也随之增多，不仅要懂交互知识、平面设计，甚至还要会代码、AE制作动效、以及插画、手绘等等，UI设计也因此有了一个新名“全链路UI设计”。

三、UI设计学习计划

很多小伙伴没有严格的学习计划，导致于自学周期被自己拖得很长，所以自学UI设计，一定要制定适合自己的学习计划，严格按照学习计划去完成学习目标，才能获得最终的胜利。那每个人的学习能力和技能掌握情况不同，在这里分享一个零基础全天候以周划分的学习计划。希望你可以针对自己的情况，参考此计划为自己的量身打造UI设计自学计划。

越简单的元素搭配，就越考察一个设计师的基础功，如果没有过硬的技术和扎实的基本功，就难以准确地传达产品自身调性和营销卖点。

我们都知道创意思维对于设计师的重要性，却也不能忽略基本功对于设计师的必要性。只有坚持不断的负重训练，扎实美术功底，才能在日后的商业实战中轻松驾驭各种风格。

第一周：手绘

手绘的重点主要是培养学员的形体结构，光感、空间的关系，这算是一个审美培养的启蒙，时下最流行的矢量插画就和手绘密切相关。

第二、三周：PS、AI基础软件的学习

从零开始学习软件，需要用实际的案例去学习，这样更加容易上手，并且UI设计的学习并不是只是简单的学习软件工具，很多在人都以为UI设计只要会了PS、AI等就可以了，其实让通过实际的案例去了解设计背后的意义即设计思维、创意理解，才是更为重要的目的。

但是只学思维也不行，我们也要加强设计的基本功，对软件完全的精通掌握，这是必须的。

第四、五周：平面构成、Logo

掌握平面设计中点、线、面，加以延伸到到Logo设计，Logo一方面是包括图形另一方面是包括字体，所以了解文字结构是非常基础的，以及如果这一阶段学的非常好，接Logo私单，价格高到不敢相信。

并且logo品牌部分学习中，要会从Logo的形式、气质、基础属性、思维方式、以及标准制图等去深入学习。一个简单的图形通过形式的变形而演变出千变万化的造型，如此多的变化还怕设计不出Logo吗？

举例：从形入手，一个圆可变实心的圆、可变空心的、可变半圆的还可变椭圆、半圆，那是不是就能联想到鸡蛋、煎蛋、荷包蛋、帽子、水杯呢？

第六周：品牌Logo定稿以及VI手册设计

这一周其重点是甲方思维思考设计，对，就是那个烦人的甲方爸爸，需要学习换位思考。

整个第一阶段的学习内容都是非常基础的，目的是培养设计思维，正所谓懂用户所想，还不能设计出好产品？

第七周：响应式网站、一屏式网站

从案例来讲述网页设计的构成、颜色、字体、功能、按钮以及设计规范、排版规范。

第八周：后台数据

除了后台设计，更多的是后台的数据统计处理，如何做到简单化、明了化。

第九周：电商设计

电商平台首页设计，每一个月各大购物平台都会有全站式的活动，活动主题都不一样，所以其实电商设计的人才缺口是非常大的。

第十周：淘宝平台详情页、后台

这一部分是可以自己去申请淘宝店、上架产品，任何学习都没有直接上手来得快。实操实练，自己去体会各大平台的规范，才会了解得更加清楚。

第十一周:C4D、Banner

进入3D训练啦，丰富视觉效果，提高就业竞争能力，多会一门技术，就多一些可能，这也是我们要为什么不断学习提升自己的原因。

第二阶段，更多的是网页的设计训练，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面。

第十二周：用户体验、竞品分析、原型图

本周开始设计APP，通过数据分析来做竞品分析，使用Axure来绘制APP的原型图。

第十三周：图标

有意思的图标也是完整APP设计的重要一环。

第十四周：界面、胶囊

通过标志性APP来讲弹窗页、闪动页。

第十五周：界面设计

继续完成APP，并学会切图、命名、标注、打包、交接（前端小哥哥、小姐姐打不打就看这周的学习内容了）

第十六周：运营界面

营销推广性的用户思维培养，把握用户的痛点提升整体运营界面，达到营销推广的目的。这一般都是通过突然跳出来的弹窗、闪屏等，比如促销性质的页面，增加了视觉感染力，促进了用户的点击。

第十七周：交互动效

学好AE动效会非常加分，因为它可以准确的传达出你的思路，演示你想要的表达的效果。这必将成为UI的流行趋势，不想要被市场淘汰，一定要继续学习啊！

这一个阶段，可以尝试着手设计属于自己的APP，你可以选择自己喜欢的主题，没有局限性，这可以成为零基础转行的你的作品集内容哦。

第十八周：前端

大家都知道与UI设计师密切合作的是前端，那作为一个UI设计师，只有懂了前端，这样才会合作得更好，提升工作的效率。我们可以学习HTML5，学习CSS3等。

虽然是以周划分，安排得满满当当，这样学习流程适合大多数零基础的小伙伴，每周的内容如果学习的不扎实，可以适当停留脚步，因为每个人的学习能力不同，学习掌握情况不同。一定要将知识学扎实，一步一个脚印的往前走，才能真正将UI设计知识掌握牢靠。

以上简单的分享了一个学习UI设计的流程，那依据这个流程，给大家推荐一个零基础学习UI设计的课程， 一共两百集，包含的内容比较全面，大家可以根据自己的技能掌握情况有选择的观看。

阿多比UI设计200集最全套课程从0到精通全链路

四、设计网站

刚刚开始学习设计，自己的积累肯定不多，可以去看看优秀的作品，找找创意灵感、提升设计思维。但是国内外设计类的网站太多，以下我就分类整理几个供新手小白参考学习，在今后的工作学习中你会接触到更多的设计网站，那时候你就有可以依据自己的习惯去筛选自己喜爱的设计网站了。

1、灵感创意

（1）站酷 (ZCOOL)：为设计创意从业者在学习、展示、交流、就业、交易、创业各个环节提供了优质的专业服务，为设计师和企业的成长之路提供了高效的版权解决方案和立体的视觉服务。

（2）花瓣：设计师寻找灵感的天堂，图片素材领导者,帮你采集、发现网络上你喜欢的事物。你可以用它收集灵感,保存有用的素材。

（3）Dribbble：Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。

（4）UI中国：UI中国是专业的用户体验设计行业媒体、知识分享互动社区、创意整合营销平台，包含学习、展示、外包、竞赛、招聘等，是用户体验设计师的职业成长平台。同时也是用户体验设计人才库，拥有会员均为一线交互设计师、视觉设计师、用户研究员，覆盖一线、二线城市主流互联网公司。

（5）Behance：创意设计人士可以展示自己的作品，发现别人分享的创意作品（，相互还可以进行互动。Behance介绍 Behance 是展示和发现创意作品的领先在线平台，同时也是 Adobe 系列的一部分。

2、设计规范

（1）腾讯CDC：是一个设计团队,做世界一流的互联网设计团队,为用户创造优质在线生活体验。CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。

（2）Ant Design - 一个 UI 设计语言：Ant Design 是一个 UI 设计语言，是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

（3）Design - Apple Developer：详细了解为 Apple 设备设计配件的规范和准则。

（4）iView - A high quality UI Toolkit based on Vue.js：即原先的 iView，是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

（5）Fusion Design-阿里官方组件：Fusion Design是阿里巴巴开发的一套企业级的中后端UI解决方案。致力于解决设计师和前端在工作协同、产品体验一致性、开发效率方面的问题。

3、素材

（1）UI - 爱果果：是一个优秀酷站、h5、UI素材资源的发布分享平台,是设计师的灵感聚合地和素材下载源。

（2）惊人的免费图片 · Pixabay：Pixabay可在任何地方使用的免费正版图片和视频。Pixabay是一个充满活力的创意社区,Pixabay图片可以安全的使用,而无需为创作者署名。

（3）千图网：围绕着设计人群及泛办公人群提供优质创意服务的基础平台。

（4）包图网：平台联合20w+顶尖设计师、创意工作室以及国内外图库平台，汇集1500w+优质原创内容，为各行各业输出正版的图片、视频、音频、源文件素材。

（5）稀土区：专注优质设计与开发资源分享。

4、色彩

（1）Color Hunt-配色：设计、网页配色工具网站。

（2）uiGradients：渐变色分享网站,里面有很多美丽的方案选择哦!

（3）Coolors.co：超快速配色方案生成器，创建完美的调色板或从数千种美丽的配色方案中汲取灵感。

（4）Material UI Colors ：帮助设计师们快速定位颜色组合。

（5）flatuicolorpicker：UI设计的最佳平面颜色。

5、Icon

（1）阿里巴巴矢量图标库：国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

（2）IconStore：是一个提供一流的免费图标包素材的站点,汇集了很多优质的icon素材。

（3）Flaticon：图标设计丰富。

（4）Material Design Icons：包含常用的图标，如用于媒体播放、通讯、内容编辑、连接等等。

6、Fonts

（1）[字由] 字说字话：解决设计师群体用字问题。

（2）DaFont ：免费英文字体库下载站，虽然没有中文字体,但是有许多漂亮和新颖的英文字体。

（3）Fontjoy ：帮你挑选字体组合，一键生成字体配对。

（4）FontShop：美国的一个字体网站。

（5）站酷字体合集 - 站酷网（ZCOOL）

以上整理出的网站知识设计网站中的很小一部分，还有很多优秀的设计类网站在这里就不一一列举了。希望你在学习的过程中多看、多想、多思考，然后慢慢积累，早日成为一名优秀的UI设计师。

五、设计书籍

书里常常有其他人的一生，有他们的想法，想想作者可能用好几年写完一本书，甚至用了一生得出的总结以及教训。所以我们可以通过读设计类的相关书籍去学习别人优秀的设计理念和思维，提升自己的设计能力，在这里推荐几本不错的设计书。

1、《设计中的设计》

《设计中的设计》是众多设计师都推荐的一本设计书，这本书是具有世界影响的设计师的原研哉对自己提出的问题“设计到底是什么？”的回答。 设计来源于生活， 它的意义定会超越技术的层面，为我们的生活观和人生观注入力量。

2、《写给大家看的设计书》

《写给大家看的设计书》出自一位世界级设计师罗宾·威廉姆斯(Robin Williams)之手，将优秀设计的秘诀归纳为对比、重复、对齐和亲密性四条基本原则，并用简洁通俗、幽默生动的文笔，同时配以大量经过修改进行前后对比的实例图解和设计练习（并提供解答），直观而清晰地传授给读者

3、《设计心理学》

《设计心理学》的作者是唐纳德·诺曼也称Donald Norman。 书中强调以使用者为中心的设计哲学，提醒消费者在挑选的物品，必须要方便好用，易于理解，希望设计师在注重设计美感的同时，不要忽略设计的一些必要因素，因为对于产品设计来说，安全好用永远是竞争的关键。

4、《版式设计原理 • 案例篇》

《版式设计原理 • 案例篇》是由四个设计师合著完成，本书从版式结构、文字要素、色彩、图片、网页版式五个章节，将很多设计法则中的成功案例和失败案例进行对比你，引导读者思考什么才是更好的版式设计。当读者完成思考后在文章的下一页给出作者的观点，并指出对应的设计要点。这样让读者带着问题去思考，使读书更具有趣味性，通过案例对比的方法快速而牢固地掌握版式设计的基本原理。

5、《设计的觉醒》

《设计的觉悟》是田中一光先生在大陆首次发行的文集，他用文字将读者带入他的工作与生活，去体验设计人生。停下手中的忙碌回头思考，觉醒的，也许不止是设计。

6、《简约至上-交互设计四原则》

对于 《简约至上交互设计四策略》作者：[英] Giles Colborne这本书大家并不陌生，这本书是很多web应用、互联网产品、移动应用及其他交互设计人员的必读书目。关于简约，作者从自己的从业经验中提去除了四个原则，即删除、组织、隐藏、转移。

7、《配色设计原理》

《配色设计原理》，作者是日本奥博斯科编辑部，通过简明易懂的作品，让你学习实用又系统的配色原则。将具体的设计案例进行修改前后对比，然后分析如何使用配色，让作品更具有效果和表现力。

8、《设计师的自我修养》

《设计师的自我修养》是由字体设计师、中国十大最具灵感年轻设计师之一的左佐编写的。

9、《点石成金》

《点石成金》的作者史蒂夫·克鲁克根据自己多年从业经验，去剖析用户心理，在用户使用的模式、为浏览进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点，并给出了大量简单、易行的可用性设计的建议。这本书短小精悍，语言轻松诙谐，书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表，使枯燥的设计原理变得平易近人。

10、《平面设计中的网格系统》

《平面设计中的网格系统》的作者是约瑟夫·米勒–布罗克曼，他被誉为 “瑞士平面设计先驱”。 本书主要介绍了网格的功能和使用方法，旨在为平面和空间的设计师们提供一个实际的工具，让他们可以从概念、组织结构和设计上更有效、自信地处理和解决视觉问题。

学习UI设计的方法很多，途径也很多，那以上分享了自学UI设计的流程、提升设计思维的网站、以及设计类的书籍等。虽然分享的内容很短，但是需要学习的东西真的很多，想要真正的掌握需要花很长的时间去琢磨和探索，学习这件事件从来都是公平的，付出就会有收获，所以希望认真对待UI设计，认真对待学习，早日学成找到心仪的UI设计工作。

注：本文由蜗牛创想旗下独立运营设计品牌 @阿多比设计学院 撰写，首发自https://www.zhihu.com/question/55489622/answer/1414670809，如需转载请自行联系获得授权并注明出处。