前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >手把手教你设计师必备的专业技能

手把手教你设计师必备的专业技能

原创
作者头像
奔跑的小鹿
发布2022-01-18 14:30:14
2270
发布2022-01-18 14:30:14
举报
文章被收录于专栏:无原型不设计无原型不设计

算算时间,成为一名UI设计师也快两年了。前不久,跟大家分享了我入行这一年多以来的心得体会,发现反响挺好,到目前为止,依然有不少萌新小伙伴私聊我转行的相关问题。

UI必备的设计技能

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

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

矢量绘制

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

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

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

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

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

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

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

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

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

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

其他常用小功能

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

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

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

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

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

提升审美能力

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

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

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

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

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

顺便提一下,以上用的矢量图工具:摹客DT

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档