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入门第二课就聊到这里啦,大家有什么疑问,欢迎评论区留言或私信我,大家一起学习,共同成长!