![Photoshop CC移动UI图标设计实用教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/198/22692198/b_22692198.jpg)
1.2 图标的分类
图标可以分成很多类别,这里根据图标的使用用途,我们将图标分为3大类:品牌图标、功能图标和装饰图标,下面来分别详述这3类图标的特点。
1.2.1 品牌图标
品牌图标可以理解为一个公司的形象图标,专业叫LOGO图标。以前没有智能系统时,在平面设计中通常以LOGO表现,只不过现在换了一种表现手法。这种图标可以起到产品或公司的推广作用,通过形象的图形设计让用户记住产品,一般成名的大公司或比较老的公司已经存在原有的平面LOGO系统,转换到智能系统的图标上就比较容易,只需要将LOGO做成图标即可,不过需要注意场景的协调性与多尺寸的设计。
图1.9所示为美丽拍应用图标在常规场景应用与深色背景、单色应用、纯色应用和黑白应用时的效果展示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1738831333-C6qGmsrLFQq5mZimRuZUDqdCP9KgZN67-0-2bba6aebc59c7284dd508b4a0c94a2bd)
图1.9 美丽拍图标的不同应用效果
在制作一系列品牌图标时,设计的难度会成倍增加,此时你考虑的不再是一个品牌图标,而是一个品牌矩阵。因为系列品牌图标,从设计到配色、从形状到风格都需要具有较高的一致性,这样用户才可以一眼认出某个旗下的品牌,如图1.10所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0023_0003.jpg?sign=1738831333-lmqXZOOyiUBteEOfo0Y6h6AzvFeSHYei-0-41baf7c0dad0aeb9e61330e73a0cc9d3)
图1.10 Adobe色轮产品识别体系
1.2.2 功能图标
功能图标指具有某一类功能或操作集合的图标图形,一般在一个界面或一个软件或一个应用中成组地出现,相比单调的文字,图标具有更快速的识别性、更便捷的操作功能,比较常见的如操作系统中的功能图标,如图1.11所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0024_0001.jpg?sign=1738831333-6pzBprNVG9SqlJkmghNaUCRM11dCqqcF-0-3f1b33c7c6a48ef89fd5ea0a04bd65cd)
图1.11 功能图标
随着苹果公司扁平化的普及,越来越多的公司跟随其设计风格,推出简单明了的扁平化风格图标,如图1.12所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0024_0002.jpg?sign=1738831333-SJcGwwsrE8tQJal1ODxQ8LdVFXIrDgCy-0-ab42525ed2165ea96fc300f6498e1e59)
图1.12 扁平化应用图标
1.2.3 装饰图标
装饰图标主要是用来起到装饰作用的图标,一般设计精良,多采用写实质感手法进行设计,因为其细节的突出,往往更能吸引用户的注目,可以烘托整个界面的美化效果,可作为应用界面中相关功能的装饰应用,或是应用中某个功能的图标。但这种图标识别性较差,单从图标有时候很难明白所要表达的意思,所以主要用来装饰使用,不建议作为品牌图标,如图1.13所示。
![](https://epubservercos.yuewen.com/C0C885/11261884704991506/epubprivate/OEBPS/Images/figure_0024_0003.jpg?sign=1738831333-UyTnnHtDaCiOhqpl0Hv4vuASW3xlRdJG-0-8023aa8bb6f5bc9d5c4c3314058dacf3)
图1.13 装饰图标