[Android]一些设计细节

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

要使用纯色(不一定是实色,可以半透明),要使用实边的轮廓。推荐的颜色是:

  • 浅色背景下 - #33333360% 透明度(正常)或 30% 透明度(不可用)
  • 深色背景下 - #FFFFFF60% 透明度(正常)或 30% 透明度(不可用)

1.3. Contextual 图标

Contextual 图标在程序中的大小为16dp,不需要留边。

要使用扁平化风格,要使用突出的色彩。

1.4. Notification 图标

Notification 图标在通知栏中出现,大小为24dp,不需要留边。

要使用扁平化风格,颜色使用纯白色(系统会进行调整)

posted @ 2014-07-25 08:10  斯啦丝拉  阅读(1386)  评论(0编辑  收藏  举报