Photoshop CC移动UI图标设计实用教程
上QQ阅读APP看书,第一时间看更新

1.2 图标的分类

图标可以分成很多类别,这里根据图标的使用用途,我们将图标分为3大类:品牌图标、功能图标和装饰图标,下面来分别详述这3类图标的特点。

1.2.1 品牌图标

品牌图标可以理解为一个公司的形象图标,专业叫LOGO图标。以前没有智能系统时,在平面设计中通常以LOGO表现,只不过现在换了一种表现手法。这种图标可以起到产品或公司的推广作用,通过形象的图形设计让用户记住产品,一般成名的大公司或比较老的公司已经存在原有的平面LOGO系统,转换到智能系统的图标上就比较容易,只需要将LOGO做成图标即可,不过需要注意场景的协调性与多尺寸的设计。

图1.9所示为美丽拍应用图标在常规场景应用与深色背景、单色应用、纯色应用和黑白应用时的效果展示。

图1.9 美丽拍图标的不同应用效果

在制作一系列品牌图标时,设计的难度会成倍增加,此时你考虑的不再是一个品牌图标,而是一个品牌矩阵。因为系列品牌图标,从设计到配色、从形状到风格都需要具有较高的一致性,这样用户才可以一眼认出某个旗下的品牌,如图1.10所示。

图1.10 Adobe色轮产品识别体系

1.2.2 功能图标

功能图标指具有某一类功能或操作集合的图标图形,一般在一个界面或一个软件或一个应用中成组地出现,相比单调的文字,图标具有更快速的识别性、更便捷的操作功能,比较常见的如操作系统中的功能图标,如图1.11所示。

图1.11 功能图标

随着苹果公司扁平化的普及,越来越多的公司跟随其设计风格,推出简单明了的扁平化风格图标,如图1.12所示。

图1.12 扁平化应用图标

1.2.3 装饰图标

装饰图标主要是用来起到装饰作用的图标,一般设计精良,多采用写实质感手法进行设计,因为其细节的突出,往往更能吸引用户的注目,可以烘托整个界面的美化效果,可作为应用界面中相关功能的装饰应用,或是应用中某个功能的图标。但这种图标识别性较差,单从图标有时候很难明白所要表达的意思,所以主要用来装饰使用,不建议作为品牌图标,如图1.13所示。

图1.13 装饰图标