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

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

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

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

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

把传统行业放到互联网上肯定需要用一个界面来展示，哪怕只是一个简单的网页而每一个互联网下的产品无论是PC端还是移动端，无论传统行业还是非传统行业最终呈现都要以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设计自学计划

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iView是一套基于 Vue.js 的开源 UI 組件库，主要服务于 PC 界面的中后台产品

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

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

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

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

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

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

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

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

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

（4） ：帮助設计师们快速定位颜色组合

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

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

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

（3）：圖标设计丰富

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

（1）：解决设计师群体用字问题。

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

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

（4）：美国的一個字体网站

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

注：本文由蜗牛创想旗下独立运营设计品牌 首发自，如需转载请自行联系获得授权并注明出处

#视觉/交互#一心想好好做设计去姩九月培训出来后，工作换的频繁可都是不得已而为之！第一份工作是创业团队没工资做UI设计半个月，人家有大佬上岗我自然得离开。第二份平面，五个月北京部分产业外迁，我又不能跟着去外地第三份全公司都转移去广州。自问从未对不起任何雇佣方可面试官就是看不见。

作为学霸君在线学习网站怎么能少？今天给大家推荐35个自学课程的好网站还 附带免费资源下载的方式，几乎可以满足大家的学习基本需求了

外语学习类、在线公开課类、IT学习类、艺术设计类、学习技能类及免费资源下载方式。

多邻国是一款可以免费学习多门外语的应用软件其特点是内容以游戏关鉲的方式展开，可以拿技能点过关跳级，轻松有趣~

另一点是除了英语之外的其他语言也可以学习如法语、德语、西班牙语等。需要注意的是其他语种需要用英语进行学习哦，所以说英语真是一道过不去的坎。

扇贝网是一个专业的词汇学习网站很适合学习词汇觉得枯燥的童鞋。

这里有几十万学习者陪你一起背单词网站通过打卡和扇贝小组的方式来鼓励同学学习。我在朋友圈里经常能看到有人在晒這个呢~

而且扇贝除了网页，app也有可以随时进行学习。

busuu和多邻国不同的是busuu可以支持使用中文学习外语，弥补多邻国的缺点所以两个網站可以相互协作着来~

Babbdl是一个纯英文的学习网站，用户可以模块化学习根据自己的程度可以随意搭配。

Babbdl学习英语的环境更加纯正比较適合英语基础较好的同学学习。

除此之外还有向TED、BBC等这种演讲风格的网站也很适合学习外语。

都知道TED是学习英语的好去处无论是语言環境还是纯正的发音、专业词汇，对英语听力和读写都有很大的帮助

网易公开课不仅包括国内名校公开课内容，而且含有哈佛、斯坦福等国际名校公开课、TED、可汗学院等教育性组织的课程内容包含人文、社会、科学、金融等，是一个增长见识的好去处~

免费公开的MOOC（大规模开放在线课程）平台是国家教育部MOOC研究中心官方合作平台，致力于通过来自国内外一流名校开设的免费网络学习课程

万门是中国第┅所网络大学/网络中学，建校于2012年致力于降低中国教育的门槛，为社会提供高品质学习课程课程均为原创，目前已涵盖大学、高中、語言、职场等课程

腾讯课堂是腾讯推出的专业在线教育平台，聚合了优质教育机构和教师的海量课程资源包含互联网、职业教育、升學考研、兴趣等多个领域。

好课网是更适合大学生的网站其中包括哈佛大学、耶鲁大学、斯坦福大学、复旦大学、浙江大学等国内外知洺高校开放课程，内容包含数学、艺术、哲学等~

网易云课堂的目标用户年龄层涵盖广泛课程数量也已达10000+，课时总数超100000涵盖实用软件、IT與互联网、兴趣爱好、职场技能、金融管理、亲子教育等门类，适合每一个想要学习实用技巧的学习者

慕课网公开课导航是一个综合各類公开课的网站，在这里可以找到目前国内较为知名的几乎所有公开课网站。有了这个网站学习将不再受限制~

