随着 AI 的发展,功能变得越来越成熟,大家已经习惯使用 AI 助力设计输出。比如 UI 设计环节中,以前大家都在研究各类图标的技法,为了提升质感的刻画而反复琢磨。现在大家都只想问你,这个关键词是啥?
设计工作流的变化太快了,很多人都陷入了焦虑之中,总会担心自己啥时候被 AI 替代。我自己也经常使用 AI 生成一些图标来助力 UI 输出,效率也真的很高,但是对于细节控的自己来说,总觉得还是略有不足。如果不是因为时间的原因,我还是更喜欢手搓图标。
有时候也在想,手搓设计会不会变成“非遗传承”。为了这门手艺不被遗忘,黑马哥带你一起回顾一下吧!今天我们一起来手搓一组图标。
我们一起来画一个文件夹的图标,先构思一下图标的结构,我们初步定为上下结构。上下部分高度比例为 1:2,这里举例尺寸为上部分:140*50px,下部分:160*100px。
根据文件夹的特征,我们通过添加锚点和位移锚点塑造出图标造型,为了更能体现出图标的含义和特征,添加露出的文件和点缀等图形。
一个优秀的图标需要具备自身的独特性和造型感,常规的结构能够表达出图标的含义,但是看起来显得中规中矩。
我这里考虑给文件夹图标增加一个透视,采用的是一点透视,这样图标的形式感就出来了。
最后给图标添加圆角,这样图标的造型就搞定啦!手搓图标讲究的就是一个个细节,输出的是自己心中最完美的想法。
图标造型搞定之后,我们就要定一个图标质感表现方向,我这里选的是磨砂玻璃质感。先给最底层图形添加一个渐变色:#3399FF → #0055FF,如果想要层次感更强,可以添加内阴影强化边缘质感。
顶层图形添加不透明度 0% 的白色,再添加背景模糊效果(参数值 30),也可以添加浅色和白色内阴影强化边缘质感。
露出的文件图形添加浅蓝色 #D6EBFF,然后加一点白色内阴影即可。
最后给点缀图形添加白色不透明度渐变和投影,完成图标质感刻画,细节的表达就需要根据效果慢慢调整了。
根据以上的方法继续强化练习,完成至少四个一组的图标作品。手搓虽然比较耗费时间,但是效果和规范是可控的,质感和细节是拉满的,一起来试试吧!
本文由 @黑马青年 原创发布。未经许可,禁止转载。