​Hi，这里是小z。

新的一周又开始啦~

小z又针对零基础想入门UI的小白们整理了一些清晰易懂的基础教学。

很多想入门ui行业的新人都摸不着门道，都在想学习UI设计到底该学些什么？

小z告诉你，UI设计的知识体系中包括：软件技术，交互设计，设计规范、图标设计、界面设计、动效设计几个部分

▲UI界面

所谓软件技术，也就是绘制界面或图形设计的能力。

我们常用到的工具有PS、XD、AE、c4d等，但你并不需要把所有的软件都学得滚瓜烂熟，因为在一个完整的APP或Web项目开发中，你只会用到软件的一部分功能。

▲adobe软件

做界面通常会用到PS、AE做动效可用AE、做交互原型可用XD。建议先把PS软件学精通后，其他软件就能很轻松的上手了。

如果你是小白，软件也不会用，那就先学软件，从PS开始，先看基础的教程，或者买书

先掌握一些核心的功能：

• 形状工具和布尔运算（学会做线框图标，和一些简单的图形，比如齿轮啊、坐标等等
• 图层样式（可以通过临摹写实图标练习）
• 蒙版（做一些遮罩、图像合成啥的）
• 抠图（钢笔抠图、魔术棒等）
• 基本的排版（先临摹界面开始）
• 字体的认识（安装一些字体，学会认识一些常用的字体，一看就知道是啥字体）
• 在网上学习一些调色、抠图技巧自己加强练习，效果会非常好。

当你学好软件技术后，切记不可粗心大意噢~

在工作中，当产品经理把线框图画好后，作为设计师的你，得根据线框图及不同平台设计规范，去确定页面的视觉风格，以及视觉元素的具体尺寸、按钮宽高，绘制界面中的矢量图标，选好标准字、标准色、确定字体、字号、颜色、行距等具体的事宜。

▲海报欣赏

打印要使用CMYK模式噢~

字体

非衬线体——相比衬线体醒目、庄严、现代…

衬线体——很有历史感、文化感、气质、韵味…

楷体——历史、文化、传统的常用字体

宋体——端庄秀丽、贵族气质、很唯美偏女性向

黑体——现代字体、游戏、刚挺稳中、有力量感、现代小资精致耐看偏男性向

行距

行距是字体大小1.5倍-2倍！一定要好好检查！

掌握了基本的软件操作以后，这一部分才是重中之重

取其精华，同样的先别学啥花哨的什么字体设计啊色彩啊3d啊

全部吃透可能还是需要点时间，这段时间能掌握多少还是看个人的努力和学习能力了。

最后再找一些自己特别感兴趣的东西看看试试做一做。也可以临摹一些其它的UI，边临摹边思考，为什么他们这样设计、什么目的、最后是什么效果、还有改进的空间吗？还可以多下载一些源文件来看别人是如何做的。

最后小z觉得所谓“师傅领进门修行在个人”，只有通过自己的积累与实战，才能成为一名好优秀的UI设计师！