图标和图片尺寸
每个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(@2x | iPad 2和iPad mini(@1x) | iPad Pro(@2x) |
---|---|---|---|---|---|---|
App图标(所有app都需要) | 180*180 | 120*120 | 120*120 | 152*152 | 76*76 | 167*167 |
App Store上的App图标(所有app都需要) | 1024*1024 | 1024*1024 | 1024*1024 | 1024*1024 | 1024*1024 | 1024*1024 |
启动文件或图片(所有app都需要) | 使用一个启动文件(查看Launch Files) | 对iPhone 6s和iPhone6使用启动文件(查看Launch Files)
对Iphone 5,640*1136 |
640*960 | 1536*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*80 | 120*120 | 60*60 | 120*120 |
设置图标(推荐) | 87*87 | 58*58 | 58*58 | 58*58 | 29*29 | 58*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*180 | 120*120 | 120*120 | 152*152 | 76*76 | 167*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_
时间: 2024-11-05 18:53:09