![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_overview.png&size=0)
图标是一种工具,它为用户提供一个程序的某种功能的快捷方式;它也能显示程序的状态(如未读短信,未接电话)。
启动器
启动图标位于“主屏幕”或者“所有程序屏幕”,方便用户快速启动程序。因为用户会经常变换壁纸,所以在设计时需要确保这个图标能在任何的底色下清晰显示。总之,在任何情况下,你的图标都能够独树一帜,易于识别!
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_launcher_size.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_launcher_focal.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_launcher_style.png&size=0)
大小
-
用于移动设备上的启动图标必须是48 X 48 dp,便于用户阅读与触摸。
-
在谷歌市场(Google Play)上的图标必须是 512 X 512像素大小的。
比例
-
48x48 dp
风格
使用清晰的轮廓,类似投射的背影,设计出3D立体感,使用户感觉清晰,真实。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_launcher_example.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_launcher_example2.png&size=0)
动作栏(Action Bar)
动作栏是由一系列的代表程序功能的图示按钮组成的。这些图示式的按钮需要设计得比较简单易懂,使用户看一眼就大致能够了解它所代表的功能。
我们提供了一套已经制作好的图标库,里面包含有“刷新”、“分享”等常用的图标。它们适合用于系统的浅色主题与深色主题。同时,我们也提供了一套原始的、可以自行修改的图标库,此外还有适用于Adobe Illustrator的原始文件,可以进行专业级别的定制。
图标库下载链接:http://developer.android.com/downloads/design/Android_Design_Icons_20120814.zip
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_actionbar_size.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_actionbar_focal.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_actionbar_style.png&size=0)
大小
-
为移动设备设计的动作栏的图标应该是 32x32 dp.
比例
-
总占位, 32x32 dp
图标区域, 24x24 dp
风格
简洁,明了,弧形线条,边角锐利,如果图标较为单薄,则设计成45度角倾斜,合理利用了空间的同时,看起来也比较舒适。间隔与空白区域至少要有2dp大小。
图标的状态与颜色
颜色代码: #333333
处于激活: 60% 不透明
处于关闭: 30% 不透明
颜色代码: #FFFFFF
处于激活 : 80% 不透明
处于关闭 : 30% 不透明
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_actionbar_colors.png&size=0)
微型、上下文相关的图标
在程序的主体部分(例如列表、文本里面)中,用微型的图标、标识来显示特定的项目。例如,在Gmail这个程序里,每一个邮件旁边都有一个星型图标来表示:这是重要的邮件。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_small_size.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_small_focal.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_small_style.png&size=0)
大小
微型图标应该是16x16dp.
比例
-
总占位, 16x16 dp
图标区域, 12x12 dp
风格
更加简明的,线条式的图示。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_small_colors.png&size=0)
颜色
鲜明显眼的色彩,跟背景色形成对比以突出重要性。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_small_example.png&size=0)
通知栏图标
如果你的程序会发送消息到通知栏,那么提供一组图标来表示你想显示的内容。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_notification_size.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_notification_focal.png&size=0)
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_notification_style.png&size=0)
大小
通知图标应该是24x24 dp.
比例
-
总占位, 24x24 dp
图标区域, 22x22 dp
风格
简洁明了,高对比度。
颜色
通知图标应该是整体都是白色的。系统会根据需求缩小图标或者减淡其颜色。
![](http://p.qpimg.cn/cgi-bin/cgi_imgproxy?url=http%3A%2F%2Fdeveloper.android.com%2Fdesign%2Fmedia%2Ficonography_notification_example.png&size=0)
版权声明:英文原版版权由android.com所有,本中文翻译版版权由姚志浩所有,欢迎转载。