Skip to content

Latest commit

 

History

History
69 lines (44 loc) · 3.28 KB

icons.md

File metadata and controls

69 lines (44 loc) · 3.28 KB
layout title permalink
page
图标
icons.html

图标

系统图标

定义

系统图标或者UI界面中的图标都象征着命令,文件,设备或者目录.系统图标也被用来表示一些常见功能,比如清空垃圾桶,打印或者保存.

系统图标的设计要简洁友好,有潮流感,有时候也可以设计的古怪幽默一点.要把很多含义精简到一个很简化的图标上表达出来,当然要保证在这么小的尺寸下,图标的意义仍然是清晰易懂的。

SystemIcons icon

设计原则

展示一些黑体的几何形状.

一个只使用简洁的黑体图形在采用对称一致的设计时,一样能够拥有独一无二的品质。

DesignPrinciples1 icon
DesignPrinciples2 icon
DesignPrinciples3 icon
DesignPrinciples4 icon

网格, 比例和大小

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

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

圆角

正方形和矩形都应该添加一个圆角.有圆角的正方形和矩形的会展现凸凹感.所有的可触摸图标都有圆角.

RoundCorners1 icon
RoundCorners2 icon
RoundCorners3 icon
RoundCorners4 icon

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

RoundCorners5 icon
RoundCorners6 icon

一致性

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

Consistency1 icon
Consistency2 icon

应用中的图标

以网格的形式放置在一个固定大小(24dps)的区域的图标。

IconsinApplication1 icon
IconsinApplication2 icon