随着 AI 的发展，功能变得越来越成熟，大家已经习惯使用 AI 助力设计输出。比如 UI 设计环节中，以前大家都在研究各类图标的技法，为了提升质感的刻画而反复琢磨。现在大家都只想问你，这个关键词是啥？

设计工作流的变化太快了，很多人都陷入了焦虑之中，总会担心自己啥时候被 AI 替代。我自己也经常使用 AI 生成一些图标来助力 UI 输出，效率也真的很高，但是对于细节控的自己来说，总觉得还是略有不足。如果不是因为时间的原因，我还是更喜欢手搓图标。

有时候也在想，手搓设计会不会变成“非遗传承”。为了这门手艺不被遗忘，黑马哥带你一起回顾一下吧！今天我们一起来手搓一组图标。

手搓开始

文件夹图标

我们一起来画一个文件夹的图标，先构思一下图标的结构，我们初步定为上下结构。上下部分高度比例为 1:2，这里举例尺寸为上部分：140*50px，下部分：160*100px。

塑造图标造型

根据文件夹的特征，我们通过添加锚点和位移锚点塑造出图标造型，为了更能体现出图标的含义和特征，添加露出的文件和点缀等图形。

增强图标形式感

一个优秀的图标需要具备自身的独特性和造型感，常规的结构能够表达出图标的含义，但是看起来显得中规中矩。

我这里考虑给文件夹图标增加一个透视，采用的是一点透视，这样图标的形式感就出来了。

（这张配图好长~O(∩_∩)O~）

最后给图标添加圆角，这样图标的造型就搞定啦！手搓图标讲究的就是一个个细节，输出的是自己心中最完美的想法。

手搓质感

图标造型搞定之后，我们就要定一个图标质感表现方向，我这里选的是磨砂玻璃质感。先给最底层图形添加一个渐变色：#3399FF → #0055FF，如果想要层次感更强，可以添加内阴影强化边缘质感。

顶层图形添加不透明度 0% 的白色，再添加背景模糊效果（参数值 30），也可以添加浅色和白色内阴影强化边缘质感。

露出的文件图形添加浅蓝色 #D6EBFF，然后加一点白色内阴影即可。

最后给点缀图形添加白色不透明度渐变和投影，完成图标质感刻画，细节的表达就需要根据效果慢慢调整了。

举一反三

根据以上的方法继续强化练习，完成至少四个一组的图标作品。手搓虽然比较耗费时间，但是效果和规范是可控的，质感和细节是拉满的，一起来试试吧！

最后，有透视和无透视的两版图标你会如何选择呢？

本文由 @黑马青年 原创发布。未经许可，禁止转载。

Powered by Froala Editor