最近开始接触Sketch，感觉非常棒，故已经弃用Axure（Axure主要是交互动效方面比较棒），快速入坑Sketch~至于Sketch有哪些很棒的地方，就不在这里阐述了，可以自行搜索查看。今天练习Sketch的时候尝试制作邮件的扁平图标，在开始制作之前，先来看一下最终成品：

接下来就是详细的制作步骤：

新建一个Sketch文件；

新建一个背景，颜色#A09C9B，大小任意，之后再调整也无所谓的；

创建一个矩形（快捷键：R）200*120，去掉边框，颜色是#E4E0DF；

至于为什么创建大小是200*120？因为平时做设计的时候喜欢黄金分割比（0.618），故取200的0.6就是120，这样制作出来的图标视觉好看一些；

对矩形进行裁剪，双击矩形即可调出裁剪选项，默认左上角会有一个可操作的点；

这时，我们需要将左上角的点去掉，快捷键 光标放到这个点上，按住⌘，单击即可消除；

取消这个点后，我们需要新增一个中点，快捷键 光标放在上面一条线上，按住shift就会自动移到中点位置，单击即可新建一个中点；

向下拖刚刚创建的中点，拖的时候会有红色辅助线，拖到横纵都是中心的位置即可；

新建一个三角形，快捷键 insert->shape->triangle；

创建一个 200*60，#FFFFFF 的三角形，这个三角形刚好可以填补上面矩形空白的三角位置，将其倒置过来即可看效果；

新建一个矩形，快捷键 R，200*10，#FFFFFF；并一定矩形与三角形的位置，使其对齐第一个矩形；

这时，选中（在左侧面板使用command⌘多选）小矩形与三角形，点击上方的 union，使其合并为一个整体；

这里的两个图形上下顺序无所谓，因为是合并；

新建一个三角形，大小是106*88，颜色是#EEEAE9，旋转90°，与第一个矩形左边对齐；

复制这个三角形，快捷键 command⌘+D，并且左右翻转，与第一个矩形的右边对齐；

新建一个三角形，大小30*26，旋转90°，颜色#616161；

复制这个三角形，左右翻转，移到右边对齐；

此时，邮件的信封部分基本完成，我们可以将其合并为一个group；选中图形，点击group即可；

下面开始做信纸部分。

新建一个矩形，大小148*160，颜色#58B4C6，位置大致调一下，与信封中间对齐，左侧面板的位置要置于信封之下；

接下来做信纸右上角的折角，虽然是三角形，但是采用正方形裁剪的方式，这样既可以学会一种画三角形的新方法，又可以使待会儿做阴影的时候更方便（经验之谈~）；

新建正方形的快捷键 R的同时按照shift，画出来的就是正方形，大小是30*30，颜色#FFFFFF；

双击正方形，去掉左上角的点，在右上角新增一个点；

拖动这个点，使其横纵向都达到中心的位置即可；这样一个直角三角形就画出来了；

移动到与蓝色信纸右上角对齐的地方，这样折角就好了；

复制直角三角形，颜色与背景色一致，并且旋转180°，并且移动到右上角，用于遮挡右上角的蓝色折角；

复制刚刚的背景色的直角三角形，颜色是#5190AA，移动到白色三角形下方，形成折角的阴影；

输入@，快捷键是T，80号字体，颜色#FFFFFF，移动信纸中间；

新建一个矩形，大小 86*5，颜色#5190AA，旋转149°，这里的参数大概，能作为阴影即可；

复制上述矩形，角度是211°，移到左边，形成左阴影；

至此，一个简单的扁平化邮件图标已制作完成，接下来就是在此基础上加一些修饰了；

现在将其group合并，移到到左上角，继续做其他变种；

对于基本的邮件图标，直接command+D 复制即可，主要讲解下难点部分；

右上角的图标，难点在于粉色阴影部分；

新建一个正圆，快捷键 O，画圆的时候按住shift，画出来的圆就是正圆（跟化正方形一个路数~），大小320*320，颜色 #D9799E；

复制左上角的邮件到圆形中间；

新建一个矩形，大小320*242， 颜色#B86183，角度45°，大概可以做阴影就可以；

接下来一定要慎重！！！将粉色圆复制，位置不变，颜色是#B86183，选中复制的圆和矩形，点击intersect合并；

合并后，即可得到阴影；

至此，右上角的图标也完成了；

左下角跟右下角的就更简单了，不再赘述了，直接上成品：

左下角的矩形是300*300，颜色#DBA942，圆角是50；

右下角的正方形大小是300*300，颜色#D5968C；

最后，将各个折角的三角形颜色调整为背景色，遮挡住灰色即可；

至此，四个图标也全部完成咯！

这是我自己在练习的时候制作的，如果小伙伴们有更简单的方法，欢迎一起交流哦~需要源文件的关注我的个人微信公众号（pmsuisuinian）即可获取~

最后说一句：Sketch确实是蛮好用的！