零基础自学ui设计应该怎么学

零基础自学UI设计应该怎么学？UI设计作为一个相对新兴的专业设计门类，目前定位还是蛮尴尬的，因为ui设计在国内的爆火其实就是在2010年移动互联网爆发之后开始，狭义上来说它在国内的发展史也就十几年。所以国内的ui设计目前并没有官宣独立门派，也没有归类于平面设计，而百分之九十九的大学也没有单独设立这样一门课程。这也就导致了大量有意向学ui的人只能通过大学报考视觉传达专业，或者自学来达到入门。

在这里，兔课菌给出从零基础如何自学ui设计的方法：

一、在校学生

不管你们学历是本科还是大专，你们自学ui设计的概率是最高的，因为学生在校有比较充足的时间来奠定基础，方便未来走的更远，不过系统化的教学形式，能教给你一个长久有效的方法，你只需要照着这个方向去努力就可以了，就像是到达同一个目的地，自己走路和花钱打车是完全不同的！没有强大的自学能力，还是不建议自学。

话不多说，接下来我将分点给你们叙述如何在校自学ui设计：

1. 设计启蒙与专业书籍

这里的话建议大家看一些视频或者去图书馆借一些书（网上买也行），兔课菌在这里给大家推荐一下比较好的书籍和视频

《世界现代设计史》：图书，学完之后对设计有一个基本概念。

《设计心理学》：此书始终强调以人为本的设计哲学，将认知心理学和行为学等多学科的方法导入到设计之中。

《写给大家看的设计书》：复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4个基本原则。全书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。

《UI设计黄金法则》：这本书主要讲ui设计的设计法则，作为零基础学生来说一开始可能会看不懂，但是非常适合你们在入门后进行阅读。

《配色设计原理》：这本书是设计的配色如何搭配，不懂配色，不会配色的，这本书可以看，系统的讲解了如何做好设计的配色。非常适合零基础学设计的学员，平面，UI，网页设计通用的配色方法。本书全有讲解，而且是从零基础到精通的系统书籍。

以上书籍推荐零基础的同学在大学期间进行阅读，后续再去研读一些市面上比较有针对性的书籍，这是一个长期的过程，不是说要死记硬背，通读之后要心里有那么一个概念，到了后面实际设计过程中才会有一种“知其所以然”的感觉。

2. 设计三大构成

如果是美术统招的同学应该知道，正常情况下在大一是要继续进行素描，色彩，速写练习的，而在第二学期或者大二，基本设计系（环艺，视觉传达，广告…）的同学都需要进入到三大构成的学习中，之后才是软件基础以及实操课程，这是国内目前大部分大学关于设计课程的设置，目的则是为了锻炼学生的基础美学能力。

（ps：很多同学会抨击学校的教学太过落后，出去找不到工作，其实，只要是正统科班设计出身，能够真正打下扎实基础的同学哪怕刚毕业很难找到工作，只要再经历一下实际项目操练，后续的成就都不会太低的。）

至于不是美术统招的同学或者不是设计类专业的同学，先天缺少了基础美术教育和设计三大构成的学习，在自学的过程中如果过快的进入到软件技能的学习中的话，可能会出现界面单调啊，不懂配色啊，设计不出亮点啊等等的问题。所以为了解决这个问题，兔课菌建议在校的同学们不管是设计类还是非设计类专业的同学，都要学好三大构成。

q：为什么不从美术基础开始学习？

a：对于单纯学设计的同学，美术基础学习太过耗费时间，收效甚微。

什么是三大构成？

三大构成即平面构成、色彩构成与立体构成，是现代艺术设计基础的重要组成部分。

平面构成：运用视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。练习过程中可以通过几何图形，点，线，面等方式，在平面上进行设计

练习方法：在纸上绘制大小一样的方格，在每个方格里用不同的方式（点的构成，线的构成，面的构成均可）进行填充，当然，也可以在电脑上，工具自己决定。

色彩构成：色彩构成是艺术设计的基础理论之一，我们需要通过对色彩的知觉和心里效果出发，利用色彩在空间，量与质上的可变换性，按照一定的规律去组合构成。它与平面构成及立体构成有着不可分割的关系，色彩不能脱离形体、空间、位置、面积、肌理等而独立存在。

这里兔课菌私心要提一个画家- “彼埃·蒙德里安”，他主张极端简化和单纯，他完全不画眼睛看到的实物，把绘画语言限制在最基本的“直线，方块，三原色”上。他的理论对后世各类非写实画派以及建筑设计等都有深厚的影响。

练习方法：同样如同平面构成那样进行练习，只是从黑白变为彩色。需要注意各种颜色配合之间需要和谐

立体构成：立体构成也称为空间构成。立体构成是用一定的材料、以视觉为基础，力学为依据，将造型要素，按照一定的构成原则，组合成美好的形体的构成方法。

练习方法：可利用废弃易拉罐，石头，一次性筷子等材料，自由组合成立体形状。

以上，对与练习完三大构成之后，不管是科班同学还是跨专业的同学，都能起到引导艺术设计基础的作用。

3. 掌握软件技能

从这一步开始，就要学习软件了，而在学习软件之前，大家要知道我们需要学习什么软件。

