图标中的辅助图形，如何设计才有亮点？我总结了这5条实用经验

人人都是产品经理 10-02 123

前言：

目前兄弟们对“win7修改关联文件类型的图标”大致比较珍视，各位老铁们都需要了解一些“win7修改关联文件类型的图标”的相关文章。那么小编同时在网上搜集了一些关于“win7修改关联文件类型的图标””的相关文章，希望朋友们能喜欢，同学们快快来了解一下吧！

图标中的辅助图形一定程度上可以让图标的视觉表现力更强，并强化图标的细节和特点。那么作为设计师，要如何用好图标设计中的辅助图形？本篇文章里，作者总结了5条相关经验，不妨一起来看一下吧。

一、什么是图标辅助图形？

很多人知道品牌设计中有辅助图形的概念，辅助图形对于品牌识别体系非常重要，但其实在图标设计时，也会经常用到辅助图形。图标中的辅助图形，简单理解就是图标的装饰元素，它能让图标设计有更多的细节和特点，强化图标识别性，同时还能让图标更具视觉表现力。

举个例子，像下面这套图标中的浅色部分和噪点就是图标中的辅助图形，去掉这些辅助图形不大会影响图标的识别性，但增加这些辅助图形后，图标变得更有特点，更容易被记住。

二、如何用好图标辅助图形？

善用辅助图形为图标增强表现力是图标设计中的一个秘密武器，彩云在工作中总结了一些经验，大概有以下5点：

1. 尽量让辅助图形有意义

《简约至上》这本书中提到过一个删除原则：删除是将不必要的元素都剔除掉，直到不能再删除为止。那么在图标设计中，这一点尤为重要，因为图标本身就浓缩了大量的信息，所以要让用到的辅助图形有它存在的价值，不加多余的元素。

比如下面这个案例，容易看出其中的辅助图形是绿色部分。在图标中它们代表的是行动或者结果，作为事物主体的补充，可以理解为主语和宾语的关系。因为有了这样的辅助图形存在，强化了图标的识别性，这就能让图标增色不少。

下面这个案例是星球中一位同学的练习，整体来说还是不错的，但就辅助图形的使用上看就有些小问题了。淡黄色的辅助图形圆形跟主体图形没有太大的关联，也没有太多实际意义，可以理解为强行为了统一而统一。图标主体已经做了双色设计，增加这些圆形后让图标变得比较复杂且删除对图标意义的表达也没影响，所以这里的辅助图形的使用稍显多余。

2. 结合品牌色

在配色上，辅助图形还可以结合品牌色彩。用品牌色的主色作为主体颜色，辅助色作为辅助图形的颜色，或者直接用品牌主色调作为辅助图形的配色都可以作为图标设计的亮点。

品牌色的加入，能够让图标配色的使用找到立足的理由，马上就能加分。

比如大家经常在画图标的时候，图标主体通常以单色为主，但此时可以尝试加入以品牌色装饰元素作为点缀，立马就能提升图标细节。下面这个案例是爱奇艺的首页图标设计，能看出来它的辅助图形设计配色上是按品牌绿色来设计的。

3. 避免太过一致

在使用辅助图形的时候，尤其是对于多图标体系来说，完全一致的辅助图形就显得比较呆板，缺乏细节。再拿上面那个星球同学的练习来看，不看辅助图形的具体含义和复杂度，在整体上看起来也缺乏变化，圆形都在同一个位置，保持着同一个大小和颜色。

辅助图形的使用想要有更好的效果，尽量在一定的范围能多一些变化。

比如下面这个例子，虽然图形的位置和大小都一样，但在颜色上做了不同的变化，整体看来细节度还是不错的。

再比如下面这个案例，辅助图形的使用有丰富的变化，使得图标的细节满满。

另外值得注意的是，变化应该在一定的范围，不可以变化太大。

比如星球中另一位同学的练习，她在图标的底部用了浅色的蓝色填充作为辅助图形，但这3个之间的辅助图形差异太大，前面2个还能理解是一套，但对于第三个图标来说，辅助图形的比例明显大于前2个图标，显得不够统一。

而对于下面这组图标来说，蓝色的辅助图形的面积变化相对一致，显得更为统一。