在我们的UI设计中,经常会看到是一些轻质感的图标设计。这种轻质感、具有透明度的图标让人整个视觉感受都很清爽舒适。今天小编就为大家带来,如何在我们的熟悉的sketch软件中实现UI设计轻质感图标的具体步骤和方法,赶快和小编一起来学习看看吧!
1.首先画一个矩形180px*130px,然后我们添加一个圆角角度20px。
2.然后我们把我们的矩形颜色改为#2c93ea,变成一种蓝色调的底色。
3.然后我们再添加一个小矩形,尺寸是44px*32px,距离左间距为18px,距离上间距为24px,圆角度设置为12,色值为#EFBA31。
4.下一步,我们画一个小矩形,尺寸为32px*12px,全圆角,色值为#D0E2FC,左下间距为18px,然后复制3个排一列。
5.画一个紫色的矩形放在蓝色的矩形后面,尺寸是168px*120px,圆角度为20,颜色改为#9D59ED。
6.在紫色矩形上面画一个小横条,尺寸是168px*16px,色值为#813AD5。
7.复制一个,蓝色和紫色的矩形,选中这两个矩形,然后选择布尔运算里面的交集。
8.将上一个步骤的交集挪过来放在紫色和蓝色矩形交集的地方,再将它置于蓝色矩形下面,再复制一个交集备用。
9.选中另外一个交集和紫色矩形,点击减去顶层,给紫色和蓝色矩形添加一个投影,就完成啦。
以上就是小编为大家整理的,关于我们如何制作轻质感图标的方法,赶快学习收藏起来吧!