极品分享

iPhone开机动画尺寸

APP图标设置 - 取Images.xcassets中的AppIcon, 
图标尺寸


29pt * 2x => 58 * 58
29pt * 3x => 87 * 87
40pt * 2x => 80 * 80
40pt * 3x => 120 * 120
60pt * 2x => 120 * 120
60pt * 3x => 180 * 180


开机动画图片设置 - 取Images.xcassets中点击+号
取New Launch Image - LaunchImage




*************************************
iPhone开机动画尺寸


iPhone Portrait iOS7,8
Retina HD 5.5    1242*2208
Retina HD 4.7    750*1334
iPhone Landscape iOS7,8(含有Landscape - 即横屏)
Retina HD 5.5   2208*1242
—————————————————————
iPhone Portrait iOS7,8
2X            640*960
Retina 4      640*1136
————————————
iPad Portrait iOS7,8
1X      768*1024
2X      1536*2048
iPad Landscape iOS7,8
1X      1024*768
2X      2048*1536
————————————
iPhone Portrait iOS 5,6
1X      320*480
2X      640*960
Retina 4      640*1136
————————————
iPad Portrait Without Status Bar
1X      768*1004
2X      1536*2008
ipad Portrait iOS 5,6
1X     768*1024
2X     1536*2048
iPad Landscape Without Status Bar
1X     1024*748
2X     2048*1496
iPad Landscape
1X     1024*768
2X      2048*1536
************************
开机动画设置 - 在工程中General的Deployment Info 的Main Interface 为空, APP Icons and Launch Images中的 Launch Images Source 选项选为LaunchImage(旁边的箭头如果能点击进入开机动画视图尺寸页面, 即成功), Launch Screen File 选项为空

Xcode 6 LaunchImage 载入界面标准大小【原创】
A93B6E95-CE17-4C05-BE93-95C6FEE5F4BC

iPhone Portrait iOS 8-Retina HD 5.5 (1242×2208) @3x
iPhone Portrait iOS 8-Retina HD 4.7 (750×1334) @2x

iPhone Portrait iOS 7,8-2x (640×960) @2x
iPhone Portrait iOS 7,8-Retina 4 (640×1136) @2x

iPhone Portrait iOS 5,6-1x (320×480) @1x
iPhone Portrait iOS 5,6-2x (640×960) @2x
iPhone Portrait iOS 5,6-Retina4 (640×1136) @2x

目录[-]
比例
iOS图标
iOS载入图
比例

2x = @2x 
Retina 4 = 568h@2x 
Retina HD 4.7 = @2x 
Retina HD 5.5 = @3x

iOS图标

iPhone 6 Plus              @3x   180 x 180   iPhone 6 && 5             @2x   120 x 120   iPhone 4s                    @2x  120 x 120    iPad && mini2+           @2x   152 x 152   iPad 2 and iPad mini    @1x   76 x 76
iOS载入图

iOS 7,8 (portrait )  2x              = 640 x 960   iOS 7,8 (portrait )  Retina 4     = 640 x 1136   Retina HD 4.7 (portrait)          = 750 x 1334   Retina HD 5.5 (portrait)          = 1242 x 2208Retina HD 5.5 (landscape)       = 2208 x 1242
Apple – iOS Human Interface Guidelines

 iOS App Icons and Launch Images 文件命名与尺寸





上传到App Store需要512px X 512px的图片
在iPhone  960px X 640px分辨率中
图标显示尺寸 114px X 114px
20像素的圆角
4像素的90度黑色投影
2像素的90度白色内投影
默认自带的高光
在iPhone  480px X 320px分辨率中
图标显示尺寸 57px X 57px
10像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光
在iPad  1024px X 768px分辨率中
图标显示尺寸 72px X 72px
13像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光



iTunes Artwork icon ───────── 512px (90px)

App icon(iPhone4) ──────────114px (20px)

App icon(iPad) ────────────72px (12px)


App icon(iPhone 3G/3GS) ───────57px(10px)


