Icon 图标

定义 / Definition

产品图标作为一个品牌下产品、服务和工具的一种视觉表现，能够简洁、显眼且友好地传递产品的核心理念与内涵。尽管每个产品图标看上去截然不同，但对于一个给定品牌，产品图标应在理念和实践中统一。

图标视觉面积大小规范

设计时要保持统一的视觉比例, 无论是规则的或者不规则的图形都可以由正方形、圆形、竖长方形、横长方形来表示, 拿48px的图标举例，其他尺寸可等比相应缩小：

图标规范画法

你的app中出现的图标都应该看起来属于同一种风格：它们看起来拥有同样的尺寸、细节精度以及视觉权重。

所有的icon都是由基本的矢量图形组成

单位及大小 / Units&Size

产品图标作为一个品牌下产品、服务和工具的一种视觉表现，能够简洁、显眼且友好地传递产品的核心理念与内涵。尽管每个产品图标看上去截然不同，但对于一个给定品牌，产品图标应在理念和实践中统一。

单位：dp

大小：单位值为网格最小值4，且大小能被4整除。16、24、32为较多使用的图标尺寸。

24dp为常用ICON，在列表中除向右箭头16外，均使用24的ICON。

图标的最小点击区域大小:≥44，若不能保证所有元素都是正方形，至少要满足W或H一边≥44。

图标使用样例／Sample

底部TABBAR

顶部操作栏

更多操作弹出菜单

图标状态／Condition

选中态

通常选中态是非选中态填充了颜色的样子（内部细节进行反色填充）。若有些图标在填充后会让人难以辨认，可以使用更重的描边来表示选中态。

点击态

透明度50%，如导航栏的icon。