码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-04-14 10:40:10      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

图标和图片尺寸


每个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_

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

标签:

原文地址:http://blog.csdn.net/cloudox_/article/details/51148635

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!