iPhone应用程序的用户界面向来以其精美的图像和丰富的色彩著称。作为应用程序的设计者,您需要提供一个美观的用户界面以融入这样的整体风格。虽然iPhone OS提供了大量精美的用户界面元素,但是每个应用程序仍然需要两个自定义元素:应用程序图标和启动图像。此外,应用程序还应该为iPhone OS提供用于显示在Spotlight搜索结果中的小图标。

有些应用程序需要自定义图标,用于在导航栏,工具栏和标签栏中表示应用程序的特定功能和模式。遵循创建这些图标的准则,您就可以设计出既与内置图标相称,又能巧妙地突显您应用程序风格的图标和图像。


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

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

 



应用程序图标

应用程序图标是用户会放置在其主屏幕上的图标,点击该图标可以启动应用程序。在这里您可以将品牌宣传和强烈的视觉效果结合起来,使其简洁,易辨认且引人注目。

用户可以选择想要在主屏幕上显示的应用程序图标,因此您应该设计一个这样的图标:


具有吸引力的,以至于用户觉得应该将它留在主屏幕上


独特的,以便用户可以很容易地在众多的图标中找到它


尽量使您的图标在吸引眼球和表意清晰之间找到平衡点,这样可以使图标既丰富,漂亮,又能传达应用程序的本意。此外,调查一下具有不同文化背景的人们会对您选择的图像和颜色产生哪些不同的理解也是不错的办法。

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


圆角


阴影


反光


例如,图11-1显示了一个由应用程序提供的简单图标。


图 11-1  一个简单的应用程序图标,未显示在主屏幕之前的样子


图11-2显示了同一个图标被iPhone OS显示在主屏幕时的样子。


图 11-2  一个简单的应用程序图标,显示在主屏幕时的样子


在主屏幕上,具有清晰背景的应用程序图标看起来效果最佳。这主要是因为iPhone OS添加了圆角效果:统一的圆角效果使用户主屏幕上的所有图标都具有一致的可点击外观。如果您创建的图标具有黑色背景,当显示在主屏幕上时,它的背景会消失,用户就无法看到它的圆角效果。这样的图标往往让人觉得是无法点击的,会干扰到主屏幕的次序结构。

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


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


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


不要使用alpha透明度


将您的图标文件命名为
Icon.png
,并将它放在应用程序包的顶层。要了解更多与应用程序包的内容相关的信息,请参考iPhone应用程序编程指南中的“应用程序包”一节。


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

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

 


当您提交您的应用程序时,必须包含一个512 x 512像素版本的应用程序图标,用于在App Store中显示。虽然,让用户一眼就能认出这个版本的图标就是您的应用程序的图标非常重要,但这个版本的图标应该更华丽,更精细。换句话说,您不应该只是简单地放大应用程序图标,直接作为您为App Store创建的图标。

如果您正在开发一个私下发布的应用程序(即不通过App Store发布),您也必须提供一个512 x 512像素版本的应用程序图标。在这种情况下,将图标文件命名为
iTunesArtwork
(没有文件扩展名),并把它放在应用程序包的顶层。这个图标用于在iTunes中标识您的应用程序。

 


小图标

每个应用程序都应该提供一个小图标,当应用程序的名称与Spotlight搜索栏中的词条相匹配时,iPhone OS可以显示这个小图标。

具有设置功能的应用程序也应该提供这种小图标,用于在内置的设置应用程序中标识应用程序。

 

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


使用PNG格式。


尺寸约为29 x 29像素。


 

将您的图标文件命名为
Icon-Small.png
,并将它放在应用程序包的顶层。要了解更多与应用程序包的内容相关的信息,请参考iPhone应用程序编程指南中的“应用程序包”一节。


注意:如果您没有提供名为
Icon-Small.png
的图标,并且您的应用程序包中不包含早期版本的名为
Icon-Settings.png
的小图标的话,那么iPhone OS会将您的应用程序图标进行缩放,用于在搜索结果和设置应用程序中进行显示。

如果您的应用程序包中包含名为
Icon-Settings.png
的小图标,但是不包含名为
Icon-Small.png
的图标,那么iPhone OS会在搜索结果中显示设置图标。不过,您应该更新应用程序包,使其只包含
Icon-Small.png
文件。

 



启动图像

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

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


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


“关于”窗口


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


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

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


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


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


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


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


将您的启动图像命名为
Default.png
,并把它放在您的应用程序包的最顶层。要了解更多与应用程序包的内容相关的信息,请参考iPhone应用程序编程指南。

您可能觉得遵循这些准则会导致启动图像显得平淡无趣,然而,实际上正是这样。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。下面的例子向您展示了启动图像有多么简单。

第一个例子是内置设置应用程序的启动图像,如图11-3所示。设置应用程序的启动图像只显示了应用程序的背景,因为应用程序中的其他内容都无法保证是静态的。


图 11-3  设置应用程序的启动图像


另一个启动图像的例子源自内置股票应用程序,如图11-4所示。请注意,只有包含在启动图像中的图像才是静态的图像,它们在股票应用程序的正面视图中总是可见的。


图 11-4  股票应用程序的启动图像



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

如果可能的话,您应该在导航栏,工具栏和标签栏中使用系统提供的按钮和图标。iPhone OS提供了各式各样的标准按钮和图标,用户看到它们就会联想到内置应用程序所支持的标准任务和模式。如果您的应用程序支持一些标准功能(比如刷新内容区视图或删除一项),或者会显示不同的数据子集(比如联系人或书签),一定要使用系统提供的相应按钮或图标来表示它们。关于标准按钮和图标的完整列表,以及如何使用它们的指南,请参考“系统提供的按钮和图标”

当然,并不是应用程序所执行的每个任务都是一个标准功能。如果您的应用程序支持一些用户需要频繁执行的自定义任务,您需要创建自定义的图标,用于在工具栏或导航栏中代表这些任务。同样,如果您的应用程序显示了标签栏,允许用户在自定义的应用程序模式之间,或者自定义的数据子集之间进行切换,你需要设计自定义的标签栏图标,用于清晰地描述这些模式和子集。本节向您介绍如何设计出能够很好地用于导航栏,工具栏和标签栏的图标。

在您为图标创建美术图案之前,您需要花些时间想想该图标应该传达些什么信息。当您考虑设计的时候,请以这样的图标为目标:


简明扼要。太多的细节会使图标显得杂乱或是难以理解。


不会被误认为是系统提供的图标。用户应该能够一眼就将您的自定义图标与标准图标区分开。


易于理解且广为接受。请尽力创建一个能够被大多数用户正确理解,不会令任何用户反感的符号。


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


使用PNG格式。


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


不要添加阴影效果。


使用抗锯齿效果。


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


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

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


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

 

 


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


posted on 2011-05-25 16:59  一个人的天空@  阅读(2025)  评论(0编辑  收藏  举报