Skip to content

Latest commit

 

History

History
82 lines (61 loc) · 3.43 KB

icons.md

File metadata and controls

82 lines (61 loc) · 3.43 KB

图标

===================

系统图标


### 定义

系统图标或者UI界面中的图标都象征着命令,文件,设备或者目录.系统图标也被用来表示一些常见功能,比如清空垃圾桶,打印或者保存. 系统图标的设计要简洁友好,有潮流感,有时候也可以设计的古怪幽默一点.要把很多含义精简到一个很简化的图标上表达出来,当然要保证在这么小的尺寸下,图标的意义仍然是清晰易懂的。


SystemIcons icon


### 设计原则

展示一些黑体的几何形状. 一个只使用简洁的黑体图形在采用对称一致的设计时,一样能够拥有独一无二的品质

DesignPrinciples1 icon DesignPrinciples2 icon DesignPrinciples3 icon DesignPrinciples4 icon


### 网格, 比例和大小

图标网格是由一些特定比例的图标组成的一个灵活的网格.图标由一些对齐网格的平面几何形状组成.具有特定尺寸以保证所有形状的平面几何形状有一致视觉感和比例 两组同样形状不同尺寸的图标供您在应用程序中使用:状态栏和上下文设置的图标(用于ActionBar)和桌面图标.


GridProportionSize1 icon GridProportionSize2 icon GridProportionSize3 icon GridProportionSize4 icon GridProportionSize5 icon GridProportionSize6 icon


### 圆角
正方形和矩形都应该添加一个圆角.有圆角的正方形和矩形的会展现凸凹感.所有的可触摸图标都有圆角. A play on round corner and sharp corners can be applied to square and rectangular shapes that have a protrusion or indentation. All stroked icons have sharp corners.

RoundCorners1 icon RoundCorners2 icon RoundCorners3 icon RoundCorners4 icon


每一个尺寸的系统图标都有一个不同的圆角来保证视觉的一致性

RoundCorners5 icon RoundCorners6 icon


### 一致性
一致性非常重要.尽可能的使用系统中提供的图标能保证不同应用间的一致.

Consistency1 icon Consistency2 icon


### 应用中的图标
以网格的形式放置在一个固定大小(24dps)的区域的图标.

IconsinApplication1 icon IconsinApplication2 icon