图标是界面中最重要的组件之一,主要起到导识的作用。由于图标所承载的信息比较大,且要求设计出来的视觉效果美观,因此图标设计一定要具有识别性高、便于记忆和预知性等功能。在界面设计中,图标主要分为像素图标、拟物化图标、扁平化图标、线性图标和立体图标。
图标创意
无论是软件标识类图标还是功能标识类图标,都需要讲究“创意”。当设计师拿到一个图标项目时,可以从卡通形象化、关键词图形化和字体直观化3个方向来思考创意点,但是每个创意方向都应该遵循简洁性和易识别性两大基本原则。优秀的图标设计不仅拥有自己的特色,而且能清晰地表现出信息内容,以最简洁的图形体现最明确的主题。
卡通形象化大多数产品都会为自己打造一个卡通形象,通过角色的表现来让用户记住自己的产品。例如我们一看到企鹅图标就会想到QQ,看到黑猫与红背景的组合就会想到天猫,看到黄色的狮子就会想到苏宁,如图所示。



关键词图形化
利用功能关键词设计一个能体现产品的图标,是图标设计中一个非常重要的创意点。这种类型的图标在设计时需要注意简洁性与造型的独特性,不要过多的添加细节,因为如果图形过于复杂,用在小尺寸的场景中可能会无法看清楚。我们可以看到微信、QQ音乐和陌陌的图标设计都是很简洁的,但每个轮廓、每个弧度和每个转角都进行了精细地打磨,最终才得到了让大众认可的图标,如图所示。



字体直观化
专注于产品名称的打造,利用名称中的关键字进行设计是图标设计中的又一大创意点。因为将文字直接设计成图标是独一无二的,既直接明了,又令人印象深刻。有很多产品会用英文首字母或中文名称中的第一个字来设计主图标,当大家看到这样的图标时,立马就能识别出这是哪个App,如图所示。



案例分析
无论设计什么图标,选择适合品牌本身特点的创意尤为重要。图标的设计不仅要注意图形的简洁性,还要注意颜色的使用,一般情况下最好只用1~2种主色调。功能性图标最重要的设计原则就是识别性,易识别的图标才能让用户记住。下面以一个汽车加油的图标设计为例来介绍一下从关键字当中寻找到合适的创意表现方式。这个项目的名称叫“车到加油”。拿到该这个项目的时候,首先想到的就是一款加油服务的软件,然后就是对产品关键词进行提取。经过思考,我想出的关键词有加油、车、服务、油箱和仪表等,如图所示。

使用以上关键词通过视觉设计表达出来,然后对设计进行筛选,定出了3个大的方向,如图所示。经过最终的筛选,其中第一个设计定为了最终的设计稿,因为这个图标体现了汽车加油的一个过程,从图标就很容易识别出来。

这款图标的创意点来源于我小时候玩过的“铁青蛙”,为铁青蛙上发条就相当于为汽车加油,如图所示。这个设计既让用户感受到了趣味性,同时又让产品具有了独特的气质。另外,在图形的设计上我减少了多余而琐碎的元素,让整个图标足够醒目了然,主色调也只是使用了能体现加油站特色的红色,因为这是历史传承下来的颜色,用户认知度是最高的。

设计灵感来源
好啦!今天就分享到这里!
我们明天不见不散!
MICU设计(micudesign)