返回首页 iOS 8 人机交互指南

UI 设计基础

设计策略

iOS 技术

UI 元素

图形设计

应用图标

每个应用都需要一个漂亮的放在 App Store 和 主屏幕上的图标,这个图标最好是能吸引人,便于用户记忆。在游戏中心、搜索结果、设置等位置以及用以表示由应用产生的文件上,iOS 使用的是不同版本的应用图标。

为了呈现最优效果,请一个专业的图形设计师帮助你设计

一个经验丰富的图形设计师可以帮助你为你的应用开发一套完整的视觉效果,包含应用中所有的图标和图片。

尽可能使用用户容易辨识的基本图形

通常情况下,在设计应用的图标时应该避免使用二级概念或是过于晦涩的隐喻。例如,邮件应用的图标应该使用一个信封,而不是传统的邮筒、邮差包或是邮局的标志。

简约至上

一般来说,设计应用图标时不会将太多的图片元素全都放进图标中,你应该找出一个最能捕捉你的应用的精髓的元素,将这个元素以一种简单而又特别的形状呈现出来。在为图标添加细节时,你需要非常小心,如果一个应用图标的内容或形状过于复杂,那么多余的细节只会更加难以理解,并且当图标以更小的尺寸呈现时,这些细节会变得模糊不清。

小技巧
如果你想要测试应用图标在小尺寸时的效果,你可以将它拖进主屏幕中的某一个文件夹中。或者你可以将多个应用拖入同一个文件夹中(包括你的应用),测试你的应用图标是否有良好的效果,是否仍然易于辨认。

为应用的核心思想创建一个抽象的表达

在应用图标中使用照片或屏幕截图不会有很好的效果,因为照片的细节在小尺寸的情况下会变得极难辨认。通常来说,通过一些艺术手法来表达现实会更加有效,在这种方式下,你可以着重强调那些你希望用户特别注意的方面。

如果想使用现实元素,一定要非常精准

使用一些真实的元素来创建图标时,一定要非常精准地表现出这些物质的特性,如若使用纤维、玻璃、纸或金属,那么一定要表现出他们的厚重感和真实感。

确保图标在不同的背景下都能有很好的效果

不要仅仅在一个亮的背景或一个暗的背景下测试你的图标的效果,因为你无法预知用户会使用什么样的桌面壁纸。

避免使用透明的效果

应用图标应该是不透明的,如果图标的边缘比建议的尺寸要小,或者你使用了透明效果来表达一些通透的区域,在暗的背景下,这个图标看起来就像是悬浮着的,但如果是在用户选择的其他壁纸下,这个图标就会看起来非常的难以识别。

不要使用 iOS 的界面元素

使用 iOS 的界面元素会让用户感到混乱,无法区分你的应用图标和 iOS 的界面。

不要使用 Apple 产品的复制元素

Apple 产品的标志都是具有版权的,不允许在你的图标或图片中被重设计使用。实际上,不仅仅是 Aplle 的产品,最好也不要使用一些其他设备的标志,由于这些标志的设计会频繁地更新,因此基于它们而设计的图标很快就会显得过时。

不要在你的界面中使用 iOS 的应用图标

当同样的图标在系统的多处位置表达不同的意思时,用户通常会感到非常困惑。

除了在 App Store 的图标(可称之为 iTunesArtwork)以外,你可以任意命名你的图标。只要你使用了 CFBundleIcons 的关键要点来命名图标,并且为所有的高分辨率的图标名字添加了 @2x 后缀,iOS 就能够自动判别出每种情况所合适的尺寸,选择对应尺寸的图标。查阅应用图标学习更多有关图标命名的知识。

为不同设备创建不同尺寸的应用图标

你需要确保你的应用图标在所有你的应用所支持的设备商都能有很好的显示效果。查看表 41-1 查阅在不同设备上的尺寸信息。

iOS 的任意一种设备在主屏幕呈现应用图标时,都会自动为图标增加一个圆角遮罩。为了确保你的图标在增加了遮罩后仍然呈现较好的效果,你的图标的边缘必须是直角的,例如:

一个未添加遮罩的 120 x 120 像素的图标

一个添加了遮罩的 120 x 120 像素的图标

在 App Store 中的图标创建一个大尺寸的版本

虽然这个版本的图标可以让你的应用图标被迅速地识别出来,它可以是更加细腻,有更多细节的,但在这个版本中,请不要添加任何视觉效果。

如表 41-1 所示,大尺寸的应用图标应为 1024 x 1024 像素,命名格式为 iTunesArtwork@2x。(如果你需要支持一些 @1x 的设备,那么创建一个 512 x 512 像素大小的版本,命名格式为 iTunesArtwork。)

注意
iOS 会在其他一些地方使用大尺寸的图片,比如对于 iPad 上的应用,iOS 会使用大尺寸的图片来生成文件图标。

如果你开发了一个用于 ad-hoc (仅仅在机构内部使用,并不会发布到 App Store 上)的应用,你同样也必须提供大尺寸的应用图标,这个图标会在 iTunes 中标识你的应用。

文件图标

如果你的 iOS 应用以一种自定义的样式创建文件,而你希望用户能够迅速辨认出这些文件的话,你不需要为此特意设计一个自定义的图标来表示文件,因为 iOS 会使用你的应用图标来为文件创建图标。

Spotlight 及设置中的图标

为了让应用正确地被显示在 Spotlight 的搜索记过中,每一个应用都必须提供一个小图标。同样,应用在系统设置中也是使用小图标来标识。

要想让你的应用在搜索结果的应用列表或是系统设置的应用列表中被快速地辨认出,那么应用的图标就必须能够清晰明确地标识你的应用。比如图中这些 iOS 内置的应用图标虽然很小,但仍可以在系统设置中被很好的辨认出。

只要你使用了 CFBundleIcons 的关键要点来命名图标,并且为所有的高分辨率的图标名字添加了 @2x 后缀,你就可以任意命名你的图标,因为 iOS 能够自动判别出每种情况所合适的尺寸,选择对应尺寸的图标。查阅应用图标学习更多有关图标命名的知识。

对于所有设备都要为 Spotlight 搜索和系统设置提供单独的图标,否则 iOS 会直接压缩你的应用图标,放置在这些位置。

对于 iPhone,iPod touch 和 iPad 上的 Spotlight 搜索结果,提供以下两种尺寸的图标:

  • 80 x 80 像素
  • 40 x 40 像素(标准)

对于 iPhone,iPod touch 和 iPad 上的系统设置,提供以下两种尺寸的图标:

  • 58 x 58 像素
  • 29 x 29 像素(标准)

注意
即使你的图标以白色作为背景色,也不要在表面覆盖一层灰色来增加图标在系统设置中的可视性,为了让所有的应用图标在系统设置的白色背景下都能被良好呈现,iOS 自动为系统设置中的应用图标增加一个 1 像素的边框。

上一篇: 图标与图片尺寸 下一篇: 启动画面