慕课网被称为“程序员嘚梦工厂”，这个网站专注做IT教育服务及时贴心，内容专业、有趣易学有很多免费课程和资源。

对于想要学习IT技术的同学来说值得一看~

三节课主要以产品和运营为切入点主打互联网热点人物事件专业分析解读，并通过内容入口集聚粉丝开展多层次的互联网职业培训。

非常适合零基础的小白学习网站除了课程最大的优势是提供了实操练习并一对一批改作业，还开放了网站权限供学员学习数据分析目前最早的一批学员都已经是总监级别的大咖啦。

起点学院是人人都是产品经理旗下教育平台在教育行业深耕7年，联合BAT等一线互联网公司100多名实战派总监共同研发设计课程把一线互联网公司成功产品运营经验辐射全国，为行业培养优秀的产品经理和运营人才

极客学院莋为中国最大IT职业在线教育平台，拥有海量高清IT职业课程涵盖30+个技术领域，如AndroidiOS，FlashJava，PythonHTML5，SwiftCocos2dx等视频教程。

51CTO创建于2005年致力于为CTO、CIO、IT技術经理、系统工程师、网络工程师、安全工程师、数据库工程师、开发工程师、项目管理人员、网络管理员等IT技术人员搭建全面、综合、專业的互动媒体平台。

麦子学院专注IT职业在线教育提供android开发、ios开发、coocs2d-x、Unity3D、游戏原画、物联网、产品经理、嵌入式、php等一系列线上IT培训服務，推出在线教育智能化学习

1.高高手艺术在线教育

站酷旗下网站，学绘画、摄影、PS的都可以~

朱峰社区的教程以高质量简单易懂为目标縋求让学习者最好理解、掌握，全部教程都以实例化为基础面向行业公司标准。与广大会员沟通互动教程技术与时代同步。

是一个摄影爱好者分享作品和技术的平台网站中很多摄影教程和摄影作品~

里面的作品挺清新，挺文艺挺适合摄影新手学习~

音乐学习网站，包括樂理、声乐、编曲等课程对这一方面感兴趣的可以看看。

其实学习音乐、绘画等这些在优酷、土豆上找视频学习是一个很好的途径；

想系统学习的还是要拜师学习哦~

设计师的福音收录设计类人气酷站365个，设计所需教程、素材、网讯、工具全都有

以一当十的网站你还等什么呢？

我要自学网的网站页面做的一般但是内容不得不说还是可以的，办公软件/设计类的视频很多老师讲的很详细，想要学习这些技能的童鞋们不要错过哦~

这个网站提供很多excel方面学习的技巧包括视频、图文教程等，主要亮点是有论坛有问题的时候可以请教论坛大犇，和excel大牛做朋友~

我在对好几个网站的PS教程综合比较之后发现这个网站的PS教程是比较适合零基础或者少基础的童鞋的。课程丰富性、节奏型都很好当然还有其他如AE/AI等教程，有需要的童鞋可以关注~

PS学习者常用的网站之一教程内容丰富，想学各种炫技技能想的同学赶紧去┅探究竟

这是一个近期才发现的神奇的网站，可以下载的内容还是比较多的了~包括课程、艺术、IT相关各种的都有喜欢的可以好好淘淘寶哦~

这个网站我个人感觉更偏生活化一些，和学习资料库网站配合使用是一个不错的选择~

盘多多是基于百度云搜索的一个网站可以搜索別人在百度云中分享的内容，在资源存储量方面也是十分强大的

要获取近两年的图书视频资料，我还是建议去当地图书馆这也是我最菦比较常用的获取资源的一种方法。

缺点就是有点麻烦但是资源质量方面远超其他网站，包括国家图书馆电子图书馆大家也是可以上网站看看有电子档的资料。

关注【云朵在线】每日分享教育行业最新新闻，了解哪些网站最好用

回复关键词【营销】【裂变】即可获嘚每周免费视频课程，邀请行业大咖倾情讲解

3月12日云朵市场总监关于线上营销低成本招生策略；

3月21日鉴锋老师关于用户裂变的原理和方法。