线（连续、断开）

常见的图标使用线的设计形式，线是连续的。为了追求设计形式感的不一样，图标设计中使用的线可以是断开的。例如ONE（图1-12）的底部标签栏图标，采用了断线风格。断开线后的图标设计很像我们小时候画的一笔简笔画。

（图1-12）断线图标

当你决定界面的图标使用断线风格的时候，那么这个断线就是你界面的独特设计语言，那么就需要把这个设计语言贯穿在整个界面中。界面内所有的图标都需要继续使用断线风格。例如ONE的标签栏使用了断线风格，个人中心的功能图标（图1-13）也继续使用了断线的设计风格。

（图1-13）ONE个人中心断线图标

圆角和直角设计

圆角：（直角或者圆角）

图标的线或者面转折的地方采用直接或者圆角直接影响图标的风格，直角的风格更加硬朗，充满了力量感，例如男衣邦（图1-14）的底部标签栏图标采用的全直角设计，彰显男士硬朗的风格。

（图1-14）直角图标

圆角的图标显得风格温润尔雅，例如好物（图1-15）的而圆角底部标签栏图标采用的小圆角设计，显得整体风格柔和，这与应用的定位非常符合。如果圆角非常大，会显得图标偏卡通感觉。需要注意的是使用圆角，那么每个圆角的弧度尽可能保持一致。

（图1-15）圆角图标

填色设计

填色：（单色、双色、多色）

图标面的填充方式最常见的是单色，颜色选择灰色或者品牌色。而双色和多色略少。双色图标可能是两种颜色，例如陌陌（图1-16）的个人中心页的功能图标采用了双色填充设计形式，颜色使用了邻近色搭配，这样颜色搭配柔和不突兀。

（图1-16）双色图标

多色的图标使用比较少，ENJOY（图1-17）的首页功能图标使用了三色搭配的设计形式。这三种颜色互为临近色。

（图1-17）多色图标

渐变设计

渐变（线性渐变、角度渐变）

图标面的填充方式如果选择渐变，可以有线性渐变和角度渐变两种方式。线性的渐变使用的比较多。例如优酷（图1-18）的个人中心页的功能图标，采用了线性渐变填充的方式。在使用线性渐变，我比较推崇微渐变方式，这样的设计风格柔和，也是当前非常流行的设计风格。

（图1-18）线性渐变图标

角度渐变填充，有一种强烈的棱角感，强调的是一种力量的感觉。适合游戏类类应用（图1-19），或者户外运用之类的应用。

图标的气质

每个App应该有自己独特的产品气质，比如金融商务工具类的应用肯定是应该严谨的，让人觉得这是一个值得信赖的工具。而社交类、图形类的应用应该给人轻松愉悦的感觉。而不是一个刻板保守的形象。这种气质是产品与身俱来的。这种气质应该融入界面和图标设计中。

气质1：活泼的气质

大多数应用都属于这个类型，比如常见的社交、娱乐、直播、美食，塑造都是积极向上的活泼感觉，所以图标都会采用圆角设计。

Same应用的品牌图形中的文字，是非常圆润的小写西文字母设计。字母的圆角非常大（图1-20），给人一种活泼动感的感觉。所以Same内的图标，也应该是符合这个品牌的气质的。那么应用的图标设计一定会选择圆角设计（图1-21）。

（图1-20）Same应用品牌的西文字母

（图1-21）Same应用的底部标题栏图标

气质2硬朗气质

一些格调应用或者偏男性的应用会刻意塑造一种不一样的棱角感。所以会采用直角设计。另外一些偏B类的商务工具应用也会采用直角设计，塑造一种严谨安全的感觉。

ENJOY的品牌图形使用了大写的西文字母设计（图1-22），从"E"和"N"这两个字母。我们可以看到字母折角处没有额外的圆角过渡，非常直接的转折过渡。所以这从品牌图形来看是非常硬朗的设计。那么在他的图标设计也应该延续这个硬朗的风格。所以ENJOY的底部标签栏图标（图1-23）采用了全直角设计，线与线的转折用了90度直角。

（图1-22）ENJOY应用品牌的西文字母