创建自定义图标和图像

注意: 图标和图像的标准比特深度是24位(其中,红色,绿色和蓝色各占8比特),外加8位的alpha通道。建议您使用PNG格式,因为它保留了颜色深度,并且内置支持ɑ通道。您可以使用预览应用程序产生最终的PNG文件。

您无须将颜色限定在Web安全色内。虽然您可以在为导航栏,工具栏和标签栏创建的图标中使用alpha透明度,但不要在应用程序图标中这么做。

 

应用程序图标

当用户决定在主屏幕上显示您的应用程序图标时,iPhone OS会自动为其添加一些视觉效果,以便该图标与内置图标保持一致。具体包括:

  • 圆角

  • 阴影

  • 反光

如果您创建的图标具有黑色背景,当显示在主屏幕上时,它的背景会消失,用户就无法看到它的圆角效果。这样的图标往往让人觉得是无法点击的,会干扰到主屏幕的次序结构。

 

为了确保您的图标可以充分利用iPhone OS所提供的视觉增强功能,建议您创建这样的PNG格式图像:

  • 尺寸为57x57像素,90度直角(如果图像使用了其它尺寸,iPhone OS会对其进行调整)

  • 不要使用光晕或者修饰效果

  • 不要使用alpha透明度 

注意:您也可以选择让iPhone OS不要为您的图标添加光晕效果。要做到这一点,您需要在应用程序的Info.plist文件(要了解该文件,请阅读iPhone应用程序编程指南中的“信息属性列表”一节)中添加UIPrerenderedIcon键。

无论您是否使用光晕效果,您的图标都应该采用57 x 57像素。

 

小图标

您的小图标应该能清晰地标识您的应用程序,以便用户可以在搜索结果列表中明确地识别出来。要做到这一点,您应该创建这样精简而吸引人的图标:

  • 使用PNG格式。

  • 尺寸约为29 x 29像素。

将您的图标文件命名为Icon-Small.png,并将它放在应用程序包的顶层。

 

启动图像

启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。

一定要强调的是,之所以提供启动图像,是为了改善用户体验,并是为了提供:

  • “应用程序进入体验”,比如启动动画

  • “关于”窗口

  • 品牌宣传元素,除非它们是您应用程序首屏幕的静态组成部分

由于用户可能会频繁,快速地在应用程序之间进行切换,因此,您应该尽一切努力将启动时间降到最短,而且您设计的启动图像应该尽量减轻用户等待的体验,而不是吸引用户的注意力。

要做到这一点,您应该设计这样的PNG格式的图像:

  • 尺寸为320 x 480像素。其中包含的状态栏区可以立即显示您选择的状态栏颜色,而不是等到您的应用程序启动完成后才显示。

  • 与应用程序的首屏幕相同,除了:

    • 文本。启动图像是静态的,因此您在其中显示的任何文本都不会本地化。

    • 可能动态改变的用户界面元素。不要包含在应用程序启动完成后看上去不同的元素,防止用户感觉到启动图像和应用程序首屏幕之间的闪动。

请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

 

导航栏,工具栏和标签栏的图标

如果可能的话,您应该在导航栏,工具栏和标签栏中使用系统提供的按钮和图标。

在您确定了图标的外观之后,请在创建时遵循以下准则:

  • 使用PNG格式。

  • 使用带有适当alpha透明度的纯白色。

  • 不要添加阴影效果。

  • 使用抗锯齿效果。

  • 如果您要添加斜边效果,请确保角度为90°(为了便于理解和操作,您可以想象在图标的顶部有一处光源)。

  • 对于工具栏和导航栏图标,尺寸应为20 x 20像素。

    对于标签栏图标,尺寸应为30 x 30像素的图标。

注意:您为工具栏,导航栏和标签栏提供的图标在您的应用程序中将用做创建图标的蒙板。没必要创建全彩色的图标。

iPhone OS自动为导航栏,工具栏和标签栏中的项目提供了被按下或被选中时的外观,因此您只需要提供图标的单个版本。由于这些视觉效果是自动呈现的,您无法改变它们的外观。

 

 

posted @ 2011-12-03 10:10  Piosa  阅读(310)  评论(0编辑  收藏  举报