[Android]一些设计细节

1. 图标

图标分为:Launcher 图标(程序图标),ActionBar 图标(菜单图标),Contextual 图标(嵌入的小图标)以及Notification 图标(通知栏图标)。每种图标都有各自的设计准则。spa

不一样设备的分辨率不一样,一样大小的图标在不一样设备中的像素不一样,因此一个图标须要有多个像素数的版本,使用像素数描述图标大小很不方便。因此使用单位 dp 描述图标大小。dp(Density-independent Pixels)是设备无关的,因此不一样设备上一样视觉大小的图标,像素数不一样,dp相同。在设计中,最好先设计最大的图标,而后按比例缩小。ldpi不须要进行单独设计,系统能够经过缩小mdpi实现。设计

dp、设备分辨率和像素数的简易对应关系以下:blog

============ ====== =======================================================
  图标类型   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
============ ====== =======================================================
it

1.1. Lanucher 图标

Lanucher 图标在程序中的大小必须是 48dp,在应用市场中的大小必须是512x512像素。图标占满所占空间。io

要使用实边的轮廓,不容许半透明,风格是三维的正视图,略俯视以体现第三维度。可是要侧重于表现前部。程序

1.2. ActionBar 图标

ActionBar 图标在程序中的大小为32dp,而且要在4边留空各4dp,因此真正的有图像内容的大小为24dpim

要使用纯色(不必定是实色,能够半透明),要使用实边的轮廓。推荐的颜色是:img

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

1.3. Contextual 图标

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

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

1.4. Notification 图标

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

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

相关文章
相关标签/搜索