返回《iOS Human Interface Guidelines译文》

程序图标

用户会把程序图标放在桌面上, 按下它可以启动程序。 这应该是品牌宣传和视觉设计的完美结合,形成紧密结合的、高度可辨的、颇具吸引力的画作。每一个程序都需要程序图标。

这个图标也会被用在 Game Center 中。

试图在捕获眼球与表意间寻求平衡,以便它能漂亮、真实,并能清楚地传达程序的本质目标。调查一下来自不同文化的用户如何看待你的图片和配色也会很有意思。

为不同的设备创建不同尺寸的程序图标。如果你的程序要适用于所有设备,你需要提供三种尺寸的图标。

为 iPhone 和 iTouch:

♦ 57×57

♦ 114×114(高分辨率)

为 iPad:

♦ 72×72

当在桌面上显示你的图标时,会自动添加以下效果:

♦ 圆角

♦ 投影

♦ 高光(除非手动禁用)

例如,普通的 57×57 图标是这样的:

放到桌面上后会变成这个样子:

为确保你的图标与 iOS 提供的加强效果相配,你的图标应当:

♦ 有 90 度角

♦ 没有高光效果

♦ 不使用透明层

程序图标的背景要清晰可见。 因为 iOS 自动加了圆角, 所以在桌面上的图标要有清晰可见的背景才好看。iOS 加的效果可以保证桌面上的图标有统一的外观,并让用户有按的欲望。如果你的图标没有可见的背景,那么当它出现在桌面上时就看不到圆角。这样的图标看起来不能点击,与用户对桌面图标的期待不一致。

确保你的图片填满了规定区域。如果图标小于推荐的尺寸,或者使用了透明层,它看起来就会像是漂在有圆角的黑色背景上。

例如,程序提供的图标可能有透明层,就像最左侧这颗星星。当 iOS 把它展示到桌面上时,它看起来就像中间这颗(没有高光效果)或者右边这颗(有高光效果) 。

在设置了背景图片的桌面上,漂在黑色背景上图标看起来尤其没有吸引力。

为 App Store 做一个 512×512 像素版本的图标。这张图片需要能被立刻识别成你的程序图标,可以拥有更丰富的细节。这个版本的图标不会被附加任何视觉效果。

如果你正在开发 ad-hoc 程序(不通过 App Store 发布,只在 in-house 里展示) ,同样需要提供 512×512 像素的程序图标。在 iTunes 里也会呈现这个图标。

iOS 也会在其他地方用到这个图标。例如,在 iPad 程序中,如果没有提供文档图标的话,iOS 会用这个版本的大图标自动生成。