iOS 7人机交互指南-Icon和Image设计-App Icon

iOS 7人机交互指南-App Icon 重要：这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核，但并非最终版本，仅供苹果开发者计划的注册会员使

“ ”

阅读器

iOS 7人机交互指南-Icon和Image设计-App Icon

 

重要：这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核，但并非最终版本，仅供苹果开发者计划的注册会员使用。苹果提供这份机要文档的目的，是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化，届时，你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。（其中一些重要变化，我们也会进行更新。译文如有纰漏，敬请指正。）

 

每个app都需要一个漂亮的，令人难忘的icon以吸引App Store中的用户，并在用户的主屏幕上脱颖而出。iOS可以在Game Center、搜索结果、设置以及app创建的文档中使用不同尺寸的icon。

App icon代表App Store中和主屏幕上的app。品牌化和强烈的视觉设计应该整合进一个简洁的、易识别的、吸引人的icon中。

 

为了获得最佳的效果，你可以招募一个专业的设计师。专业设计师可以帮你为app设计一个整体统一的视觉风格，并把这种风格应用在所有的icon和图片中。

 

使用易辨识的通用图像。通常，避免关注元素的次要方面或者模糊不清的一面。

 

追求简单。尤其要避免在icon中填塞多个不同图像。找到最能代表应用本质的单个元素。从最基本的图形出发，并谨慎添加细节信息。如果icon内容或者图像过于复杂，那么细节信息会令用户感到困惑，在小尺寸icon上展示更会模糊难以辨认。

 

通常，避免使用“greek”文字或者波浪线来提示文本。

 

考虑为app的核心思想赋予一个抽象解释。为idea创建一个极富艺术性的版本，或者创建一个真实对象，可以帮你强调你希望用户能注意到的方面。

 

避免在你的作品中使用iOS界面元素。你也不想用户把你的icon、图像与iOS UI弄混。

 

不要在你的作品中使用苹果硬件产品的复制品。这些代表苹果产品的符号标志是受版权保护的，不能重现在你的icon和图像中。通常，要避免在你的图片中使用任何特定设备的复制品，因为这些设计更改频繁，而基于这些设计的icon和图像很快会显得过时。

 

不要在界面中重复使用iOS app icon。在系统的多个地方使用相同的icon来表示稍有不同的事情，会让用户觉得困惑。

 

如果想描绘真实本体，你要做到十分精确。代表真实对象的icon或者图像应该看起来像是用真实材料做成，并有质感。逼真的icon精确地复制了实物的特征，比如玻璃、纸张以及金属等，并且能传递出对象的重量和感觉。

 

避免使用透明icon。图像中的透明有助于塑造玻璃或塑料风格，但在icon中使用透明的手法就有点棘手。总的来说，app icon应该是不透明的。

 

除了App Store icon（必须命名为iTunesArtwork）以外，你可以为icon起任何一个你喜欢的名字。如果你使用 CFBundleIcons键来声明icon名称，为高分辨率icon添加@2x后缀，iOS会根据icon的尺寸选择一个可用的icon。学习更多icon命名内容，可查看“iOS App Programming Guide”中“App Icons”一节。

 

为不同设备创建尺寸不同的icon。如果创建了通用的app，你需要提供四种尺寸的icon。

iPhone和iPod touch需要：

120 x 120 pixels

60 x 60 pixels (标准分辨率)

iPad需要：

152 x 152 pixels

76 x 76 pixels (标准分辨率)

 

当iOS在设备的主屏幕上展示icon时，系统会自动把icon拐角变得圆满。你要确保你的icon有90°的转角，这样icon经系统处理后会变得非常漂亮。

 

给icon提供一个可辨识的背景。如果icon有一个可见的背景，那么iOS的圆角设计会让icon在主屏幕上显得非常美观。当用户在主屏幕上查看应用时，如果icon的背景消失了，那么用户就看不到icon漂亮的圆角了，并且这些icon看起来也不再是可点击的，常常会妨碍主屏幕的有序对称，这不是用户欣赏的。

 

确保你的图片能完全填充所需的区域。如果图片边界小于推荐尺寸，或者你使用transparency创建透明区域，圆角icon就会浮在黑色的背景上。一个有着黑色背景的icon在自定义图片的主屏幕上看起来很不美观。

 

创建一个大尺寸的app icon，用以在App Store中展现。虽然这个大尺寸的icon能让人一眼就认出是你的app，但你也可以巧妙地让它更加丰富，更具细节。这个版本的icon不添加任何视觉效果。

针对App Store展示，你可以创建两个大尺寸的icon，以很好地适应所有设备：

1024 x 1024 pixels

512 x 512 pixels (标准分辨率)

要确定这两个icon版本分别为iTunesArtwork@2x和iTunesArtwork。

如果你是针对ad-hoc（内部使用，不通过App Store）分发开发app，你也必须提供大尺寸的icon，用以在iTunes中确认你的应用。

此外，大尺寸icon还可能有其他用处，比如一款iPad app中，iOS可以用它生成大的文档图标。

 

Document Icons

如果你的iOS app创建了自定义类型的文件，而你希望用户一眼就能识别出这些文件。你不需要为此专门设计自定义图标，因为iOS可以用你app icon创建文件icon。

 

Spotlight和Settings Icons

每个app还应提供一个小尺寸的icon，用以在Spotlight搜索中，和app名称一同展现。另外，提供设置选项的app也应该提供小尺寸的icon，以便在设置页面展示。这些icon应该清晰易辨，方便用户从设置列表中识别出你的app。

 

如果你使用CFBundleIcons键来声明icon的名称，并为高分辨率icon添加@2x名字后缀，你就可以为这些icon选择任何一个你喜欢的名字。由于iOS会根据图标尺寸是否合适来选择icon，所以你可以使用自定义名字。更多关于icon命名内容，可参考“iOS App Programming Guide”中“App Icons”这一章节。

 

你要针对所有设备提供，分别为Spotlight搜索，设置提供单独的icon。如果你没提供相应的icon，iOS会在这些地方使用自动缩小的icon。

针对iPhone、iPod touch以及iPad上的Spotlight搜索，你可以创建以下两种尺寸的icon：

80 x 80 pixels

40 x 40 pixels (标准分辨率)

针对iPhone、iPod touch以及iPad上的设置，你可以创建以下两种尺寸的icon：

58 x 58 pixels

29 x 29 pixels (standard resolution)

 

注意：如果icon背景是白色，那就不要为了提高icon在设置页面的能见度而添加灰色的覆盖图层。iOS会为icon添加1个像素的边框描边，所有的icon在设置页面白色背景上看起来都不错。