返回《iOS Human Interface Guidelines译文》

导航栏、工具栏和 tab 栏上用的图标

首先, 你应该尽可能的使用系统提供的按钮和图标来代表标准任务。 完整版本的标准按钮和图标以及使用指南可以详见"系统提供的按钮和图标"

当然,不是每一个任务都是标准的。如果你的程序包含用户经常要执行的任务,就需要创建用于导航栏和工具栏的定制图标来代表这些任务。 相似地, 如果你的程序用 tab 栏在不同的定制内容和定制模式间切换,就需要为 tab 栏定制图标。

在绘制图标之前,你需要花些时间考虑一些这些图标想表达什么。当你思考时,要让你的图标能够:

简单而富有流线感。太多的细节会让图标显得笨拙,难以辨认

不容易和系统提供的图标搞混。用户应该能一眼把你的图标和标准图标分开。

易懂,容易被接受。要让你的图标能够被大多数用户理解,不会有用户抵触它。

避免使用和苹果产品重复的的图片。这些图片都是由产权保护,并且会经常变动。

在思考图标外观的时候,最好依照如下指南:

♦ 纯白色要有合适的透明度

♦ 不要包含投影效果

♦ 使用抗锯齿

♦ 如果要添加斜面效果,确保光源放在正上方。

工具栏和导航栏上的图标尺寸应如下所示:

对于 iPhoe 和 iPod:

♦ 大概 20×20 像素

♦ 大概 40×40 像素(高分辨率版本)

对于 iPad:

♦ 大概 20×20 像素

tab 栏上的图标尺寸应如下所示:

对于 iPhoe 和 iPod:

♦ 大概 30×30 像素

♦ 大概 60×60 像素(高分辨率版本)

对于 iPad:

♦ 大概 30×30 像素

不要为你的图标提供选中态或按压态。iOS 会为导航栏、工具栏和 tab 栏的图标自动生成这些状态,所以就不用劳神了。因为这些效果是自动叠加的,所以也没法定制。

要让所有图标看起来一样重。要在所有图表间平衡尺寸、细节丰富度以及实心部分。一般而言,把大的小的、细致的粗糙的、空的实的图标混在一个栏上很不好看。