Iconography

图标就是一个直观的小图片,它可以代表一个操作、一种状态或者一个应用本身。

启动图标 - Launcher

启动图标在“主屏幕”和“所有应用”中代表您的应用。因为用户可以设置“主屏幕”的壁纸,所以要确保您的启动图标在任何背景上都清晰可见。

大小和缩放

QQ截图20130111163608.png移动设备上的启动图标大小必须是 48x48 dp。

QQ截图20130111164601.png在 Google 市场 (Market) 中显示的启动图标必须是 512x512 像素。

内容

QQ截图20130111164829.png 不要留白, 48x48 dp

样式

轮廓和阴影如图所示。三维的正面视图,看起来稍微有点从上往下的俯视效果,使用户能看到一些景深。

操作栏 - Action Bar

操作栏图标是一个图像按钮,用来表示用户在应用中可以执行的重要操作。使用简洁明了的图画代表将要执行的操作,让用户一目了然。

使用 Android 图标来表示一些通用操作,例如“刷新”和“分享”。下面的链接提供了一个图标包,其中包括多种屏幕分辨率,以及对应浅色和深色的 Holo 主题的图标。包中还有没有样式化的图标,可以自由修改和您自己的主题搭配,并且提供了 Adobe® Illustrator® 源文件,供您做进一步修改。

下载 Android 操作栏图标包

大小和缩放

QQ截图20130111165119.png 图标应当是 32x32 dp。

内容区域

QQ截图20130111165212.png 整体大小是 32x32 dp

实际内容 24x24 dp

样式

形象化,平面,不要小细节,搭配使用平滑和尖锐的轮廓。如果图画是长瘦型的,将它转45度角再填满内容区。线的宽度不应低于2 dp

颜色

颜色: #333333

可用: 60% 的透明度

禁用: 30% 的透明度

颜色: #FFFFFF

可用: 80% 的透明度

禁用: 30% 的透明度

小图标和上下文图标 - Small / Contextual Icons

在您应用的主体区域中,使用小图标表示操作或者特定的状态。例如在 Gmail 应用中,每条信息都有一个星型图标用来标记“重要”。

大小和缩放

QQ截图20130111165346.png 小图标应当是 16x16 dp。

内容区域

QQ截图20130111165455.png 整体大小是 16x16 dp

实际内容 12x12 dp

样式

灰色为主、平面和简单。最好使用填充图标而不是细线条勾勒。使用简单直观的图画,让用户容易理解图标的目的。

颜色

在特殊情况下使用非灰色的图标。例如在 Gmail 应用中,就使用了黄色的星型图标表示重要的信息。如果图标是可点击的,使用和背景形成对比的颜色。

通知栏图标 - Notification Icons

如果您的应用使用通知系统,您需要给系统提供一个图标。每当有一条新的通知时,它就会显示在状态栏上。

大小和缩放

QQ截图20130111165546.png  通知栏图标大小必须是 24x24 dp。

内容区域

QQ截图20130111165856.png  整体大小是 24x24 dp

实际内容 22x22 dp

样式

使用简单、平面的图标,应当和您应用的启动图标视觉上相似。

颜色

通知单图标必须是纯白色的,注意系统可能会缩放或加深您的图标。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值