有时候 icon 看起来很复杂,你会感觉很难把它做出来。但其实它比你想象的要简单的多!当我做icon的时候,我几乎都是通过基础的几何形状去做的。我很少用钢笔工具,我主要使用的是圆和矩形。简单的基础形状可以做出复杂的icon,想要做到这样,你需要做的是从不同的角度去观察他们。你要特别注意的是组成每个icon的最主要部件。
icon并不是单纯画出来的一张图片而已,它们包含者特别的含义信息,你的工作是把这些含义信息尽可能简单明了的表达出来。你不能仅仅只是把一张图片缩小就完事了。因为icon是通过一个很小的形状来表达出复杂的含义,所以它们应该尽量精简成最基础的形态。这就是为什么通过基础的几何形状去做icon是一个很好的方式。通过这种方式做出来的icon不会过于繁杂,同时做出来的icon看起来也让人感觉更加的舒服。
如果你用钢笔工具就很难做出“pixel-perfect”的曲线(PS: 中文可翻译成“完美像素”,但如果你没有听过这个概念,可以看看这篇文章:https://goo.gl/JTjToi )。通过钢笔工具做出来的icon需要经过很多次手动的调整才能达到pixel-perfect。相反如果你用基础形状去做icon,就仅仅只需要关注每个基础形状是否对齐像素网格就行了。
你可以看看这位设计师Paulius Kairevičius做的动效,这些动效是一个很好的例子。