icon是我们在日常设计中经常碰到的设计元素。看似简单的图形组合,却包含了很多细节的知识点。我打算分几篇文章的梳理下icon的一些设计要点。
基础功能图标
线性图标 / 面性图标 / 线面结合
基础功能图标 是应用程序界面中的重要组成部分,作用是替代或辅助文字来引导用户。它的形式也相对简单,无非三种: 线性图标、 面性图标、线面结合。那怎么用呢?
01
线性图标

线性图标,顾名思义就是以线的形式绘制而成。它的表达形式很多,同色的,渐变的,叠加的,断线的等等,但他们的统一特征是 用线作为基础元素去表达图标语义。
在点线面基础三元素中,就面积而言,点最小,其次是线,面最大。从视觉重量上来说,线给人的感觉最轻,面则是最重的。如下图:

所以,线性图标给人的第一感觉是轻。
02
面性图标
面性图标就像是一个物体的剪影,是以块(面)的形式去表达图标的语义。同线性图标一样,它的表现形式也是很多,单色、渐变、叠加等等。

刚才也说到,在点线面基础三元素中,面的面积最大,视觉重量也是最重的。所以不难推出一个结论: 面性图标比线性图标重。
重,即意味着更容易吸引注意力。
03
线面结合

线面结合图标相对于前两者,在样式上会显得更加丰富和趣味性,形式感更加强。普遍用得较多的形式是:以线来表达形体,面(色块)来辅助。
但由于元素的增多,如果运用的不恰当,会让图标显得整体较为杂乱。所以就基础功能图标而言,用单一的线或者面来表达更为普遍。
04
分析和结论
综合上面所分析的,总结下:
1. 线性图标形式感强;
2.面比线重,所以面(色块)比线(形状)更抓人眼球;
3.面性图标比线性图标更具引导性。
4.线面结合图标处理不好容易造成杂乱。
为了能够清晰的了解怎么用,我们需要知道图标的作用是什么。

再者,“发现”这个icon的设计并不是一看就懂。它借鉴了Safar的图形,而这个图形所表达的是指南针,指南针有方向的意思,也有发现的意思。就图形设计而言,它属于“转译”,转译往往是需要思考才能明白的。
