Page 125 - iOS人机界面指导手册
P. 125

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



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

                   当然,不是每一个任务都是标准的。如果你的程序包含用户经常要执行的任务,就需要创建
                   用于导航栏和工具栏的定制图标来代表这些任务。相似地,如果你的程序用 tab 栏在不同的
                   定制内容和定制模式间切换,就需要为 tab 栏定制图标。
                   在绘制图标之前,你需要花些时间考虑一些这些图标想表达什么。当你思考时,要让你的图
                   标能够:

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

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

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

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

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

                             纯白色要有合适的透明度

                             不要包含投影效果

                             使用抗锯齿

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

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

                             对于 iPhoe 和 iPod:

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

                             对于 iPad:

                             大概 20×20 像素

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

                             对于 iPhoe 和 iPod:

                             大概 30×30 像素

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

                             对于 iPad:

                             大概 30×30 像素
   120   121   122   123   124   125   126   127   128   129