Spotlight/Settings icon icon(iPhone4) ── 58px (10px)


Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)



使用现有的iOS图标模版

App Icon Template by Michael Flarup
http://www.pixelresort.com/blog/app-icon-template
http://appicontemplate.com/  (最近更新, 包括iPad Retina)
最流行也是最强大的,里面包含很多常用的材质。

iOS icon template for Illustrator CS5 by Jon Hicks
http://hicksdesign.co.uk/journal/ios-icon-template-for-illustrator-cs5
Ai的模板来自firefox的logo设计师

iOS App Icon Template by Louie Mantia
http://dribbble.com/shots/461654-iOS-App-Icon-Template

其他不是太流行的模板文件:
http://blog.cocoia.com/2010/iphone-ipad-icon-psd-template
http://blog.cocoia.com/2010/iphone-4-icon-psd-file/
http://dribbble.com/shots/446198-Freebie-iOS-icons
http://dribbble.com/shots/473390-iOS-App-Icons-PSD-Template
http://dribbble.com/shots/271363-iOs-icon-Free-PSD
http://dribbble.com/shots/37493-Icon-Template
http://dribbble.com/shots/292559-Icon-Template
http://dribbble.com/shots/44805-iOS-Icon-Template

ios 启动画面尺寸以及图标
注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。
1. 桌面图标 (app icon)
for iPhone6 plus(@3x) : 180 x 180
for iPhone 6/5s/5/4s/4(@2x) : 120 x 120
2. 启动图片 (launch image)
for iPhoen5s/5(@2x) : 640 x 1136
for iPhoen4s/4(@2x) : 640 x 960
iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:
for iPhone 6(@2x) : 750 x 1334
for iPhone 6 plus (@3x) : 1242 x 2208
3. 另一种根据iOS系统的分类法
Spotlight
iOS 5,6
base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87
iOS 7,8
base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120
iPhone App
iOS 5,6
base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114
iOS 7,8
base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180
Settings
iOS 5,6,7,8
base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87
4. 尺寸总结:
图标尺寸输出列表:
180x180
120x120
87x87
80x80
58x58
57x57
29x29
启动图片尺寸输出列表:
640x960
640x1136
750x1334
1242x2208


苹果官方人机交互指南中明确定义了应用中需要包括的图标和启动画面图片

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconMatrix.html

官方图标说明:

     每个App都需要一个应用程序图标和一个启动画面图片。除此之外,有些应用还需要一些自定义的图标来显示App的一些特定内容,功能,或是导航栏,工具栏和标签栏的模式。

     不同于您之前所定制的App,你的应用必须满足下面图表中各个图片和图像的所列出的标准,以便ios能正确的显示它们,此外,这些图标和图像文件必须有相应的命名标准(如果你需要支持标准分辨率的iPhone或iPod touch设备,在下面给出的高分辨率的大小除以2即可。)

                                                      表39-1自定义图标和图像尺寸(像素)  

描述

iPhone 5和iPod touch的尺寸(高清晰度)

大小为iPhone和iPod touch(高分辨率)

iPad的尺寸为(高清晰度)

大小为iPad 2和iPad迷你(标准分辨率)

应用程序图标(应用程序所需的所有)

120×120

120×120

152×152

76×76

为App Store(应用程序所需的所有应用程序图标)

1024×1024

1024×1024

1024×1024

1024×1024

启动影像(所有的应用程序所需的)

640×1136

640×960

1536×2048(纵向)

2048×1536(横向)

768×1024(纵向)

1024×768(横向)

Spotlight搜索结果图标(推荐)

80×80

80×80

80×80

40×40

设置图标(推荐)

58×58

58×58

58×58

29×29

工具栏和导航栏图标(可选)

关于44×44

关于44×44

关于44×44

约22×22

标签栏图标(可选)

约60×60(最大:96×64)

约60×60(最大:96×64)

约60×60(最大:96×64)

约30×30(最大:48×32)

默认报刊亭盖为App Store图标(书报亭应用程序所需)

至少为1024像素的最长边

