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

本文由：“学设计上兔课网”原创，图片素材来自网络，仅供学习分享

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

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

一、在校学生

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

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

1.设计启蒙与专业书籍

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

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

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

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

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

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

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

2.设计三大构成

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

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

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

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

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

什么是三大构成？

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

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

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

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

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

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

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

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

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

3.掌握软件技能

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

为什么这么说呢？

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

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

第一优先级：

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

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

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

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

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

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

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

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

第二优先级：

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

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

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

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

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