线性图标（Linear Icon），简单地说是由包括直线、曲线、点在内等元素组合而成的图标样式。

为什么要采用线性图标？那么，我们有必要去了解一下线性图标的优点，轻巧简练，具有一定的想象空间，且不会对界面产生太大的视觉干扰。

随着扁平化设计的发展，线性图标也呈现出了多姿多彩的样式风格。

第一类：简易线性

简易线性图标是指用尽量少的线条去描述图标所要表达的意义，适合用于元素简单、仅凭轮廓就能感知物体意义的图形及图标整体尺寸有限制。

比如上图所示图标，4个图标分别代表了 主页、赚钱、购物车、我的，图形简单并没有过多的元素修饰点缀，但从图标的轮廓就能比较清晰的体会所要传达的意义。

为了使简单线性图标具有更多的个性，通常我们会采用粗线条、细线条等多种方式去描述。如图所示，3像素图标给人一种中规中矩的感受，比如想要使图标具有精致纤细的特性，可以采用2像素甚至1像素的线条去描绘。

第二类：复杂线性

复杂线性图标是指通过增加图标的某些局部细节，使图标更具层次性和个性，适用于图标整体尺寸较大，限制较小的情况。

如上图所示，4个图标相比简单线性图标增加了些许细节，使图标更加生动及有趣，采用了3像素轮廓加2像素内部细节的绘图方式。

一般来说，复杂线性图标要求图标有更多的细节，我们会采用 断点、粗细线条结合等多种方式去描绘。断点类型图标的方法花瓣网上比比皆是，之前在我的《图标该如何设计中》也提到过如何绘制，传送门：http://www.ui.cn/detail/64709.html （在这里就不再叙述），粗细线条结合的方式也是同样。

第三类：插画类线性

插画类线性图标是指通过增加图标的点阵，使图标看上去有类似喷绘的效果。

如上图所示，4个图标增加了圆点组合而成的点阵，看上去增加了一些类似喷绘的效果，当然，也可以尝试做更多的细节，这里只做简单的展示用途。

插画类线性图标使图标具备了更与众不同的个性，可以尝试更多的细节去使图标展现的层次更丰富，也可以更好地区别于导航位置的图标，使页面中的图标样式不重复，视觉上有区分不疲劳。图标尺寸要求稍大一些，才能使用户能注意到图标中的细节。比如，个人中心页面，出去页面中导航位置的图标，页面中的图标采用这种画法，也是十分有效的。

第四类：轮廓类线性图标

轮廓类线性图标，是指通过对图标轮廓的粗线条描绘或描边，使图形轮廓显而易见，再辅以些许细节和底色，使图标轮廓清晰图形易于理解。这类图标，之所以区别于色块图标，我想，是因为轮廓使用了清晰的线条，形成了自己独有的个性。往往，这类图标看似非常可爱和卡通，能够起到调节页面氛围的作用。

如上图所示，4个图标采用了粗线条，对外轮廓进行描绘，再辅以细节及填充颜色，图标看上去很Q

当然，此类图标同样，可以增加更多的局部细节来使图标更加具备个性，但是细节不宜过多，尽量保持外部轮廓线条的独立性和完整性。外部轮廓是此类图标的一个明显特征。

最后，我们来欣赏下几组不错的图标，简单线性、复杂线性、插画类线性、轮廓类线性。

以上几幅图标作品，从花瓣及UI中国上采集而来，并非本人作品。

最后需要仔细思考的是，无论你打算采用何种线性图标的画法，都需要确定图标在页面中的尺寸及定位，复杂的线性图标更适合于在较大尺寸的图标画布上进行设计，也需要考虑在界面中，用户的感知与反馈才是对图标设计最好的向导。简单的图形图标能让用户便于记忆，复杂的图形图标能让用户产生乐趣，但事事并非一概而论，如何设计出出彩的图标，只有在不断的摸索中才能找到最好的方法。