《iOS Human Interface Guidelines》——Icon and Image Sizes

图标和图片尺寸


每个app都需要一个app图标和一个启动文件或图片。此外,一些app还需要自定义的图标来表示导航栏、工具栏、标签栏和其他区域中app特定的内容、功能或者模式。表45-1列出了这些自定义图标和图片需要的尺寸。


表45-1 自定义图标和图片的尺寸(像素单位)

用处iPhone 6s Plus和iPhone 6 Plus(@3x)iPhone 6s,iPhone 6和iPhone 5(@2x)iPhone 4s(@2x)iPad 和iPad mini(@2xiPad 2和iPad mini(@1x)iPad Pro(@2x)
App图标(所有app都需要)180*180120*120120*120152*15276*76167*167
App Store上的App图标(所有app都需要)1024*10241024*10241024*10241024*10241024*10241024*1024
启动文件或图片(所有app都需要)使用一个启动文件(查看Launch Files对iPhone 6s和iPhone6使用启动文件(查看Launch Files
对Iphone 5,640*1136
640*9601536*2048(垂直)
2048*1536(水平)
768*1024(垂直)
1024*768(水平)
2048*2732(垂直)
2732*2048(水平)
Spotlight搜索结果图标(推荐)180*180对iPhone 6s和iPhone 6,使用120*120
对iPhone 5使用80*80
80*80120*12060*60120*120
设置图标(推荐)87*8758*5858*5858*5829*2958*58
工具栏和导航栏图标(可选)大概66*66大概44*44大概44*44大概44*44大概22*22大概44*44
标签栏图标(可选)大概75*75(最大144*96)大概50*50(最大96*64)大概50*50(最大96*64)大概50*50(最大96*64)大概25*25(最大48*32)大概50*50(最大96*64)
网页剪辑图标(对web app和网页推荐)180*180120*120120*120152*15276*76167*167

NOTE

如果你需要创建主屏幕快速操作的自定义图标,查看Home Screen Quick Actions获取细节。你也可以从https://developer.apple.com/design/downloads/Quick-Action-Guides.zip下载主屏幕快速操作图标模板。


对于App Store图标的例外——通常称为iTunesArtWork——你可以对你的图标命名任何你想要的名字。在你的Xcode工程中使用图片集合入口来获取你的app图标文件。分配对应的图片文件到你工程的图片集合中来添加图标。在编译期间,Xcode会对你app的Info.plist文件添加合适的键并防止图片到你app的包中。iOS会基于使用目标的尺寸来选择图标。查看Asset Catalog Help学习更多关于集合目录的内容。


对于所有的图片和图标,PNG格式是推荐的。你应该避免使用交错的PNG。


标准图标和图片的色彩深度是24位。



本文翻译自苹果官方开发文档

查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines

版权所有:http://blog.csdn.net/cloudox_

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值