为什么这么说呢？

主要的问题就是ui设计这一个设计门类涉猎的软件非常广泛，包括各种新出的团队协作软件也好，各种各样的交互动效软件也好，琳琅满目，而对新人来说，有针对性地开始学习比无头苍蝇乱撞要好的多。

这里，兔课菌给大家列一下目前最优先学习的各种软件：

第一优先级：

Sketch：只支持mac用户使用（摔），轻量级界面设计工具，用户体量巨大，基本一线ui设计师都在使用，有多种插件功能可以玩，做界面快速高效。

练习方法：有苹果电脑的同学自行淘宝购买教程，几块钱十几块钱就能买到

Adobe xd:支持win与mac双系统，轻量级界面设计工具，对于windows用户（没有办法使用sketch）来说的福音，并且隶属于adobe全家桶，兼容性好。

而且Xd在这两年慢慢积累了不少的用户，插件库也逐渐完善，兔课菌私心比较看好。

练习方法：自行淘宝购买教程，几块钱十几块钱就能买到

figma:横空出世的团队协作型界面原型工具，功能上来说接近于sketch和xd，但是figma是可以不用下载软件的，直接打开网址就可以在上面进行设计，也就是说你只要浏览器，和网络，就可以进行设计，甚至可以用ipad….

这个工具目前已经抢占了不少原sketch的用户，一些一线大厂也在使用，唯一的缺点是网页只有英文版，感兴趣的同学可以去试着用用看。目前是有免费版的。而操作方面，只要会xd或者sketch的操作，基本就可以无缝对接。

以上三个第一优先级的工具，同学们学习1-2个即可

第二优先级：

ps：老牌图像处理设计工具，可用于平面，绘画，室内设计，等等，而对于ui设计师来说，需要掌握到可以临摹你看到所有视觉效果为止。

练习方法：万能的淘宝有教程

ai：矢量绘图设计工具，一般用于矢量插画，图标，logo等设计，需要重点掌握路径选择器，布尔运算，钢笔工具，3d工具。

练习方法：万能的淘宝有教程

蓝湖：可用于sketch，xd，ps等软件的插件工具，主要用来进行切图，标注，上传设计稿，写产品文档，与前后端协作。操作简单，直接去官网上手即可。

墨刀：快速完成原型设计，可做交互原型，可多人协作，对于ui设计师来说足够日常使用，唯一的缺点就是有点小贵。

protopie：高保真原型交互工具，可无缝对接sketch，xd，figma，用了它，你会发现做交互动效如此简单，强推，就是有点小贵。

第三优先级：

Ae：可以用于视频剪辑，动画，电影特效，对于ui设计师来说需要用的功能很少，故排第三优先级，重点学习mg动画。

练习方法：自行淘宝购买教程。

C4D：用于建模，渲染，属于学会了加分的工具。对ui设计师来说非必学

练习方法：万能的淘宝

4. 临摹与借鉴

到了这一步，我们软件基础也学得差不多了，可以进入临摹的阶段，临摹阶段分两块：

第一点是临摹视觉效果好但不好落地的视觉稿，也就是网上的一些大神的作品，这种临摹主要以借鉴风格，流行趋势为主，通过大量的练习可以很好地提升自己的视觉能力。

第二点是临摹已落地的，然后分析其产品逻辑，交互方式，风格特点等。

如：微信，知乎，微博，网易云音乐等等….

练习方法：可以通过截图的形式来分析这些已经成功上线的页面他们的间距，字号，为什么要这么设计的原因，找到规律。

除了界面以外，还需要临摹图标，插画，banner等，一边临摹一边思考，相信我，这样两三个月临摹下来，你的脑海中就已经对ui设计有一个基础概念了。

5. 重设计与创作

经过临摹练习以后，大家基本对一个界面的构成需要满足什么条件有了一个概念，这个时候，就可以找一些你自己觉得设计的不太合理或者说视觉不太好看的产品，比如豆瓣app（别打我…）,比如国家大剧院官网，或者学校网站，之后，你们对这些进行一个重构设计，就可以有作品去填充你的作品集了。

这也是很多已经在工作的ui设计师的平时日常训练项目之一，重设计不单单考验你的创作能力，还有你对产品的理解以及用户体验的掌握。

6. 作品集与设计提案

了解了设计史，学习了设计理论，熟练掌握软件技能，绘制了大量的练习作品以后，你们就需要制作一份作品集了，而设计师面视，作品集是很重要，这个是体现你设计能力的东西，哪怕你没有实际的项目经验，但是作品集好看，至少可以证明你的视觉能力没有问题，缺的只是实际项目的历练。

所以，加油吧少年。

二、想转行的同学

首先，上面的这整套流程是不可能全部适用你的情况，毕竟对于想转行的同学来说时间才是最宝贝的东西。

那么，兔课菌在这里给出一个方法：

1. 设计启蒙与专业书籍

可以通过平时碎片化的时间来进行补充，每天抽出1到两个小时进行充电，并且要保持习惯。重点观看《设计心理学》《写给大家看的设计书》

2. 设计三大构成

优先自己练习平面构成与色彩构成，立体构成没条件可以先掠过。