1. 图标
图标分为:Launcher 图标(程序图标),ActionBar 图标(菜单图标),Contextual 图标(嵌入的小图标)以及Notification 图标(通知栏图标)。每种图标都有各自的设计准则。
不同设备的分辨率不同,同样大小的图标在不同设备中的像素不同,所以一个图标需要有多个像素数的版本,使用像素数描述图标大小很不方便。所以使用单位 dp 描述图标大小。dp(Density-independent Pixels)是设备无关的,所以不同设备上同样视觉大小的图标,像素数不同,dp相同。在设计中,最好先设计最大的图标,然后按比例缩小。ldpi不需要进行单独设计,系统可以通过缩小mdpi实现。
dp、设备分辨率和像素数的简易对应关系如下:
============ ====== =======================================================
图标类型 dp数目 像素数
============ ====== ==mdpi(1)===hdpi(1.5)===xhdpi(2)==xxhdpi(3)=xxxhdpi(4)=
Lanucher 48 48 72 96 144 192
ActionBar 32 32 48 64 96 128
Contextual 16 16 24 32 48 64
Notification 24 24 36 48 72 96
============ ====== =======================================================
1.1. Lanucher 图标
Lanucher 图标在程序中的大小必须是 48dp,在应用市场中的大小必须是512x512像素。图标占满所占空间。
要使用实边的轮廓,不允许半透明,风格是三维的正视图,略俯视以体现第三维度。但是要侧重于表现前部。
1.2. ActionBar 图标
ActionBar 图标在程序中的大小为32dp,并且要在4边留空各4dp,所以真正的有图像内容的大小为24dp。
要使用纯色(不一定是实色,可以半透明),要使用实边的轮廓。推荐的颜色是:
- 浅色背景下 - #333333,60% 透明度(正常)或 30% 透明度(不可用)
- 深色背景下 - #FFFFFF,60% 透明度(正常)或 30% 透明度(不可用)
1.3. Contextual 图标
Contextual 图标在程序中的大小为16dp,不需要留边。
要使用扁平化风格,要使用突出的色彩。
1.4. Notification 图标
Notification 图标在通知栏中出现,大小为24dp,不需要留边。
要使用扁平化风格,颜色使用纯白色(系统会进行调整)