至少为1024像素的最长边

至少为1024像素的最长边

至少为1024像素的最长边

网页剪辑图标(推荐的Web应用程序和网站)

120×120

120×120

144×144

72×72

对于以上所有的图片和图标,建议使用png格式,避免使用隔行扫描的png图像
图像和图片的标准深度是24位,也就是说包括8位红、黄、蓝,和一个8位的alpha通道
你并不需要限制你的网页安全色调色板。
在XCode5中添加应用程序图标

    之前的图标命名是icon.png,和icon@2x.png,现在图标尺寸比较多,命名标准楼主看了多篇文章,发现大多不一样,但是一般的命名为icon+后缀.png。

    以楼主自身添加的举例说明

    启动画面的图标依然为Default.png,Default@2x.png,Default-568h@2x.png,一般来说这样命名之后, 启动画面的图集里就会显示这两张图片了



    添加各个尺寸的icon时,在info.plist中添加iconfiles的集合



    在icon的图片集中



    如果没有出现的话,也可以点击自行添加这些图片,在上传时就不会提示缺少120尺寸的图片了

我们的辛辛苦苦做出来的应用程序在iPhone上的表示仅仅是一个图标,对这个图标不可以不谨慎对待,不能因为大小不对头这些小问题而失真啊什么的。
 
那么,你知道图标的大小和格式吗?
 
本文适用于iPhone,iPod Touch,iPad等各种iOS设备。
 
 
图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

57x57

Icon.png

iPhone/iPod touch上的App Store以及Home界面

这个真得有

114x114

Icon@2x.png

iPhone 4(高分辨率)的Home 界面

可以没有,推荐有

72x72

Icon-72.png

兼容iPad的Home界面

可以没有,推荐有

29x29

Icon-Small.png

Spotlight搜索以及设置界面

可以没有,推荐有

50x50

Icon-Small-50.png

兼容iPad的Spotlight搜索

如果有设置束,最好有

58x58

Icon-Small@2x.png

iPhone 4(高分辨率)的Spotlight搜索和设置界面

如果有设置束,最好有

 
 
其中第一个,也就是iTunesArtwork,必须是png格式的,但不许有后缀名。
专为iPad的应用程序
 
 
图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

72x72

Icon-72.png

App Store以及iPad上的Home界面

这个真得有

29x29

Icon-Small.png

iPad上的设置界面

如果有设置束,最好有

50x50

Icon-Small-50.png

兼容iPad的Spotlight搜索

可以没有,推荐有

 
 
ItunesArtwork同上。
iPhone、iPad通用的应用程序
 
 
 
图片大小 (px)

文件名

用途

重要程度

512x512

iTunesArtwork

iTunes 商店中展示

可以没有,推荐有

57x57

Icon.png

iPhone/iPod touch上的App Store以及Home界面

这个真得有

114x114

Icon@2x.png

iPhone 4(高分辨率)的Home 界面

可以没有,推荐有

72x72

Icon-72.png

iPad上的App Store以及Home界面

可以没有,推荐有

29x29

Icon-Small.png

iPad和iPhone的设置界面以及iPhone的Spotlight搜索界面

可以没有,推荐有

50x50

Icon-Small-50.png

iPad上的Spotlight搜索界面

可以没有,推荐有

58x58

Icon-Small@2x.png

iPhone 4(高分辨率)的Spotlight搜索和设置界面

如果有设置束,最好有

 
 
Info.plist文件
下面你也知道要怎么样了吧——对了,设置plist文件。首先,将所有的图标文件起好名字,添加到工程的Resources中去。在.plist中添加一个Icon file字段,再添加Icon files文件字段,为Icon files添加子字段,就是所需的图标文件。如图所示。
修改info.plist文件
 
 
Ps:如果你只提供一些必须的文件,剩下的文件iPhone会为你生成的。
Update:现在不提供iPhone4的必须图标Icon@2x.png,将通不过App Store的审核,所以,现在Icon@2x.png也是必须的了。
之前自学时,一直不会给程序设定一个程序图标. 天天对着白板图标有时候还会影响心情呢.
后来才知道,方法很简单.
随便找一个PNG为后缀的图标, 把它重命名为 icon.png 就可以了.  再次启动 IPhone 模拟器. 就成功了.
及时尺寸不符合审核规范,也是可以显示出来的,供测试效果吧.
为iPhone设置启动画面只需要将图片名称命名为:Default.png 即可.
icon尺寸: 57*57  高清  114*114
Default尺寸: 320*480 高清 640:960

 

