比如星球中另一位同学的练习,她在图标的底部用了浅色的蓝色填充作为辅助图形,但这 3 个之间的辅助图形差异太大,前面 2 个还能理解是一套,但对于第三个图标来说,辅助图形的比例明显大于前 2 个图标,显得不够统一。
下面这个案例是星球中一位同学的练习,整体来说还是不错的,但就辅助图形的使用上看就有些小问题了。淡黄色的辅助图形圆形跟主体图形没有太大的关联,也没有太多实际意义,可以理解为强行为了统一而统一。图标主体已经做了双色设计,增加这些圆形后让图标变得比较复杂且删除对图标意义的表达也没影响,所以这里的辅助图形的使用稍显多余。
很多人知道品牌设计中有辅助图形的概念,辅助图形对于品牌识别体系非常重要,但其实在图标设计时,也会经常用到辅助图形。图标中的辅助图形,简单理解就是图标的装饰元素,它能让图标设计有更多的细节和特点,强化图标识别性,同时还能让图标更具视觉表现力。
比如下面的案例,图标主体特征一眼就能识别出来,辅助图形的加入并不会影响主次关系。
比如下面这个案例,容易看出其中的辅助图形是绿色部分。在图标中它们代表的是行动或者结果,作为事物主体的补充,可以理解为主语和宾语的关系。因为有了这样的辅助图形存在,强化了图标的识别性,这就能让图标增色不少。
彩云在工作中总结了一些经验,下面这个案例是爱奇艺的首页图标设计,大概有以下 5 点:能看出来它的辅助图形设计配色上是按品牌绿色来设计的。举个例子,立马就能提升图标细节。这是星球中一比如大家经常在画图标的时候,更容易被记住。
在配色上,辅助图形还可以结合品牌色彩。用品牌色的主色作为主体颜色,辅助色作为辅助图形的颜色,或者直接用品牌主色调作为辅助图形的配色都可以作为图标设计的亮点。
在使用辅助图形的时候,尤其是对于多图标体系来说,完全一致的辅助图形就显得比较呆板,缺乏细节。再拿上面那个星球同学的练习来看,不看辅助图形的具体含义和复杂度,在整体上看起来也缺乏变化,圆形都在同一个位置,保持着同一个大小和颜色。
图标中的辅助图形一定程度上可以让图标的视觉表现力更强,并强化图标的细节和特点。那么作为设计师,要如何用好图标设计中的辅助图形?本篇文章里,作者总结了 5 条相关经验,不妨一起来看一下吧。
《简约至上》这本书中提到过一个删除原则:删除是将不必要的元素都剔除掉,直到不能再删除为止。那么在图标设计中,这一点尤为重要,因为图标本身就浓缩了大量的信息,所以要让用到的辅助图形有它存在的价值,不加多余的元素。
比如下面这个例子,虽然图形的位置和大小都一样,但在颜色上做了不同的变化,整体看来细节度还是不错的。
但此时可以尝试加入以品牌色装饰元素作为点缀,去掉这些辅助图形不大会影响图标的识别性,图标变得更有特点,但增加这些辅助图形后,像下面这套图标中的浅色部分和噪点就是图标中的辅助图形,图标主体通常以单色为主,善用辅助图形为图标增强表现力是图标设计中的一个秘密武器。
星球中的一位同学做的练习,这里的辅助图形有些太过于抢眼,且盖在图标上面影响了一定的图标识别性。修改方向是如果能把辅助图形的玻璃质感做一个强化,增加一些透明度,把主体元素凸显出来就会好很多。
虽然使用图标辅助图形会让图标显得更加有特点,但也要分清主次,不应该超过图标本身的核心意义,不能太抢用户的注意力而影响识别性。