经验分类：
发布时间：
这个人不懒什么也没写
373 粉丝 / 29 关注
APP适配IOS8，iPhone6和Plus截图简要说明
有幸在9月25日拿到了iP6和iP6 Plus的真机，恰好又要做适配APP的工作（从iphone5上适配到iphone6和ip6 plus上），所以在真机上研究了下苹果官方在不同分辨率下对系统APP所做的适配。同时在网上也没找到相关的真机对比截图说明什么的，又有朋友问我要IP6和PLUS的真机截图回去自己研究，既然这样，那么干嘛不利用自己已有的资源，让更多的设计师受益呢？所以那就说点什么吧，抛砖引玉，希望大家可以共同研究，少走些弯路，共同成长。之前看过@jingdesign&的关于适配ip6的文章：。 & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & &还有@罗磊的文章：。作为参考（有摘抄部份）。------------------------------------------------------------------正文：首先我们先看一下iphone5，iphone6和iphone6 plus的一些数据对比：& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & iphone5/s & & & iPhone 6 & & & & & iPhone 6 Plus尺寸 & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & 4”& & & && & & & & &4.7” & & & & & & & & 5.5”Viewport’s device-width (in CSS pixels) & & & & & & & & & & & 320 & & & & & & & & 375 & & & & & & & & & 414Viewport’s device-width (Android设备同分辨率参考) &&360& & &&&& & & & & 360 & & & & & & & & & 400Device Pixel Ratio 像素比 & & & & & & & & & & & & & & & & & & & & & & & &2 & & & & & & && & & &2 & & & & & & & & & & & 3 &(近似值) &Rendered Pixels 渲染像素 (默认 viewport size * dpr) & & &640x1136 & & &&750×1334 & & & & Physical pixels 物理像素（手机显示像素） & & & & & & & & & & &&640x1136 & & &&750×1334 & & & & PPI&每英寸所拥有的像素数& & & & & & & & & & & & & & & & & & & & & & & & 326 & & & & & & & & 326 & & & & & & & & & 401Status Bar&状态栏高 (px) & & & & & & & & & & & & & & & & & & & & & & & & &40 & & & & & & & & & 40 & & & & & & & & & & 60Title Bar &&导航条高&(px) & & & & & & & & & & & & & & & & & & & & & & & & & 88 & & & & & & & & & 88 & & & & & & & & & & 132Tab Bar &&底栏高&(px) & & & & & & & & & & & & & & & & & & & & & & & & & & & 98 & & & & & & & & & 98 & & & & & & & & & & 147桌面 icon &(px) & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & 120 & & & & & & & & 120 & & & & & & & & & 180图片资源后缀名& & & & & & & & & & & & & & & & & & & & & & & & & & & & & & & &&@2x && & & & & & &@2x & & & & & & & & &@3x& & & & & & & & & & & & & & & &&& &&这里是给前端参考的：iPhone 6与 iphone 5一样，像素比都是2，但是另一方面 iPhone 6 plus 401的dpi真实的像素比值应该大约是2.60。为了解决这个问题，苹果又整了个新概念rendered pixels 渲染像素，如果像素比是3x,那么理论上一个css宽设为414px的屏幕应该拥有1242px的物理像素（现实中是1080px，小了13%）。（像素比的计算方法是：前端的代码是把iPhone4，5的屏幕宽度写为320px，而此时 iphone4，5的所有产品实际宽的像素是640PX，所以像素比是2，iphone6的 CSS 中是375px,实际像素是750px,像素比也是2，而 plus 就不是了。）因此，如果你使用一个3x的图给高清的安卓设备，同样这样图也会适配 iPhone 6 Plus 但是iPhone 的浏览器在渲染在屏幕之前首先会调整图片大小。然后我把3个屏幕的App Store界面截图拿来对比一下：（无法查看原图？）点击这里可以查看高清大图：一：Title bar和Tab bar 高度Title bar ：&ip5/6的 高度是88px，plus 的高度是132px &（88x1.5=132） &&Tab bar &：&ip5/6的 高度是98px ， plus 的高度是147px &（ &98x1.5=147）ip5和ip6的Title bar和Tab bar的高度没变,并且tab bar的icon的大小也没变，只是整栏的宽拉伸了，所以IOS工程师在早期开发的时候如果用的是Autolayout自动布局会很爽，如果是布局写死了，那真是要一个界面一个界面的改了。结论：类似的状态栏高度不变，可以直接拉伸宽度调整间距即可，还有设置界面等，甚至代码是自动布局的话间距都不用调。二：Tab bar的icon大小图中标识的是排行榜的大小：ip5=46x46px&, ip6=46x46px，ip6plus=69x69px（是46px的1.5倍）。结论：ip6的icon,大多可以直接使用ip5的资源，plus的icon需要把ip5的icon资源x1.5倍即可，（我们当时开发xx软件的时候，android的设计尺寸是基于1080P的，我把android的资源拿出来用在plus上是完全可以的，所以开发android用的是1080P屏幕的设计师有福了，以上划线文字是原文，有错误不严谨的地方，1080P，可以将就用，我曾经把我们的 android 的1080P资源名称改成@3x，没调整大小直接放到 xcode里，模拟器跑起来 icon是很清楚的，这也可能是我们的 android 并不是640直接缩放到1080，而是每个界面手动调整的，所以资源可以暂用到 plus 上，我初期刚适配的时候是这么干的，后来发现部分图标无法识别，所以现在我又在把那些资源一个一个手动的调整成 plus 可用的 3倍（@3x）大小。）（在解释一下：例如ip5的某个icon名为:star@2x.png，那么我把android里面相同的icon拿过来改名子为 star@3x.png，直接扔到star@2x.png的同文件夹里面，xcode可以识别为plus的资源的，并且模拟器跑起来后icon的确变成高清的了，和别的没有替换的区别很明显。）&img src="lores.png" srcset="hires.png 2x, superhires.png 3x"&在上面这段代码的例子中，iPhone 6 Plus 的像素比是3x，它会加载superhires.png这张图片，而iPhone 5s,iPhone 6 则会加载hires.png这种图，其余的则加载lores.png。顺便说一句：以前IOS6,IOS7的时候看到app store首页更改了排版的样式，之前的样式记得是每个分类两排向下无限列出，现在界面内的每个分类使用的是横排可以无限滑动的样式，也就是可以不用固定在一屏内，ip6出现前并不理解这种排版样式，也没有发现这个排版的好处，当ip6和plus出现后，这种排版的样式的好处则显而易见，因为这样会更容易方便的适配各种分辨率的屏幕。所以，当你的APP单个界面有多个分类并且内容很多需要排列的时候，建议参考app store的样式，如果有更好的样式也可以分享出来哦。根据 app store 的截图来看，在未来设计 APP 的时候，资源有限的情况下，建议设计2套尺寸，以640x1136px为基础去适配 iphone4,5,6,（ip6可以在ip5的基础上空白区域拉伸即可，资源同用 ip5的，位图则要等比缩放），以px的尺寸去设计 iphone6 plus, 因为 xcode 的工程文件及 plus 代码及截图都是px的分辨率，只是屏幕物理大小是px，所以按照px的尺寸去设计，plus 上显示的物理大小才会正常，并且切图也才会是@3x.如果用1080P切图，图标资源肯定会不清楚。（如果你们的设计师人数足够多，当然iphone6也要单独设计一套。）------------------------------------------------------------------三：bannerip5的banner是640x260px，ip6是750x304px (即ip5的640x260px等比缩放后的大小）。ip6 plus排版已变化，banner图的样式变的和ipad类似，显示3个，其中1个主显示，2个是可预览的。主大小为795x387px. 比例和ip5,6都不一样，所以各家app可能需要根据自己的需要去重新排版调整了哦。结论：类似的位图，ip6等比放大即可，plus需要单独重新排版调整。在看一下手机拍的真机截图，Title和Tab bar在真机上的物理高度都是相同的。根据的提醒，此处物理高度并不相同，非常接近，我自己重新计算了下，iphone5和 iphone6的 Title bar物理高度为 9.971mm =（128*88.51 /1136)，iphone6 plus 的Title bar物理高度为10.591mm =（192*121.8 /2208）。不过此处的数据用处并不大，只为求解物理高度是否相同，所以大家不用记，不过还是要感谢的认真。------------------------------------------------------------------四：相册在看相册的变化（ip6 plus 对比 ip6截图），类似的位图应该都是等比放大的，并没有像 app store单行增加数量，ip6相册单个图片的大小是186x186px，plus 的单个大小是309x309px，所以类似这样的界面， 可以等比缩放就可以了。------------------------------------------------------------------五：桌面 Icon:在来看一下桌面icon的大小对比iphone5=120x120px & & &iphone6=120x120px & &&iphone6 plus=180x180px (是iphone5/6的1.5倍，即@3x)结论：icon要出一套180x180px的尺寸。同理：关于启动图，也就是闪屏，如果你的webapp有一个启动图，那么你又得增加两行代码适配新 iPhone 了。闪屏iPhone 6对应的图片大小是750×1334px，iPhone 6 Plus 对应的是px.------------------------------------------------------------------六：自动布局及 svg 等苹果好像在IOS6的时候就提供了一种解决方案，自动布局Auto Layout ：，如果设计师了解html和css会容易理解一些，我自己也只是了解html的皮毛，设计师在设计界面的时候标注的数据最好不要写固定的多少px,使用绝对定位那是iP4之前的方案，尤其现在出来了ip6和plus，如果现在还用绝对定位，设计师和工程师效率会很低，所以我们和工程师沟通的时候最好使用的是靠左，右多少，居中，及控件在屏中大小及位置是几分之几之类的标注，Auto Layout可以根据不同的设备尺寸自动计算UIView的frame，这样会更有效方便的适配更多的尺寸。Xcode6已经开始支持 FDP/svg 格式的矢量图片了，和我们的工程师沟通说可以直接出一张 PDF 的图片即可，我用 PS 导出pdf到xcode上测试可用了，顺便问一下，大家没有可以批量导出psd图层为pdf格式切图的方法，难道只能一个一个切？------------------------------------------------------------------所有的ip6&plus真机截图放在附件里面供大家下载研究。(压缩包是mac自带压缩的，在windows解压可能会乱码，哪位朋友方便可以重新上传一次分享给大家哦。)转载请保留以下信息，因为我还会针对不严谨的地方及新的发现随时修改。（最后更新于 &09：40）————————————————————————————————————————————本文转载自UI 中国，作者@ youngxkk原文地址 ————————————————————————————————————————————
亲，你需要登录后才能对该经验进行评论喔！
: 我们这边的开发同学也用SVG显示不出来 ，不知道是啥子原因，
: 另存为就有了，但文件灰常大
为什么截屏6plus的标准模式出来 会是720*1280的么。zoom模式下是.那么又是如何体现的呢？
3-21 16:50
ps怎么导出pdf格式的文件啊？
3-19 17:02
总结的很仔细，非常赞
1-29 14:50
收藏，学习~
: ios8是支持svg格式了的
谁说的可以支持svg格式啊？没试过不要乱传好不好？矢量图只支持pdf格式。
: 这个我没有尝试过，所以没有写出来，写出来的东西都是我研究尝试过确定的哦
不是说也支持pdf吗？/project.php?id=25685
: 在 plus上奇数偶数都很多，但是在 ip6和ip5上最好用偶数
: plus 是147px
底部的高度是146px,还是147px，是取偶数还是奇数？
: 这个数据146是第一天失误写错了，第二天就更改为147了哦，你可以在看一下哦
5/5s的 tab bar时98px
应该是98x1.5＝147px，为什么标注的又是146px，是因为必须偶数的关系么那为何不试148px？
: 他说的没错哦，文章已更改
: 多谢指出，原文失误写错了，实际上 plus 的 status bar高度是60px.
写的不错 收藏了 赞~~~~~
: status的高度是固定的，@3x是你坐app时候的切图~
Status Bar
不是60么？
感谢分享，学习了~
: 请忽略掉文章上的 x,y 轴，那是整个画板的坐标。
请问 截图上的x轴和 y轴的尺寸标注是根据屏幕物理尺寸标注的么，我怎么觉得不是很对呢
: 具体的标注方式，因为我不太确定不同的 IOS 工程师是否会用同一种方法实现同一个功能，因为效果在那里，不同的工程师实现的方式不一样呢，最好和自己的工程师沟通为好
: @youngxkk : 这里iphone6 plus的分辨率怎么又是以720*1280为标准？此页面没有提到720p 这个分辨率哦
: 提字号是因为我并不希望大家把这些东西也非常严格的按照苹果的来，因为不同 app 的不同图片大小不同，而字号与不同图片的相关性又非常大，所以这里大家针对自己的 APP，自由调整吧，如果为了效率，那么我大概说一下，iphone6的所有字号都可以与 iphone5相同，plus 的所有字号 x1.5 即可。 不过还是希望大家可以根据自己的 APP的界面优化字体大小等。不同位置的字号大小，可参考这里:http://www.cssway.org/news_show.asp?id=288&classid=3
: 导出 svg 我也没有更好的方法，不过ps cc(2014)已提供此功能，我还没来的急更新，你也可试一下哦
: 没提字号是因为我并不希望大家把这些东西也非常严格的按照苹果的来，因为不同 app 的不同图片大小不同，而字号与不同图片的相关性又非常大，所以这里大家针对自己的 APP，自由调整吧，如果为了效率，那么我大概说一下，iphone6的所有字号都可以与 iphone5相同，plus 的所有字号 x1.5 即可。 不过还是希望大家可以根据自己的 APP的界面优化字体大小等。不同位置的字号大小，可参考这里:http://www.cssway.org/news_show.asp?id=288&classid=3
: 抱歉回复的那么晚，一直没找到时间来计算 Title 栏的高度，iphone5的屏幕长为88.51mmiphone6 plus 的屏幕长为121.8mm，我根据屏幕像素占比，大概计算了一下:iphone5和 iphone6的 Title bar物理高度为 9.971mm =（128*88.51
/1136)iphone6 plus
的Title bar物理高度为10.591mm =（192*121.8
/2208）,抱歉我的失误，没有仔细计划算，只是肉眼看了一下，不够严谨，文章内容已更新。
使用注册信息登录
请输入登录密码
如果登录出现异常清理浏览器的缓存后再尝试
小伙伴们！困扰大家已久的一些个人中心的问题今天将会得到解决！
全新的注册登录系统即将展现，支持邮箱登录！而且这次让IE也说Yes！
全新的个人资料修改方式，今后你将可以修改自己的用户名、邮箱！
忘记密码的小伙伴也不必惊慌了，你可以轻松修改和找回自己的密码！
UI中国 开发团队
前身为。国内最专业的UI设计平台!
六年来一直为UI设计师做最好的服务而不断努力着!
进入专业界面设计师圈子，与小伙伴们分享你的作品！苹果6plus桌面图标不见了怎么办-中国学网-中国IT综合门户网站
> 苹果6plus桌面图标不见了怎么办
苹果6plus桌面图标不见了怎么办
转载 编辑：李强
为了帮助网友解决“苹果6plus桌面图标不见了怎么办”相关的问题，中国学网通过互联网对“苹果6plus桌面图标不见了怎么办”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:苹果6plus桌面图标不见了怎么办，具体解决方案如下：解决方案1：重启一下管用么？包括下面的短信邮箱等等？说明桌面管理程序坏了，都不见了么，需要去客服修一下滴！趁在保期全都不见了么通过对数据库的索引,我们还为您准备了：答：1、下载个pp助手安装并打开 2、找到【修复图标】打开，此时可见pp助手对话框，点击【确定】 3、最后它会提示【修复桌面图标中】，稍微等下就可见【修复桌面图标完成】===========================================答：全都不见了么？包括下面的短信邮箱等等，都不见了么？重启一下管用么？说明桌面管理程序坏了，需要去客服修一下滴！趁在保期，快去修啊===========================================答：你好楼主！ 请你先将手机关掉重新启动系统。===========================================答：找到桌面图标，用360卫士强力卸载。===========================================答：楼主您好。 1：麻烦您先将手机关掉重启。 2：开机后先对手机进行连续三次杀毒。 3：然后点击主屏幕上的【设置】。 4：在【设置】里将【隐私】打开。 5：在【稳私】的页面上将【定位服务】打开。 6：打开后再返回到【隐私】的页面，将【运动与健...===========================================答：设置，打开icloud进去，翻到最下面注销一下===========================================答：楼主您好。 麻烦您按我所说的步骤来进行操作。 1：麻烦您点击主屏幕上的“设置”。 2：在“设置”里将“隐私”打开。 3：在“隐私”里将“定位服务”打开。 4：再返回到“隐私”页面上，将“运动与健身”五个字打开。 5：打开后您会看见“健身跟踪” “健康”这六...===========================================答：1.找到iPhone6 plus设置，然后进入设置之后，往下拉，找到“声音”设置 2.找到声音设置后，在其最底部即可看到“锁定声”和“按键音”设置，我们将这两项关闭/打开即可 \===========================================答：楼主您好！ 请您先别着急，我将步骤详细告诉您，请您试一下。 1：请您点击屏幕上的“设置”。 2：在“设置”里将“通知”打开，先在“通知”页面上找到“提示”。 3：将“提示”打开后，然后再将“在锁定屏幕上显示”打开。 4：返回到“通知”页面，将您要“通知”...===========================================把首页的图标全部移到第三页,第一页就是空白了,还能完整看到 你设置的背景.....===========================================1.打开设置。2.选择Store。3.选择注销。4.开开主屏幕图标。5.返回桌面看看有了没有!===========================================
本文欢迎转载，转载请注明：转载自中国学网： []
用户还关注
可能有帮助你的位置： &
> iphone6 plus怎么添加文件夹 苹果6 plus创建桌面文件夹方法
iphone6 plus怎么添加文件夹 苹果6 plus创建桌面文件夹方法
更新时间：
收藏本页（Ctrl+D）
手机扫描查看
扫描二维码
　　苹果iphone6 plus创建桌面文件夹方法技巧教程：【iphone各型号手机方法都通用】
小编推荐阅读：
　　1、可以将同类的文件放在一个文件夹中，将同类先文件放在一起，让大家看得更仔细。
　　2、按住文件不动 ，等图标上出现删除的符号时，将两个文件夹往一起拖动。
　　3、文件夹自己会根据文件类型建立文件夹名字，这两个建立的文件夹是街机游戏。
　　4、可以将游戏类文件都放进去。
　　5、如果将两个手机银行放在一起，建立的文件夹就是财务文件夹 ，赶紧试试吧。
【上一篇】
【下一篇】
看完这篇文章有何感觉？
统一文章资讯频道声明
1、 所有来源标注为统一下载站或统一文章的内容版权均为本站所有，若您需要引用、转载，请注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。
2、 本站所提供的文章资讯等内容均为作者提供、网友推荐、互联网整理而来，仅供学习参考，如有侵犯您的版权，请及时联系我们，并提供原文出处等，本站将在三个工作日内修正。
3、 若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 未经统一下载站允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非统一下载站所属的服务器上建立镜像，站长之家对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
手机资讯分类
Copy . All Rights Reserved.
本站资源均收集整理于互联网，其著作权归原作者所有，如果有侵犯您权利的资源，请来信告知，我们将及时撤销相应资源。你的位置： &
> iphone6 plus恢复出厂设置教程
iphone6 plus恢复出厂设置教程
更新时间：
收藏本页（Ctrl+D）
手机扫描查看
扫描二维码
　　苹果6 plus怎么恢复出厂设置?相信很多用户对于苹果6 plus怎么恢复出厂设置还不太清楚，下面统一小编来跟大家分享一下iphone6 plus恢复出厂设置教程，感兴趣的可以过来看一下。
　　1.在你的苹果6 plus中找到&设置&图标
　　2.接着我们找到&通用&选项
　　3.然后我们在通用中点击&还原&选项
　　4.由于这里是想要把手机恢复到出厂设置，始整个手机的初始化状态，所以在这里选择&抹掉所有内容和设置&选项，如图所示
　　5.如果我们没有设置密码就进入恢复了，如果设置有访问限制密码，会要求输入密码
　　6.最后选择&抹掉 iPhone&选项即可把手机还原到出厂状态
【上一篇】
【下一篇】
看完这篇文章有何感觉？
统一文章资讯频道声明
1、 所有来源标注为统一下载站或统一文章的内容版权均为本站所有，若您需要引用、转载，请注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。
2、 本站所提供的文章资讯等内容均为作者提供、网友推荐、互联网整理而来，仅供学习参考，如有侵犯您的版权，请及时联系我们，并提供原文出处等，本站将在三个工作日内修正。
3、 若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 未经统一下载站允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非统一下载站所属的服务器上建立镜像，站长之家对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
手机资讯分类
Copy . All Rights Reserved.
本站资源均收集整理于互联网，其著作权归原作者所有，如果有侵犯您权利的资源，请来信告知，我们将及时撤销相应资源。}