Date:2012-08-20 14:18
工程默认是会为App的图标加入高亮光泽效果,如果想去掉需要进行如下设置,如图:

Xcode4.2中 在Icon files (iOS 5) - Primary Icon中的 Icon already includes gloss effects  == YES; 
即可
一、应用图标

ios3.2之前

不支持在Info.plist文件里指定图标,需要遵循苹果图标命名规范,如下

Icon.png        57x57     iphone          应用图标

Icon@2x.png       114x114     iphone(Retina显示屏)  应用图标

Icon-72.png       72x72      ipad            应用图标

Icon-72@2x.png    144x144    ipad(Retina显示屏)    应用图标

Icon-Small.png     29x29     iphone          系统设置和搜索结果图标

Icon-Small@2x.png    58x58     iphone(Retina显示屏)  系统设置和搜索结果图标 

Icon-Small-50.png    50x50    iPad            系统设置和搜索结果图标

Icon-Small-50@2x.png 100x100  ipad(Retina显示屏)    系统设置和搜索结果图标

ios3.2及之后~ios5.0之前

需要在Info.plist里设置,添加key为Icon files的值,分别添加上面对应图标名称,到列表,例如



相应的source code为

<key>CFBundleIconFiles</key><array>
    <string>Icon-72.png</string>
    <string>Icon-72@2x.png</string></array>
 

ios5.0及之后

需要在Info.plist里设置,添加key为Icon files (iOS 5)的值,分别添加上面对应的图标名称,到子项Primary Icon里面的Icon files列表里

例如:



其中,Icon already includes gloss effects设为YES,可以去除苹果为每个图标加上的默认高光

 

 

另外,xcode5下编译时, 去除高光还需一个步骤:

 

选中工程资源目录的APPIcon,在右侧栏勾选ios icon is pre-rendered

 



 

 

如果Icon files (iOS 5)下面有Newsstand icon项,如果不设置可以删除,否则有可能会报错

相应的source code为

复制代码
<key>CFBundleIcons</key><dict>
    <key>CFBundlePrimaryIcon</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>Icon-72.png</string>
            <string>Icon-72@2x.png</string>
        </array>
        <key>UIPrerenderedIcon</key>
        <true/>
    </dict></dict>
复制代码
如果开发的项目悲催的是:(1)可以跑iphone也可以跑ipad的应用(universal app)

(2)支持ios3.2之前版本到现在最新版本的所有版本

就需要以上的设置全部

 

二、iTunes应用商店展示图标

iTunesArtwork     512x512    iTunes    展示图标

名称为iTunesArtwork的png文件,但不许有后缀“.png”

 

三、启动画面默认图

iphone

Default.png        320 × 480             iphone(只有竖屏)        启动画面

Default@2x.png      640 × 960(或640x920)     iphone(Retina显示屏,只有竖屏) 启动画面

ipad2:

Default-Landscape.png  1024x768 (或1024x748)    ipad横屏              启动画面

Default-Portrait.png     768 × 1024(或768 × 1004)     ipad竖屏              启动画面

 ipad3:

Default-Landscape@2x~ipad.png  2048x1536(或2048x1496)  ipad(Retina显示屏,横屏)    启动画面

Default-Portrait@2x~ipad.png    1536x2048(或1536x2008)  ipad(Retina显示屏,竖屏)   启动画面

 

其中后面括号内的尺寸不包含状态栏
2015-06-15 0 /
IOS开发
/
标签: 

评论回复

回到顶部