UI入门第二课：设计师必备的专业技能（实战篇）

算算时间，成为一名UI设计师也快两年了。前不久，跟大家分享了我入行这一年多以来的心得体会，发现反响挺好，到目前为止，依然有不少萌新小伙伴私聊我转行的相关问题。所以我打算将“UI入门”这个话题做一个系列，希望可以帮助到更多准备入门UI设计的朋友。

戳：UI入门第一课：如何快速告别职场小白？还没看过的朋友可以快速查看第一讲哦~

UI必备的设计技能

我发现有很多准备转行的朋友之前连PS都没有摸过，不夸张地说，至少有70%的“UI爱好者”们完全没有实操经验。那么针对这部分的朋友，我建议可以先熟悉下设计工具，然后通过不断练习来逐步强化软件地使用。

下面，我将从两个方面来为大家介绍需要掌握的必备设计技能：

矢量绘制

首先，不得不提到「布尔运算」。布尔运算是一种比较有规律的绘图方式，它通过绘制基本的几何形状，如圆形、矩形、多边形等，将它们运用联合、减去、相交、排除的方式得到新的形状icon。

以下，这两个图标都是我利用矩形和圆绘制出来的。

在入门阶段，我建议大家可以先利用布尔运算绘制一些基本图标，一方面可以熟悉工具的使用，另一方面因为基本图标相对简单，利于零基础的小白思考图形之间的关系。

下图是我用摹客DT绘制的“坐标”icon，它实际是由两个圆加一个三角形组合而来。下面手把手教学，大家可以跟着一步步操作~

大家可以先尝试绘制基本图标，熟练之后，再逐步提升至进阶logo。总之，布尔运算非常重要，大家要多多练习啦！

另外，除了布尔运算外，还有「钢笔工具」和「铅笔工具」值得一提。

为了便于设计师绘制路径和图形，钢笔工具的重要性不言而喻。钢笔工具画出来的矢量图形称为路径，其中每一个路径点都可以快速由折线转为曲线，从而绘制出相应的图标图形。

在这里，推荐给大家一个练习钢笔工具的闯关小游戏，前面会有教程和错误提示，对钢笔工具不太熟悉的朋友可以一边娱乐一边学习~

说完钢笔工具，接着来讲铅笔工具，铅笔工具更多是方便设计师进行手绘风格的设计，在摹客DT中，只需要按快捷键P，就能快速切换成铅笔模式。

总结一下，布尔运算和钢笔工具在UI设计中使用得非常普遍，常用于图标及logo绘制，大家一定要多多练习呀！

其他常用小功能

在日常的UI设计中，比如蒙版、旋转副本、响应式布局这些功能也十分常用，下面我给大家一一做演示。

首先是「蒙版」，它能选择性展示图层的部分内容。在摹客DT中，它将蒙版这个样式效果直接做成了一个功能，直接在图片图层上方创建一个形状图层，再点击“蒙版”，就能快速呈现样式效果，十分方便！

其次是「旋转副本」，常用于设计一些简单的旋转小icon，比如风扇、时钟、齿轮等。

最后是

「响应式布局」，它能够使页面中的所有设计元素灵活适配任何大小屏幕的尺寸，从而保证布局和体验的一致性。在日常设计工作中，响应UI设计非常重要，设计师有责任去了解如何去做多端统一体验，以此提高设计效率。

以上是我挑选的部分常用功能，算是入门实操篇，后续再继续给大家分享进阶技能啦~

提升审美能力

对于审美的探索，这始终贯穿于设计师漫长的职业生涯之中。其实，审美能力并非人人生来就具备，更多的是后天培养，我认为，想要提升审美能力，总归脱离不了“多看”和“多练”。

关于看，效率最高的方式就是多看行业网站，对我而言，我每天会花10-30分钟的时间去逛逛Dribbble、Behance、站酷、花瓣、UI中国等网站。

提醒大家一句，走马观花地看作品起不到任何作用，毕竟看的目的不在于多，而在于精，所以建议大家在看的同时，潜意识一定要多思考别人的作品好在哪里，可以从主题、色彩、排版、文案、视觉、选材、表现手法、构思等方面去分析，从而帮助你快速提升审美能力。

然后，就是练的问题了，平时可以精选一些自己喜欢的界面、动效、小icon等内容进行临摹，这是初学者入门最好的方式，没有之一。随着自己手法的熟练，输入的知识就开始消化并成为你的能力了。

好啦，以上就是我自己这一年多的心得体会，设计是一个实操性极强的岗位，多多练习，才会对自己的工作有所帮助。今天的UI入门第二课就聊到这里啦，大家有什么疑问，欢迎评论区留言或私信我，大家一起学习，共同成长！