程序的图标无法改变_2020-iOS GUI-APP图标规范

e839bd334f109d63e5f5283865ecb899.png

APP图标- APP Icon

每一个APP都需要设计一个酷炫令人难忘的图标。设计不错的图标会在 APP 商城中引起用户的注意,而且在布满图标的主屏幕上也会脱颖而出。在第一次看到APP 的时候,就可以通过图标来判断APP的用途了。APP的图标同样也会出现在“设置”或者“搜索结果”中。

88a50f27b61b0d027e34b808ce135e54.png

设计要简单,找到APP的核心元素并提炼,用简单的图形来展示用意。设计的时候要注意细节的添加,图形如果过于复杂就比较难以分辨出细节了,尤其是在比较小的尺寸的场合下。

设计的图标要有聚焦点,用户可以通过这个聚焦设计就能识别APP是干什么的。也就是具有识别性,不要让用户去分析和猜测这个APP是做什么的。比如,邮箱的图标上面就会出现一个信封,让人就联想到是邮箱。要花时间去思考设计一个美观抽象又能很好表达APP意图的图标。

保持图标的背景简单,避免透明。要和周围的图标保持协调,没有必要在整个图标中都填满设计,也就是可以考虑留白。

只有在必要的时候,或者说文字是LOGO 的一部分的时候,才需要考虑在图表中使用文字的元素。APP的名称显示在主屏幕上图标的下面就可以了。不要使用不必要的文字来重复名称或告诉用户如何处理应用,例如“观看”或“播放”。如果设计中包含任何文字,要明确是与APP内容有关联的文字。

不要使用照片,截图或者 APP 里面的页面来作为图标。图标这么小的尺寸,会导致里面的细节都看不清楚。截图的话作为图标就太复杂了,通常很难传达APP的意思,甚至引起误导和混乱。

不要使用苹果的一些元素作为图标设计,苹果的元素受到版权的保护。不要在APP的内部界面中再使用APP的图标,容易引起混乱。

设计好图标以后,要在不同的背景上面进行测试。因为我们无法判断用户会使用什么颜色的背景。因此,不要仅仅针对浅色或深色测试图标,还要在不同的照片上查看效果。要在真实的设备上进行动态的测试,因为背景可能随着设备的移动而进行改变。

设计一个方正的图标就可以了,系统会自动把方正的图标变成圆角。

APP图标的属性

所有应用程序图标应遵循以下规范。

83e080f64dd3885a9b213c5fd49bcc17.png
(格式要PNG/颜色要sRG或P3-具体请查阅“颜色规范”章节/图层要扁平化且不透明/分辨率 具体查看“图像尺寸和分辨率规范”章节/形状要没有圆角的正方形)

APP程序图标大小尺寸

每个应用程序都必须提供小图标以供在主屏幕上以及整个系统中使用,以及一个大图标以在App Store中显示。

061b3dcf529e9f763114b7debb40a3c1.png

f6abd8a9a7311aea36ada6223777fa33.png
(各个设备上的APP图标尺寸请参阅上图)

注意要为不同的设备提供不同大小的图标,从而确保图标在支持的所有设备上看起来都很好。

APP 商城中的图标,可以模仿主页面中图标的设计,这两个图标使用的地点虽然不同,但是他们的性质是一致的,所以在外观上来讲通常应该是保持一致的。

搜索(Spotlight),设置和通知图标

每个应用程序还应提供一个小图标,当应用程序名称与Spotlight搜索中的字词匹配时,iOS可以显示该图标。此外,具有设置的应用程序应在内置的“设置”应用程序中显示一个小图标,支持通知的应用程序应在通知中显示一个小图标。所有图标都应清楚地识别应用,理想情况下,应该与应用图标保持统一性(比如设计风格)。 需要注意:如果不提供这些图标,iOS可能会缩小主应用程序图标,以显示在这些位置。

cf527258f8ba09ee2672b5957415828e.png

6dadd26d91912d34e53e5464f4678bba.png
(以上是在搜索结果中显示/设置/通知3个场景中图标显示后的大小尺寸)

注意不要在“设置”图标上添加叠加层(加强效果)或边框。 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 商城里面的图标比较大,具体可以查看上文尺寸说明)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值