在我们的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.选中另外一个交集和紫色矩形,点击减去顶层,给紫色和蓝色矩形添加一个投影,就完成啦 。
【UI轻质感图标怎么做 Sketch制作轻质感图标的方法】以上就是小编为大家整理的,关于我们如何制作轻质感图标的方法,赶快学习收藏起来吧!
猜你喜欢
- 防治老年斑美容药膳茶3款
- 蝴蝶过山门 轻舟过重山什么意思
- 美团轻享会员和尊享会员区别
- 苹果12图标大小怎么设置
- 年轻人肯定信过的三大饮食谣言
- 三伏天过了也别掉以轻心,还要小心秋老虎!
- 睡眠的缺失--“头重脚轻”
- 怎么在高德地图标注添加店铺商户位置信息
- CAD界面工具图标怎么调大
- wps怎么删除图标?
