2.2.5 Android图标规范

在Android中，图标规范可以根据Material Design设计语言分成应用图标和系统图标两个方面。

1. 应用图标

应用图标的概念：应用图标即产品图标，是品牌和产品的视觉表达，主要出现在主屏幕上，如图2-36所示。

图2-36 Android系统中各类应用图标

应用图标的设计：创建应用图标时，应以320dpi分辨率中的48dp尺寸为基准。Material Design语言提供了4种不同的图标形状供UI设计师参考，以保持视觉平衡，如图2-37所示。

图2-37 Material Design官网提供的4类图标内部结构线

应用图标的适配：应用图标的尺寸应根据不同设备的分辨率进行适配，如图2-38所示。当应用图标应用于Google Play中时，其尺寸是512px×512px。

图2-38 Android系统中不同设备应用图标的尺寸

2. 系统图标

系统图标的概念：系统图标即界面中的功能图标，通过简洁、现代的图形表达一些常见功能。Material Design提供了一套完整的系统图标，如图2-39所示，同时设计师也可以根据产品的调性进行自定义设计。

图2-39 Material Design官网提供的完整的系统图标

系统图标的设计：创建系统图标时，以320dpi分辨率中的24dp尺寸为基准。图标应该留出一定的边距，如图2-40所示，以保证不同面积的图标有协调一致的视觉效果。

图2-40 系统图标的设计

Material Design语言提供了4种不同的图标形状供UI设计师参考，以保持视觉平衡，如图2-41所示。

图2-41 Material Design官网提供的4类图标内部结构线

设计时为保证图标清晰，需将软件中X坐标和Y坐标设为整数，而不是小数，将图标“放在像素上”，如图2-42所示。

图2-42 正确示例（左）与错误示例（右）

系统图标由❶描边末端、❷圆角、❸反白区域、❹描边、❺内部角、❻边界区域6部分组成，如图2-43所示。

图2-43 系统图标

边角：边角半径默认为2dp。内角应该是方形而不要使用圆形，圆角建议使用2dp，如图2-44所示。

图2-44 边角半径为2dp的图标解析图

描边：系统图标使用2dp的描边以保持图标的一致性，如图2-45所示。

图2-45 描边为2dp的图标解析图

描边末端：描边末端应该是直线并带有角度，留白区域的描边粗细也应该是2dp。描边如果是倾斜45°，那么末端应该也以倾斜45°为结束，如图2-46所示。

图2-46 描边末端为2dp的图标解析图

视觉校正：如果系统图标需要设计复杂的细节，则可以进行细微的调整以提高其清晰度，如图2-47所示。

图2-47 复杂图标的视觉校正解析图

系统图标的适配：系统图标的尺寸应根据不同设备的分辨率进行适配，如图2-48所示。

图2-48 系统图标的适配

上一章目录下一章