ios开发之 icon规范+启动图规范+启动页规范
2015-11-27 10:12
495 查看
作为一名开发人员,有时候碰上美工有事外出,那么偶尔就得顶下美工的岗位,切切图。今天就简单的说一下。
手机以(iPhone 4s-iPhone 6P)为主,若有新产品,会及时更新内容。
1、先说说AppIcon图标,除了要适配手机屏幕尺寸外,平板要兼顾,甚至搜索软件的时候,出现在列表页的图标,都是不同规范。
一般都会准备10套,别惊讶,就是这么多。
2、接下来是启动图。每个APP启动的时候,都会看到一张固定的预览图(这里指一般静态,不包含随时更新的动态效果),再进入首页。一般我是采用4套图片就可以了。
3、接下来就是欢迎页,首次使用APP,都会给用户带来几张可以左右滚动的产品介绍图。至于要多少张数量为最佳,没有严格规定,个人的建议是5张图片就可以了。不多说,上图。
以上三样规范,命名一般都是可以默认为文章说明的样式,也可以自定义。但是建议大伙还是按照前人的风格,不要乱起名字,避免到时候出现离奇BUG,就不好了。
——————————————————————————分割线——————————————————————————————————————
App Icons on iPad and iPhone
Important: This is a preliminary document for an API or technology in development. Apple is supplying this information to help you plan for the adoption of the technologies and programming interfaces described herein for use on Apple-branded products. This information is subject to change, and software implemented according to this document should be tested with final operating system software and final documentation. Newer versions of this document may be provided with future betas of the API or technology.
Q: How are the icon files in my application bundle used on iPad and iPhone?
A: Below are guidelines for handling icon files for iPhone-only apps, iPad-only apps, and universal apps.
If you don't provide artwork for one of the listed optional icons, the system will automatically scale one of your existing icon images to an appropriate size. It is strongly recommended that your application include artwork for all the icons listed, at the specific sizes needed.
Prior to iOS 3.2, icon images were required to follow a strict naming convention. These legacy names are still listed in the tables below along with example names for the more recent icons. Except for iTunesArtwork, icon images included in your app can have arbitrary names.
Note: iOS ignores the PPI (Pixels Per Inch) of icon images. You may author your icon images at any PPI but their width and height, as measured in pixels, must match the values in the tables below.
Important: iTunesArtwork icon images should be in png format, but name them without the .png extension.
Icons for iPhone-only Apps
iPhone-only applications use the following icons. Items marked with "Required" must be included.
Note: You should include images for the iPad-specific icons even if your app is not a universal app. If available, they will be used when the app is installed on an iPad.
Table 1 iPhone-only app icon requirements.
In addition to the above icons, iPhone-only applications with a deployment target of iOS 6.1 or earlier use the following icons. Items marked with "Required" must be included if the application's deployment target is iOS 6.1 or earlier.
Table 2 iPhone-only app icon requirements (iOS 6.1 and earlier).
You can include distinct images for the iPhone and iPad icons in categories where the required sizes are equivalent, for example, Settings.
Back to Top
Icons for iPad-only Apps
iPad-only applications use the following icons. Items marked with "Required" must be included.
Table 3 iPad-only app icon requirements.
In addition to the above icons, iPad-only applications with a deployment target of iOS 6.1 or earlier use the following icons. Items marked with "Required" must be included if the application's deployment target is iOS 6.1 or earlier.
Table 4 iPad-only app icon requirements (iOS 6.1 and earlier).
Back to Top
Icons for Universal Apps
Universal applications use the following icons. Items marked with "Required" must be included.
Table 5 Universal app icon requirements.
In addition to the above icons, universal applications with a deployment target of iOS 6.1 or earlier use the following icons. Items marked with "Required" must be included if the application's deployment target is iOS 6.1 or earlier.
Table 6 Universal app icon requirements (iOS 6.1 and earlier).
You can include distinct images for the iPhone and iPad icons in categories where the required sizes are equivalent, for example, Settings.
手机以(iPhone 4s-iPhone 6P)为主,若有新产品,会及时更新内容。
1、先说说AppIcon图标,除了要适配手机屏幕尺寸外,平板要兼顾,甚至搜索软件的时候,出现在列表页的图标,都是不同规范。
一般都会准备10套,别惊讶,就是这么多。
2、接下来是启动图。每个APP启动的时候,都会看到一张固定的预览图(这里指一般静态,不包含随时更新的动态效果),再进入首页。一般我是采用4套图片就可以了。
3、接下来就是欢迎页,首次使用APP,都会给用户带来几张可以左右滚动的产品介绍图。至于要多少张数量为最佳,没有严格规定,个人的建议是5张图片就可以了。不多说,上图。
以上三样规范,命名一般都是可以默认为文章说明的样式,也可以自定义。但是建议大伙还是按照前人的风格,不要乱起名字,避免到时候出现离奇BUG,就不好了。
——————————————————————————分割线——————————————————————————————————————
App Icons on iPad and iPhone
Important: This is a preliminary document for an API or technology in development. Apple is supplying this information to help you plan for the adoption of the technologies and programming interfaces described herein for use on Apple-branded products. This information is subject to change, and software implemented according to this document should be tested with final operating system software and final documentation. Newer versions of this document may be provided with future betas of the API or technology.
Q: How are the icon files in my application bundle used on iPad and iPhone?
A: Below are guidelines for handling icon files for iPhone-only apps, iPad-only apps, and universal apps.
If you don't provide artwork for one of the listed optional icons, the system will automatically scale one of your existing icon images to an appropriate size. It is strongly recommended that your application include artwork for all the icons listed, at the specific sizes needed.
Prior to iOS 3.2, icon images were required to follow a strict naming convention. These legacy names are still listed in the tables below along with example names for the more recent icons. Except for iTunesArtwork, icon images included in your app can have arbitrary names.
Note: iOS ignores the PPI (Pixels Per Inch) of icon images. You may author your icon images at any PPI but their width and height, as measured in pixels, must match the values in the tables below.
Important: iTunesArtwork icon images should be in png format, but name them without the .png extension.
Icons for iPhone-only Apps
iPhone-only applications use the following icons. Items marked with "Required" must be included.
Note: You should include images for the iPad-specific icons even if your app is not a universal app. If available, they will be used when the app is installed on an iPad.
Table 1 iPhone-only app icon requirements.
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
512x512 | iTunesArtwork | App list in iTunes | Do not include | Optional but recommended |
1024x1024 | iTunesArtwork@2x | App list in iTunes on devices with retina display | Do not include | Optional but recommended |
120x120 | Icon-60@2x.png | Home screen on iPhone/iPod Touch with retina display | Required | Required |
180x180 | Icon-60@3x.png | Home screen on iPhone 6 Plus | Optional but recommended | Optional but recommended |
76x76 | Icon-76.png | Home screen on iPad | Optional but recommended | Optional but recommended |
152x152 | Icon-76@2x.png | Home screen on iPad with retina display | Optional but recommended | Optional but recommended |
40x40 | Icon-Small-40.png | Spotlight | Optional but recommended | Optional but recommended |
80x80 | Icon-Small-40@2x.png | Spotlight on devices with retina display | Optional but recommended | Optional but recommended |
120x120 | Icon-Small-40@3x.png | Spotlight on iPhone 6 Plus | Optional but recommended | Optional but recommended |
29x29 | Icon-Small.png | Settings | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
58x58 | Icon-Small@2x.png | Settings on devices with retina display | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
87x87 | Icon-Small@3x.png | Settings on iPhone 6 Plus | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
Table 2 iPhone-only app icon requirements (iOS 6.1 and earlier).
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
57x57 | Icon.png | Home screen on iPhone/iPod touch (iOS 6.1 and earlier) | Required | Required |
114x114 | Icon@2x.png | Home screen on iPhone/iPod Touch with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
72x72 | Icon-72.png | Home screen on iPad (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
144x144 | Icon-72@2x.png | Home screen on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
29x29 | Icon-Small.png | Spotlight on iPhone/iPod Touch (iOS 6.1 and earlier) and Settings | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
58x58 | Icon-Small@2x.png | Spotlight on iPhone/iPod Touch with retina display (iOS 6.1 and earlier) and Settings on devices with retina display | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
50x50 | Icon-Small-50.png | Spotlight on iPad (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
100x100 | Icon-Small-50@2x.png | Spotlight on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
Back to Top
Icons for iPad-only Apps
iPad-only applications use the following icons. Items marked with "Required" must be included.
Table 3 iPad-only app icon requirements.
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
512x512 | iTunesArtwork | Ad Hoc iTunes | Do not include | Optional but recommended |
1024x1024 | iTunesArtwork@2x | Ad Hoc iTunes on devices with retina display | Do not include | Optional but recommended |
76x76 | Icon-76.png | Home screen on iPad | Required | Required |
152x152 | Icon-76@2x.png | Home screen on iPad with retina display | Optional but recommended | Optional but recommended |
40x40 | Icon-Small-40.png | Spotlight on iPad | Optional but recommended | Optional but recommended |
80x80 | Icon-Small-40@2x.png | Spotlight on iPad with retina display | Optional but recommended | Optional but recommended |
29x29 | Icon-Small.png | Settings on iPad | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
58x58 | Icon-Small@2x.png | Settings on iPad with retina display | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
Table 4 iPad-only app icon requirements (iOS 6.1 and earlier).
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
72x72 | Icon-72.png | Home screen on iPad (iOS 6.1 and earlier) | Required | Required |
144x144 | Icon-72@2x.png | Home screen on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
50x50 | Icon-Small-50.png | Spotlight on iPad (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
100x100 | Icon-Small-50@2x.png | Spotlight on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
Icons for Universal Apps
Universal applications use the following icons. Items marked with "Required" must be included.
Table 5 Universal app icon requirements.
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
512x512 | iTunesArtwork | App list in iTunes | Do not include | Optional but recommended |
1024x1024 | iTunesArtwork@2x | App list in iTunes for devices with retina display | Do not include | Optional but recommended |
120x120 | Icon-60@2x.png | Home screen on iPhone/iPod Touch with retina display | Required | Required |
180x180 | Icon-60@3x.png | Home screen on iPhone 6 Plus | Optional but recommended | Optional but recommended |
76x76 | Icon-76.png | Home screen on iPad | Required | Required |
152x152 | Icon-76@2x.png | Home screen on iPad with retina display | Optional but recommended | Optional but recommended |
40x40 | Icon-Small-40.png | Spotlight | Optional but recommended | Optional but recommended |
80x80 | Icon-Small-40@2x.png | Spotlight on devices with retina display | Optional but recommended | Optional but recommended |
120x120 | Icon-Small-40@3x.png | Spotlight on iPhone 6 Plus | Optional but recommended | Optional but recommended |
29x29 | Icon-Small.png | Settings | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
58x58 | Icon-Small@2x.png | Settings on devices with retina display | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
87x87 | Icon-Small@2x.png | Settings on iPhone 6 Plus | Recommended if you have a Settings bundle, optional otherwise | Recommended if you have a Settings bundle, optional otherwise |
Table 6 Universal app icon requirements (iOS 6.1 and earlier).
Image Size (px) | File Name | Used For | App Store | Ad Hoc |
57x57 | Icon.png | Home screen on iPhone/iPod touch (iOS 6.1 and earlier) | Required | Required |
114x114 | Icon@2x.png | Home screen on iPhone/iPod Touch with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
72x72 | Icon-72.png | Home screen on iPad (iOS 6.1 and earlier) | Required | Required |
144x144 | Icon-72@2x.png | Home screen on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
29x29 | Icon-Small.png | Spotlight on iPhone/iPod Touch (iOS 6.1 and earlier) and Settings | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
58x58 | Icon-Small@2x.png | Spotlight on iPhone/iPod Touch with retina display (iOS 6.1 and earlier) and Settings on devices with retina display | Recommended if you have a Settings bundle, otherwise optional but recommended | Recommended if you have a Settings bundle, otherwise optional but recommended |
50x50 | Icon-Small-50.png | Spotlight on iPad (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
100x100 | Icon-Small-50@2x.png | Spotlight on iPad with retina display (iOS 6.1 and earlier) | Optional but recommended | Optional but recommended |
相关文章推荐
- iOS9适配之应用跳转(URLSchemes)
- iOS开发中导航控制器的基本使用教程
- iOS---设置btn边框
- iOS开发之控制器View的创建
- iOS开发教程:Storyboard全解析
- iOS学习之Table View的简单使用
- IOS 中frame与bounds的区别
- iOS案例:读取指定txt文件,并把文件中的内容输出出来
- iOS案例:读取指定目录下的文件列表
- mrc和arc混编的配置
- 在蜂窝教育iOS培训 增强就业技能提升竞争力
- iOS检测以及提示系统更新
- iOS 利用AVPlayer创建视频播放器
- [ios]AVPlayer 缓冲、 暂停通知和海报帧
- IOS之KVC和KVO(未完待续)
- iOS开发,EALayout 无需反复编译,可视化实时界面,告别Storyboard AutoLayout Xib等等烦人的工具
- iOS音频流播放、后台播放、远程控制、锁屏封面等总结
- ios即时通讯客户端开发之-mac上搭建openfire服务器
- IOS图层Layer学习笔记(五)—— CATextLayer
- iOS 步进控件