App Icon 应用程序图标
每个应用程序都需要一个漂亮的、令人难忘的图标,它会吸引应用商店的注意,并在主屏幕上脱颖而出。你的图标是第一次与你的应用程序进行交流的机会。它也会出现在整个系统中,比如在设置和搜索结果中。
Embrace simplicity.
拥抱简洁。
找到一个单一的元素,它抓住了你的应用程序的精华,并以一个简单的,独特的形状来表达这个元素。添加细节谨慎。如果一个图标的内容或形状过于复杂,细节很难辨别,尤其是小尺寸的。
Provide a single focus point.
提供一个单一的焦点。
设计一个以单一的、中心点为中心的图标,可以立即吸引注意力并清晰地识别你的应用。
Design a recognizable icon.
设计一个可识别的图标。
人们不应该分析这个图标来找出它代表什么。例如,邮件应用程序图标使用一个信封,它与邮件联系在一起。花点时间设计一个漂亮迷人的抽象图标,艺术地代表你的应用的目的。
Keep the background simple and avoid transparency.
保持背景简单,避免透明度。
确保你的图标是不透明的,不要弄乱背景。给它一个简单的背景,这样它就不会压倒附近的其他应用图标。您不需要用内容填充整个图标。
Use words only when they’re essential or part of a logo.
只有当它们是重要的或标志的一部分时才使用单词。
在主屏幕上,一个应用程序的名字出现在它的图标下面。不要把不重要的单词包括在你的应用中,比如“Watch”或者“Play”。如果你的设计包含了任何文字,那就强调与你的应用程序实际内容相关的文字。
Don’t include photos, screenshots, or interface elements.
不要包含照片、截图或界面元素。
照片的细节在小尺寸的时候是很难看到的。屏幕截图对于应用程序图标来说太复杂了,通常不会帮助你传达你的应用程序的目的。图标中的界面元素具有误导性和混乱性。
Don’t use replicas of Apple hardware products.
不要使用苹果硬件产品的复制品。
苹果产品是有版权的,不能在你的图标或图片中复制。一般来说,避免显示设备的复制品,因为硬件设计往往会经常变化,而且会让你的图标看起来过时。
Don’t place your app icon throughout the interface.
不要把你的应用程序图标放在整个界面。
在整个应用程序中,看到一个用于不同用途的图标可能会让人感到困惑,相反,可以考虑将图标的配色方案结合起来。请参考 Color.
Test your icon against different wallpapers.
在不同的壁纸上测试你的图标。
你不能预测人们会选择哪个壁纸,所以不要只测试你的应用程序的颜色。看看它是如何看待不同的照片。在实际的设备上尝试一下,当设备移动时,动态背景会发生变化。
Keep icon corners square.
保持图标为直角。
该系统应用了一个自动环绕图标的面具。
App Icon Attributes 应用程序图标的属性
所有应用程序图标都应遵循以下规范。
属性 | 值 |
---|---|
格式 | PNG |
颜色空间 | sRGB or P3 (参考Color Management) |
图层 | 扁平的没有透明度 |
分辨率 | 各种各样的. 参考Image Size and Resolution |
形状 | 正方形的且没有圆角 |
App Icon Sizes 应用程序图标大小
每个应用程序都必须提供小图标,以便在你的应用程序安装完毕后,在主屏幕上和整个系统中使用,以及在app Store中显示一个更大的图标。
Device or context | Icon size |
---|---|
iPhone | 180px × 180px (60pt × 60pt @3x) |
120px × 120px (60pt × 60pt @2x) | |
iPad Pro | 167px × 167px (83.5pt × 83.5pt @2x) |
iPad, iPad mini | 152px × 152px (76pt × 76pt @2x) |
App Store | 1024px × 1024px (1024pt × 1024pt @1x) |
Provide different sized icons for different devices.
为不同的设备提供不同大小的图标。
确保你的应用程序图标在你支持的所有设备上看起来都很棒。
Mimic your small icon with your App Store icon.
模仿你的小图标和你的应用商店图标。
虽然App Store图标与小图标不同,但它仍然是你的应用图标。一般来说,它应该与外观上的小版本相匹配,尽管它可以巧妙地更丰富和更详细,因为没有应用于它的视觉效果。
Spotlight, Settings, and Notification Icons
聚光灯、设置和通知图标。
每个应用程序都应该提供一个小图标,当应用程序名称与Spotlight搜索中的一个术语匹配时,iOS可以显示这个图标。此外,带有设置的应用程序应该提供一个小图标来显示在内置的设置应用程序中,支持通知的应用程序应该提供一个小图标来显示通知。所有的图标都应该清楚地标识你的应用程序,它们应该与你的应用程序图标相匹配。如果你不提供这些图标,iOS可能会缩小你在这些位置显示的主应用图标。
Device | Spotlight icon size |
---|---|
iPhone | 120px × 120px (40pt × 40pt @3x) |
80px × 80px (40pt × 40pt @2x) | |
iPad Pro, iPad, iPad mini | 80px × 80px (40pt × 40pt @2x) |
Device | Settings icon size |
---|---|
iPhone | 87px × 87px (29pt × 29pt @3x) |
58px × 58px (29pt × 29pt @2x) | |
iPad Pro, iPad, iPad mini | 58px × 58px (29pt × 29pt @2x) |
Device | Notification icon size |
---|---|
iPhone | 60px × 60px (20pt × 20pt @3x) |
40px × 40px (20pt × 20pt @2x) | |
iPad Pro, iPad, iPad mini | 40px × 40px (20pt × 20pt @2x) |
Don’t add an overlay or border to your Settings icon.
不要在设置图标上添加叠加或边框。
iOS会自动为所有的图标添加1像素的笔触,这样在背景设置的白色背景下,它们看起来很不错。
提示
如果你的应用程序创建了自定义文档,你不需要设计文档图标,因为iOS会用你的应用程序图标自动创建文档图标。
User-Selectable App Icons 游览器应用程序图标
对于一些应用程序来说,定制是一种能够唤起个人联系并增强用户体验的功能。如果它提供了你的应用价值,可以让人们选择另一个应用程序图标从一组预定义的图标嵌入到应用程序中。例如,一个体育应用可能为不同的团队提供的图标或应用程序与光明与黑暗模式可以提供相应的光明与黑暗的图标。请注意,您的app图标只能在用户的请求下更改,系统总是为用户提供这样的更改的确认。
Provide visually consistent alternate icons in all necessary sizes.
在所有必要的尺寸上提供视觉一致的替代图标。
和你的主要应用程序图标一样,每一个备选的应用程序图标都是作为一个大小不同的相关图片的集合而交付的。当用户选择一个替代图标时,该图标的适当大小将取代主应用程序的主屏幕、聚光灯和系统中的其他位置。确保备用图标出现持续整个系统用户不应该看到一个版本的图标在主屏幕上,一个完全不同的版本设置,example-provide他们在同一大小你提供主要应用图标(除了app Store图标)。请参考 App Icon Sizes.
开发人员请参考 setAlternateIconName method of UIApplication.