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显示屏,竖屏) 启动画面 其中后面括号内的尺寸不包含状态栏
评论回复