iOS>图标和图片>启动图标

每一个APP应用都应该设计一个美丽的、识别度高的图标,这样就可以让其在Apple Store(苹果应用商店)主界面中脱颖而出。图标是用户对你APP应用的第一印象,是用户第一次感知你APP应用的用途的途径。它会贯穿在您的整个系统中,比如设置和搜索结果中。

ios为什么圆角销号性能 app图标圆角_ios为什么圆角销号性能

图1.1

1.图标设计简约。找到最具有代表性、最能反映您应用目的的一个元素,通过抽象简化的手法来设计。谨慎添加细节,如果细节过于复杂,则会造成图标难以辨别,尤其是在较小尺寸的情形下。

2.图标要保证有唯一的视觉焦点。设计出来的图标有且仅有一个视觉焦点,这样可以让用户在看您的图标时候会立即识别出这是您的APP,及获取到您想传达的内容。

3.设计的图标识别度要高。不应该让人们通过分析您的APP图标才能弄懂它具体代表的是什么(不直观)。比如,“邮件”应用的图标是以一个大家习以为常的信封来通过艺术化加工设计出来的,信封和邮件的关联性很强,所以很容易被用户所识别。

4.保证启动图标的背景简单,并且避免使用半透明背景。确保您的启动图标背景不透明,避免和图标背后的内容发生混淆。图标的背景不要过于花哨,避免影响到屏幕上其他图标的展示。没有必要将图案铺满整个图标。

5.尽量不要在启动图标中设置文字。应用的名称会显示在图标的下方,所以没必要在启动图标上设计文本。不要包含一些不必要的文字(比如告诉用户怎么用你的APP,“播放”、“观看”)在您的图标中。如果您的设计需要包含一些文本,请确保文本和您应用的内容相关。

6.图标中不要包含照片(摄影图等)、屏幕截图或者界面中的元素。太小尺寸的图片细节不容易被识别出来。屏幕截图相对于图标来说也是过于复杂的,而且也不能很好把您APP的用途给传达出来。界面元素很容易误导或混淆图标的真实目的。

7.不要试图临摹APPLE公司硬件产品作为图标。APPLE公司的产品拥有版权,是不能进行复制的。通擦很难过情况下爱,要尽量避免,因为硬件产品更新频率比较高,所以如果这么做,您的图标将会很快过时。

8.不要在您的应用中滥用您的启动图标。如果在您的应用程序中,启动图标分别被用在不同的功能上,这会让用户觉得很怪异。而且,还要注意您启动图标的配色。

9.用不同的桌面壁纸测试您的启动图标。因为您无法决定用户会用那种图片做手机壁纸,所以您设计完启动图标后一定要在深色和浅色背景下分别测试一下您的启动图标显示是否正常。甚至在真实的设备上尝试用动态背景测试它,转换不同的观察角度测试它。

10.保证设计的图标是个方形。系统会自动的为图标添加一个圆角蒙版。

一.启动图标属性

所有的启动图标都应该符合以下规范:

属性


格式

PNG

颜色空间

sRGB or P3 

图层样式

扁平化,没有透明度

分辨率

不确定,参考图像尺寸和分辨率

形状

方形,没有圆角

二.启动图标尺寸

小尺寸的启动图标经常被用在屏幕页或者是被手机系统其他地方使用。大尺寸的图标经常用在AppleStore中。

ios为什么圆角销号性能 app图标圆角_快速索引_02

图1.2

设备或场景

图标尺寸

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)

1.为不同的设备提供不同的图标大小。确保您的APP的启动图标在任何设备下都能很好展示。

2.AppleStore里面的图标(大图标)和您的首屏启动图标(小图标)保持一致。虽然AppleStore里面的图标尺寸和首屏图标的尺寸不一样,(大的图标可以添加更多的细节)但是也属于启动图标,所以要和小图标保持一致。

三.Spotlight(快速索引)、设置和通知图标

APP还得提供一个小图标用在系统快速索引到该APP名字时的显示。此外,在系统的设置页面也得提供一个小的启动图标,在消息通知面板也得提供一个小的启动图标。所有的图标都应该能清除传达您APP的目的,理想情况下,您需要为这些地方提供一个单独的图标,如果您未提供,那么iOS系统会自动将您的主应用程序图标进行尺寸缩小以满足这些地方的需求。

ios为什么圆角销号性能 app图标圆角_启动图_03

图1.3

ios为什么圆角销号性能 app图标圆角_快速索引_04

图1.4

设备

快速索引图标尺寸

iPhone

120px × 120px (40pt × 40pt @3x)

80px × 80px (40pt × 40pt @2x)

iPad Pro, iPad, iPad mini

80px × 80px (40pt × 40pt @2x)

设备

设置图标尺寸

iPhone

87px × 87px (29pt × 29pt @3x)

58px × 58px (29pt × 29pt @2x)

iPad Pro, iPad, iPad mini

58px × 58px (29pt × 29pt @2x)

设备

通知图标尺寸

iPhone

60px × 60px (20pt × 20pt @3x)

40px × 40px (20pt × 20pt @2x)

iPad Pro, iPad, iPad mini

40px × 40px (20pt × 20pt @2x)

1.不要为设置图标添加蒙版或者边框。iOS系统会自动为设置面板上的图标添加一个1px的描边,以便他们能在白色背景下更好的显示。

提示

如果您的APP能够创建自定义文档,那么不必为这些文档设置图标,iOS会自动将启动图标应用为它所创建文档的图标。

四.可选择性启动图标

1.对于某些应用程序,可选择的图标能够让用户感受到个性化,进而提高了用户的体验。如果这么做有帮助,那么你可以允许用户选择一个已经内置在应用中的图标作为启动图标。比如,体育类的应用可以针对不同的团队提供不同的图标,有些APP拥有深色/浅色模式,提供了深色/浅色图标。请注意,图标仅会根据用户的请求进行更改(意味着不能自动更改),用户在更改图标时要进行确认操作。

2.为所有内置的选择性启动图标提供视觉风格一致的不同尺寸的版本的图标。和主程序图标一样,所有的备用图标都要拥有各种各样的尺寸版本。当主程序图标被替换成备用图标时,相应的主屏幕,快速索引以及系统中其他位置图标都会被替换成备用图标。为保证用户在系统中任何位置看到的启动图标是一致的,那么就要为这些图标都准备好不同的图标尺寸。(AppleStore图标除外)

注意

备用启动图标需要经过App Review审核,并且必须遵守App Store审核指南。

注释

app icon    启动图标

Spotlight    快速索引

2018.12.24  更新