安卓开发 中文课程(10)-- 图标的大小、比例与风格

本文介绍了不同场景下图标的规范设计,包括启动图标、动作栏图标、微型图标及通知栏图标的设计原则,强调了图标的重要性及其在不同环境下的表现形式。

图标、图示  

图标是一种工具,它为用户提供一个程序的某种功能的快捷方式;它也能显示程序的状态(如未读短信,未接电话)。

启动器


启动图标位于“主屏幕”或者“所有程序屏幕”,方便用户快速启动程序。因为用户会经常变换壁纸,所以在设计时需要确保这个图标能在任何的底色下清晰显示。总之,在任何情况下,你的图标都能够独树一帜,易于识别!

         大小
  • 用于移动设备上的启动图标必须是48 X 48 dp,便于用户阅读与触摸。

  • 在谷歌市场(Google Play)上的图标必须是 512 X 512像素大小的。

比例
  • 48x48 dp

风格

使用清晰的轮廓,类似投射的背影,设计出3D立体感,使用户感觉清晰,真实。

 
 

动作栏(Action Bar)


动作栏是由一系列的代表程序功能的图示按钮组成的。这些图示式的按钮需要设计得比较简单易懂,使用户看一眼就大致能够了解它所代表的功能。

我们提供了一套已经制作好的图标库,里面包含有“刷新”、“分享”等常用的图标。它们适合用于系统的浅色主题与深色主题。同时,我们也提供了一套原始的、可以自行修改的图标库,此外还有适用于Adobe Illustrator的原始文件,可以进行专业级别的定制。

图标库下载链接:http://developer.android.com/downloads/design/Android_Design_Icons_20120814.zip

          大小
  • 为移动设备设计的动作栏的图标应该是 32x32 dp.

         比例
  • 总占位, 32x32 dp

    图标区域, 24x24 dp

风格

简洁,明了,弧形线条,边角锐利,如果图标较为单薄,则设计成45度角倾斜,合理利用了空间的同时,看起来也比较舒适。间隔与空白区域至少要有2dp大小。

图标的状态与颜色

颜色代码: #333333
处于激活: 60% 不透明
处于关闭: 30% 不透明

 

颜色代码: #FFFFFF
处于激活 : 80% 不透明
处于关闭 : 30% 不透明

 微型、上下文相关的图标


在程序的主体部分(例如列表、文本里面)中,用微型的图标、标识来显示特定的项目。例如,在Gmail这个程序里,每一个邮件旁边都有一个星型图标来表示:这是重要的邮件。

 大小
  
微型图标应该是
16x16dp.
             比例
  • 总占位, 16x16 dp

    图标区域, 12x12 dp

风格

更加简明的,线条式的图示。

 
颜色
鲜明显眼的色彩,跟背景色形成对比以突出重要性。 

通知栏图标


如果你的程序会发送消息到通知栏,那么提供一组图标来表示你想显示的内容。

大小

通知图标应该是
24x24 dp.
             比例
  • 总占位, 24x24 dp

    图标区域, 22x22 dp

风格

简洁明了,高对比度。

颜色

通知图标应该是整体都是白色的。系统会根据需求缩小图标或者减淡其颜色。




版权声明:英文原版版权由android.com所有,本中文翻译版版权由姚志浩所有,欢迎转载。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值