![e839bd334f109d63e5f5283865ecb899.png](https://i-blog.csdnimg.cn/blog_migrate/ce5e81015934391a8ce5db4c18751071.png)
APP图标- APP Icon
每一个APP都需要设计一个酷炫令人难忘的图标。设计不错的图标会在 APP 商城中引起用户的注意,而且在布满图标的主屏幕上也会脱颖而出。在第一次看到APP 的时候,就可以通过图标来判断APP的用途了。APP的图标同样也会出现在“设置”或者“搜索结果”中。
![88a50f27b61b0d027e34b808ce135e54.png](https://i-blog.csdnimg.cn/blog_migrate/ee7da6a87a0cccb00e272350aef8b9f0.png)
设计要简单,找到APP的核心元素并提炼,用简单的图形来展示用意。设计的时候要注意细节的添加,图形如果过于复杂就比较难以分辨出细节了,尤其是在比较小的尺寸的场合下。
设计的图标要有聚焦点,用户可以通过这个聚焦设计就能识别APP是干什么的。也就是具有识别性,不要让用户去分析和猜测这个APP是做什么的。比如,邮箱的图标上面就会出现一个信封,让人就联想到是邮箱。要花时间去思考设计一个美观抽象又能很好表达APP意图的图标。
保持图标的背景简单,避免透明。要和周围的图标保持协调,没有必要在整个图标中都填满设计,也就是可以考虑留白。
只有在必要的时候,或者说文字是LOGO 的一部分的时候,才需要考虑在图表中使用文字的元素。APP的名称显示在主屏幕上图标的下面就可以了。不要使用不必要的文字来重复名称或告诉用户如何处理应用,例如“观看”或“播放”。如果设计中包含任何文字,要明确是与APP内容有关联的文字。
不要使用照片,截图或者 APP 里面的页面来作为图标。图标这么小的尺寸,会导致里面的细节都看不清楚。截图的话作为图标就太复杂了,通常很难传达APP的意思,甚至引起误导和混乱。
不要使用苹果的一些元素作为图标设计,苹果的元素受到版权的保护。不要在APP的内部界面中再使用APP的图标,容易引起混乱。
设计好图标以后,要在不同的背景上面进行测试。因为我们无法判断用户会使用什么颜色的背景。因此,不要仅仅针对浅色或深色测试图标,还要在不同的照片上查看效果。要在真实的设备上进行动态的测试,因为背景可能随着设备的移动而进行改变。
设计一个方正的图标就可以了,系统会自动把方正的图标变成圆角。
APP图标的属性:
所有应用程序图标应遵循以下规范。
![83e080f64dd3885a9b213c5fd49bcc17.png](https://i-blog.csdnimg.cn/blog_migrate/d27bc20ce71eb3c8aed2d6dc67849b8d.png)
APP程序图标大小尺寸
每个应用程序都必须提供小图标以供在主屏幕上以及整个系统中使用,以及一个大图标以在App Store中显示。
![061b3dcf529e9f763114b7debb40a3c1.png](https://i-blog.csdnimg.cn/blog_migrate/3a27aa30a85c8b5530a48425c0e4c479.jpeg)
![f6abd8a9a7311aea36ada6223777fa33.png](https://i-blog.csdnimg.cn/blog_migrate/b6a7acc43f967de2f1ce2004f04295ce.png)
注意要为不同的设备提供不同大小的图标,从而确保图标在支持的所有设备上看起来都很好。
APP 商城中的图标,可以模仿主页面中图标的设计,这两个图标使用的地点虽然不同,但是他们的性质是一致的,所以在外观上来讲通常应该是保持一致的。
搜索(Spotlight),设置和通知图标
每个应用程序还应提供一个小图标,当应用程序名称与Spotlight搜索中的字词匹配时,iOS可以显示该图标。此外,具有设置的应用程序应在内置的“设置”应用程序中显示一个小图标,支持通知的应用程序应在通知中显示一个小图标。所有图标都应清楚地识别应用,理想情况下,应该与应用图标保持统一性(比如设计风格)。 需要注意:如果不提供这些图标,iOS可能会缩小主应用程序图标,以显示在这些位置。
![cf527258f8ba09ee2672b5957415828e.png](https://i-blog.csdnimg.cn/blog_migrate/5c6f27ace0822b5ce35408c9ce4c9969.png)
![6dadd26d91912d34e53e5464f4678bba.png](https://i-blog.csdnimg.cn/blog_migrate/f1621fd15316d11667ea168f3bbe0f44.jpeg)
注意不要在“设置”图标上添加叠加层(加强效果)或边框。 iOS会自动为所有图标添加1像素的描边,以使它们在白色背景上看起来也不错。
TIP
If your app creates custom documents, you don't need to design document icons because iOS uses your app icon to create document icons automatically.(如果应用创建了自定义文档,则无需设计文档图标,因为iOS使用应用图标来自动创建文档图标。-这句话使用场景,还请看到此处的牛人能给留言解答下,谢了!!)
用户可选择应用程序的图标
对于某些应用程序,自定义功能可以增强用户体验。如果整这个自定义的选择图标的功能你觉得有价值,就可以提供一些备选的图标来让用户可以自定义。例如,运动APP可能会为不同的团队提供不同的图标,或者具有浅色和深色模式的应用可能会提供相应的浅色和深色图标。需要注意的是,应用图标只能根据用户的请求进行更改,并且系统始终会向用户提供此类更改的确认。
按照必要的尺寸提供视觉一致的备用图标。 就像主应用程序图标一样,这些图像大小各不相同。当用户选择其他图标时,大小尺寸合适的图标就替换主屏幕上,Spotlight中以及系统其他位置的主应用程序的图标。要确保备用图标在整个系统中始终统一的显示,用户在主屏幕上不应看到图标的一个版本,而在“设置”中则看不到完全不同的版本。比如,之前提供什么样的尺寸用于APP里面,那替换后的尺寸也要保持一样的大小,(“ App Store”图标除外,APP 商城里面的图标比较大,具体可以查看上文尺寸说明)。