金刚区作为产品功能架构重要的组成部分，是设计师重点发挥的区域，也是风格切换最为活跃的。晶白风格就属其一，这是一种现代化、简洁和清晰的图标设计风格。

     它通常使用简单的线条和几何形状来创造出明亮、干净的图像，不仅易于识别和理解，并且适应各种尺寸和分辨率，各种平台和设备上均可使用，今天就以上图为例，带大家绘制这款适配度高的晶白风格图标~

01 创建背景

新建画板（快捷键F/A），随后创建一个线性渐变填充的圆角矩形充当背景，两者水平垂直居中对齐。

画板：尺寸80*80px；背景色为默认色

圆角矩形：尺寸60*60px；圆角半径13；

线性渐变填充#FE7BB2→#FB4C48；

外阴影填充#FB4C48，不透明度30%，大小「0；4；10；0」

02 绘制礼物盒

礼物盒分为盒子和盖子，图中的盒子并没有全部展现出来，底下一部分被背景遮盖，因此这里要对背景创建蒙版。选中背景，点击工具栏上方的「创建蒙版」即可操作成功。

礼物盒子：尺寸40*30px；填充#FFC6D4

礼物盖子：尺寸40*30px；圆角半径3.5；线性渐变填充#FFFFFF→#FFCFCF；

外阴影填充#FB4C48，不透明度40%，大小「0；0；3；0」

03 绘制蝴蝶结

利用三角形工具绘制单边蝴蝶结雏形，选中形状，点击工具栏上方的「编辑对象」进入矢量编辑状态，点击形状的锚点，在右侧属性栏中点击「已投射」，三个锚点都要操作哦。

操作完形状会变得非常圆滑，是不是有点蝴蝶结那味了，接下来对形状设置参数（具体参数在图下方），随后复制一个进行水平翻转，调整到合适的位置，选中两个蝴蝶结，在工具栏上方选择「联集」就ok了。

三角形：尺寸15*16px；旋转100度

蝴蝶结：填充#FED1DA；边框0；外阴影填充#FF2521，不透明度50%，大小「1.5；0；10；0」

04 增加爱心

爱心是由两个正圆和一个正方形拼接而成的，绘制完后选中3个图形，点击工具栏上方选择「联集」形成编组，随后选中爱心编组图层设置参数即可。

两个圆：尺寸9*9px           正方形：尺寸9*9px；旋转45度

爱心编组图层：线性渐变填充#FA737C→#FD6B8E；外阴影填充#FF4040，不透明度30%，大小「0；2；4；0」

05 最后

操作到这里，所有形状都绘制完成啦，如果觉得整体有点别扭，可能是位置没有对齐居中哦，大家简单微调下即可。看完教程是不是很简单啊，你也操作起来吧~

本次教程的分享到此结束啦，你也快快动起手来吧。关注空空，我会在这里持续分享UI设计干货~

Powered by Froala Editor