每个人每天都会画那么多漂亮的图标，但是真的用在APP界面吗？这次，我将为大家分享一些真实的图标设计技巧。也许下一个设计APP会用到技巧(* _ _ *) ~
看完这些简单的图标，你发现了吗？其实它们都隐藏了以下特殊技巧：比如第一张图片中的内角阴影图标按钮，比如第二张图片中圆形和圆角矩形之间的椭圆形矩形图标按钮，第三张图片中透明命令的扁平水晶图标按钮。这些是本教程中要分享的内容
让我们开始教程。在这里，我们教你分三步完成“内角阴影图标按钮”的设计技巧，学会这个技巧，然后成为一线神~
第一步，以上面的分叉图标为例，先画一个120*120的圆，添加一个渐变叠加的样式，颜色值分别为上#ffc62d和下#ffb034,得到按钮的底部
第二步：画按钮中的刀叉，用笔画或矩形相交切割，就可以画了(当然我知道你画不出o(_)o哈哈，打开这个网站搜索“刀叉”然后下载图标：http://www.iconfont.cn，我珍藏多年的网站被拿出来了。下载后建议按照笔径画，养成制作矢量图标的好习惯。
第三步：用我喜欢的笔径画一个大致的形状，然后将形状填充设置为渐变，透明度为0%，透明度为10%，颜色值均为纯黑色#000000。然后，在缩小到合适的大小后，创建一个剪辑蒙版，并将其放在刀叉图标上。Dalla ~最简单的内角阴影图标制作！
这种图标的好处是，原本普通的图标按钮，稍加改动，就能立刻变得与众不同，这让APP页面增加了不少看点。通过类比，我们可以创造性地根据图标绘制各种不规则形状进行剪切粘贴，也可以给形状添加颜色等变化，充分发挥你的创造力为你的APP页面设计加分~ ~
我是一条华丽的分界线。
APP常用的导航按钮之一：“椭圆矩形图标”，让我们开始教你如何制作下图中圆形和圆角矩形之间的“椭圆力矩”图标按钮。其实很简单，只需要两步
第一步：在形状工具中找到多边形工具，然后设置如下图所示的参数：边4，检查光滑的角，然后按住shift键画一个120px*120px的圆，看到了吗？这个圆不同于我们通常看到的完美圆和矩形椭圆，o(_)o
第二块布，放上面提到的刀叉，在边上放一个正常的圆圈。比较哪个更有趣？这就是传说中的椭圆矩形。其实还有其他的绘制方式，但是用上面的方法做出来的椭圆矩形更好看，也最方便~
-size:15px;">-------我是华丽的分割线------
APP常用导航按钮之：“扁平水晶图标按钮”，很简单呐，也是二步完成
第一步、老规矩先画120*120的图标底座，我这里用的是椭圆矩形做底座。然后重点来了！只有特定的图标才适合制作这种图标按钮，①是要求面性图标（不知道的可以百度下）②是图标可以拆分成两块，如下图所示。（画不出来的朋友依然老规矩，打开网址搜索红包，找个类似的下载即可 http://www.iconfont.cn）
第二步、把拆分后较小的那一部分直接设置透明度60%，较大的那一部分设置形状渐变，一边透明度60%，一边透明度100%，色值都为纯白#FFFFFF（如果是下载的图标就把填充透明改成0%，然后添加渐变叠加样式也行），哒啦~一个最最简单的扁平水晶图标就做出来啦！！
这种图标的好处是操作简单，看起来精致美观，通透像水晶一样而且是扁平风格，大家也可以发挥创意，添加我上期教程中说的弥散阴影效果让图标更精致，或者像红包图标一样添加小斜杠等等效果，总之符合APP实际运用即可
本文依然是带大家入门，别整天画乱七八糟没用的图标（起码我是觉得图标画的好又不算啥，能完美运营到平常工作中才是真理）能用的上的才是好的，看完文章自己动手试一试才能真的领悟到其中的奥妙哦，试着把你以前的设计稿中的图表，改成以上的样式，看看是否更精美呢。光看不做就变成看了那么多文章，为啥自己依然做不好的原因！（文章图片来源于网络，如有侵权请联系作者删除）
想学习了解更多UI设计方面的知识和往期UI设计知识，可以点击下面文章了解：
信息过剩的时代，设计师如何应对困扰？
【课程介绍】UI设计全能实战就业班
如何从模仿进阶成为一名优秀设计师！
2018年第4期UI设计毕业学员就业及作品集
