磨砂图标练习心得

今天算是个人第一篇原创文章，所以这次卡卡先献丑了！

花了几天对磨砂图标进行练习，对这类的图标有了更深刻的理解，所以今天对磨砂图标进行小复盘。

半原创作品

1. 什么是磨砂图标？

今年较流行的设计趋势，有很多app开始使用，腾讯医典小程序也都用到这种风格

我动手之前，先对一组腾讯医典的磨砂图标集进行分析

2. 临摹

临摹的作用是摸索出图标的构造、色彩搭配、技法等设计规律。

这里就不详细说临摹图标的步骤，简单说下图标的如何的拆分

提取出两大要素：模糊度和不透明度。

背景层与模糊层建立剪切蒙会出现磨砂感

3. 开始制作

制作半原创的过程中，进行了2次优化。

个人知识点总结：

• 玻璃质感的打造与模糊度和不透明度相关

菜心指导：

• 爱心是直角，跟其他2个图标不统一

• 点赞的造型很奇怪

• 下载的图标很模糊，不够通透

优化思路：

• 爱心的直角改为圆角，与其他2个图标保持统一

• 点缀的形状更立体点（另外两个也是如此）

爱心的直角改为圆角，与其他2个图标保持统一

优化思路：

• 再次将图标进行拆解为背景层和前置层

• 改变层次占有比例大小，玻璃层的比主色块的面积大的话，更好突出玻璃质感

  
  

2个版本对比，明显右边的如同经历了整容手术，更加美观

改变背景层的颜色和模糊层的模糊值，使整个图标看起来质感和通透性更好

优化思路：

• 加入1px的高亮描边，可以加强整个图标质感，能突显出来

• 模糊层可以适当移动位置会让图标变得有层次感

4. 知识点整合

• 玻璃质感的打造与模糊度和不透明度相关

• 模糊层可以适当移动位置会让图标变得有层次感

• 加入1px的高亮描边，可以加强整个图标质感，能突显出来

• 图标比例

• 玻璃层与色块层的面积比例会影响视觉感觉性

• 点缀（白色形状）应放置在模糊层上

现在磨砂图标面临的问题就是现在识别度相对来说有点低，可能无法具体落地项目，但还会继续深究磨砂图标。

以上就是最近练习磨砂图标的一些心得，是第一次写这些总结性的文章，希望这是我新的开始，希望对你们有用。