APP设计以IPhone6为基准如何才能适配iPhone6Plus与iPhone
Iphone6与6plus你不知道的专属技巧

Iphone6与6plus你不知道的专属技巧(一)
1、单手模式
Iphone6的屏幕尺寸为4.7寸,而plus更是达到了5.5寸,苹果一向对于手机的单手操作体验非常重视,所以,在iphone6上增加了一个单手操作的功能。
用户只需要连续触碰两下home键(不是按下),桌面程序就会自动下降到屏幕中间的位置,方便使用者单手操作。
2、放大/缩小应用图标
放大/缩小应用图标功能也是苹果对于大屏的优化,用户可以在设置—显示的亮中开启显示缩放功能,可以根据自身喜好,选择应用图标的大小。
3、iphone6 plus横屏模式
横屏模式只针对iphone6 plus,iphone6并无此功能,也许苹果觉得4.7寸还不够大,加入横屏横式没什么意义吧,在plus上面,包括桌面、邮件、信息等等都可以显示为类似于ipad的横屏模式,因为plus尺寸够大,某些场景下横屏模式会更便于操作。
4、60fps拍摄功能
Iphone6支持拍摄1920-1080p/60fps(每秒画格数达60)的视频,但是默认并未开启,用户需要进入设置—照片与相机,打开使用60FPS录像。
这样,就可以愉快地拍摄高清视频啦。
开发适配iPhone和iPad的iOS应用(七)

开发适配iPhone和iPad的iOS应用随着智能手机和平板电脑的快速普及,iOS设备成为了人们生活中不可或缺的一部分。
为了满足用户的需求,开发适配iPhone和iPad 的iOS应用成为了许多软件开发者的重点工作。
本文将从需求分析、开发流程以及适配技巧等方面来探讨如何开发适配iOS设备的应用程序。
一、需求分析在开发适配iPhone和iPad的应用之前,首先需要进行需求分析。
这包括了对用户的需求、目标市场以及竞争对手的分析。
只有深入了解用户的需求,才能够开发出真正符合用户期望的应用程序。
在需求分析阶段,开发者需要注意不同设备大小和功能的差异。
iPhone是一个小屏幕设备,而iPad则有更大的屏幕空间,因此应用程序的界面布局需要根据设备的不同来进行优化。
同时,还可以考虑利用iPad大屏幕的优势,增加更多功能和操作方式,以提升用户体验。
二、开发流程在需求分析完成后,接下来是正式的开发流程。
这个过程可以被分为几个重要的步骤,包括设计、编码、测试和发布。
在设计阶段,开发者需要根据需求分析的结果来设计应用程序的界面和功能。
这一过程需要充分考虑到用户的直观操作和友好交互,并且要保持UI风格的一致性,使得用户能够在不同设备上都能够轻松上手。
编码是开发过程中最为重要的一步。
在编码过程中,开发者需要使用相应的开发工具和编程语言来实现应用的功能。
对于iOS设备来说,Objective-C和Swift是最常用的开发语言。
在编码过程中,要充分利用iOS提供的框架和功能,比如自动布局、动画效果等,以提高应用的性能和用户体验。
测试阶段是开发过程中不可忽视的环节。
通过对应用程序进行全面的测试,可以发现潜在的缺陷和问题,并进行修复。
同时,还需要进行设备的兼容性测试,确保应用程序在不同型号的iPhone和iPad 上都能够正常运行。
最后,将应用程序发布到App Store上是开发工作的最后一步。
在发布前,开发者需要仔细审核应用程序的功能、安全性以及用户体验,以确保应用程序能够通过App Store的审核。
开发适配iPhone和iPad的iOS应用(六)

开发适配iPhone和iPad的iOS应用随着智能手机和平板电脑的迅速普及,移动应用的市场也越来越繁荣。
而对于开发人员来说,适配不同设备的应用程序是一个必不可少的任务。
特别是对于iPhone和iPad这两个使用iOS操作系统的设备来说,适配工作显得尤为重要。
本文将讨论开发适配iPhone和iPad 的iOS应用的相关技巧和方法。
一、了解iPhone和iPad的差异在开始开发适配iPhone和iPad的iOS应用之前,我们首先要了解iPhone和iPad之间的差异。
虽然它们都使用iOS操作系统,但它们在屏幕尺寸、分辨率和硬件配置等方面存在着明显的差异。
iPhone 的屏幕尺寸通常为4英寸或更小,而iPad则有多个尺寸可供选择,从英寸到英寸不等。
因此,开发适配iPhone和iPad的应用程序应该考虑到这些差异,以便在不同设备上获得良好的用户体验。
二、使用自动布局自动布局是iOS应用开发中一个非常强大的工具,它可以使应用在不同设备上自动适配。
自动布局可以通过使用约束来定义视图的大小和位置,从而确保应用在不同屏幕尺寸下具有相对一致的外观。
使用自动布局,我们可以为iPhone和iPad分别设置不同的约束条件,以便能够适应不同的屏幕尺寸。
三、使用自适应界面元素除了自动布局,我们还可以使用自适应界面元素来适配iPhone和iPad。
自适应界面元素是指在不同屏幕尺寸下能够自动调整大小和位置的界面元素。
例如,可以使用可伸缩的UIImageView来展示图片,以适应不同的屏幕尺寸。
还可以使用自适应的文本框和按钮等界面元素,以确保它们在不同设备上都能够正常显示和使用。
四、适配不同分辨率iPhone和iPad之间的另一个重要差异是分辨率。
在开发适配iPhone和iPad的应用程序时,我们需要考虑到不同设备的分辨率差异,以确保应用在不同分辨率下都有良好的显示效果。
可以使用不同的图片资源来适配不同的分辨率,以保证图片在不同设备上的清晰度和细节表现。
StoryBoard和代码结合 按比例快速兼容iPhone6 - 6 Plus教程

编者注:根据网友们的评论,文章中的方法有很大的局限性,请谨慎使用!现在由于苹果公司出了6和6Plus,让写苹果程序的哥们为了做兼容很头疼。
用StoryBoard固然方便,但是后期做兼容要花费太多的时间和精力。
使用AutoLayout虽然会在不同尺寸的屏幕下自动布局,但是很多东西还是要自己手动修改,而且使用AutoLayout的话有一个弊病,就是无法通过代码来修改StoryBoard上控件的尺寸和位置。
使用纯代码搭建界面又会觉得不够直观,要花时间调整布局,虽然方便后期做调整兼容性,但是影响开发效率。
当然个人觉得还是代码和StoryBoard结合的方式比较方便。
先说下使用本方法的要求,首先iPhone5的界面一定要完全兼容,这样才能完美兼容6和6Plus。
首先,我么我们要观察一下5,6和6Plus 的尺寸比例关系。
发现了他们的关系后待会做兼容就明白了。
很明显能看出这三种屏幕的尺寸宽高比是差不多的,因此可以在5的基础上,按比例放大来兼容6和6Plus的屏幕。
在AppDelegate.h中@propertyfloatautoSizeScaleX;@propert yfloatautoSizeScaleY;在AppDelegate.m中#defineScreenHeight[[UIScreenmainScre en]bounds].size.height//获取屏幕高度,兼容性测试#defineScreenWidth[[UIScreenmainScree n]bounds].size.width//获取屏幕宽度,兼容性测试-(BOOL)application:(UIApplication*)applic ationdidFinishLaunchingWithOptions:(NS Dictionary*)launchOptions{AppDelegate* myDelegate=[[UIApplicationsharedApplica tion]delegate];if(ScreenHeight>480){myDe legate.autoSizeScaleX=ScreenWidth/320;myDelegate.autoSizeScaleY=ScreenHeight/ 568;}else{myDelegate.autoSizeScaleX=1.0; myDelegate.autoSizeScaleY=1.0;}}因为iPhone4s屏幕的高度是480,因此当屏幕尺寸大于iPhone4时,autoSizeScaleX和autoSizeScaleY即为当前屏幕和iPhone5尺寸的宽高比。
iphone6plus,app尺寸规范

竭诚为您提供优质文档/双击可除iphone6plus,app尺寸规范篇一:ios界面设计尺寸规范ios界面设计尺寸规范一、尺寸及分辨率iphone界面尺寸:320*480、640*960、640*1136、750*1334、1080*1920等。
ipad界面尺寸:1024*768、2048*1536等。
单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。
ps:作图的时候确保都是用形状工具(快捷键:u)画的,这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素iphone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。
640*960的尺寸设计下这些元素的尺寸。
状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px[下图说明:]至于我们经常说的iphone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。
ps:在最新的ios7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计ios7风格的界面的时候多多注意下~三、字体大小heitisc(黑体-简,黑体-简的英文名称为heitisc。
heiti为黑体的拼音,sc代表简体中文(simplifiedchinese)),是macosxsnowleopard(版本10.6)包含的简体中文字型,也是iphoneos3.0(版本4.0后改名为ios)及ipodnano第五代以来的预设简体中文字型。
App适配iPhone 6 - Plus和iOS 8:10条小秘诀

(原文:raywenderlich 作者:Jack Wu 译者:@TurtleFromMars)过节啦!为庆祝佳节,看看我给这篇文章写的这段极客小诗吧:“Keynote前夜,无人知晓,新API能否登场对Siri的期待,Touch ID的希望而此刻iOS 8应声而出,震惊全场扩展,Swift,Metal,整整一箩筐通用Storyboard,又有谁曾料想一片欢呼声中,有人开始迷惘现有的这些App,适配问题实在惆怅不过不必担心,因为这篇教程会与您讲讲新的API和屏幕尺寸,助你的App焕发容光遵循十条小贴士,豁然开朗iOS 8萌萌哒!嗯……老鸭粉丝汤?”先不管诗写的怎样,言归正传——让你的App适配iOS 8和新设备的十条小贴士——正好赶上节假日!:]准备开始你可能会想“我在iPhone 6 Plus上把我的App遛了一遍,看起来没啥问题”。
没错,你的App跑起来应该和原来一样,但这并不意味着你可以就此收手!让现有的App在放大显示模式(Scale Mode)下运行,这一点Apple已经做得不错了,App单纯地被放大,以此适应更大的屏幕。
随便扫一眼,似乎还可以,但你会发现上面的状态栏也变大了。
现在你一定想让自己的App在全屏显示模式下运行吧,有图有真相:全屏显示模式让你的App能在相同的屏幕空间内显示更多的信息。
注意,状态栏的大小也不一样。
在这张图片中,文字可能看起来特别小,但在Retina HD 屏幕上看起来刚好合适。
现在开始准备适配全屏显示模式,那么问题来了:要放弃支持iOS 7吗?你总要做出最终抉择,然而这里还有几点值得考虑:iOS 7用户依然能在App Store上获取当前版本。
大屏设备(iPhone 6和iPhone 6 Plus)运行系统的最低版本是iOS 8。
虽然iOS 8的采用率低于一年前同期的iOS 7,但也已经超过60%。
酷炫的新API。
:]好,现在你心意已决,接下来我们分三个小节来讲让你的App适配iPhone 6,iPhone 6 Plus和iOS 8的十条小贴士。
iPhone 6 / 6 Plus 出现后,如何改进工作流以实现一份设计稿支持多个尺寸?

对于一些定制的界面我们应该根据不同屏幕重新适配,比如下面是个简单的 profile 页面示例,自动适配到大屏幕的效果挺糟糕的。
此时设计师应该手动为大屏幕重新调整设计,像下图一样。
在上图中可看出 iPhone 6 Plus 界面中部分切图尺寸比 3x 更大,要单独切图,所以不是说简单地给iPhone 6 Plus 统一切 3x 图就 OK 的了。
这时矢量切图在开发中优势很明显,只要把大屏幕中切图的尺寸告诉开发即可,无需针对非 3x 元素额外输出切图。
* 手机屏幕毕竟还是像素位图,像细线图标即使是矢量的在缩放后仍可能会出现虚化模糊的现象(类似 HT ML 里的 icon font),理论上并非所有情况都适合用矢量切图。
但是,iPhone 6 Plus 屏幕本身又是 downscale 的,导致原本 pixel perfect 的切图也会在缩放后发虚,完全没有 pixel perfect 而言,究竟是不是 iPhone 6 Plus 屏幕已经优化的看不出像素点了,要等看到实机才能确定。
切图方面用 Sketch 的话可以尽量试试 PDF 矢量切图(但要在实机上确认效果)。
Photoshop 就只能输出位图了,上面提到定制界面里的一些切图得单独输出,其他常规的用 2x 的 PSD 输出 1-3x 切图即可。
另外,与 Photoshop 和 Sketch 相比,AI 不适合做界面设计。
勇于尝试 Sketch 是好的,但若Sketch 各种毛病忍不了的话建议还是用 Photoshop 好些。
* 关于 AI 不适合做界面设计的看法,其实作为功能强大的矢量设计工具,AI 当然可以用来设计界面。
iPhone6plus适配切图方法分享

iPhone6plus适配切图方法分享iPhone6plus适配切图方法分享网络上已经有很多适配教程,可是看了半天总是半懂不懂。
最后还是要综合多个教程再动动脑子动动手,最好有程序大哥帮你试一下,就跟随店铺一起去了解下吧,想了解更多相关信息请持续关注我们店铺!如果有跟我一样情况的:1. 有人说用sketch自动导出多套尺寸切图和SVG矢量格式,表示没钱买MAC2. 有人说用切图神器cutman,表示用CC以上版本PS不支持3. 另…不喜欢/用不惯/不会用ps自带切图工具的目前iPhone有10种型号,5种屏幕尺寸,再加上6plus的“降采样”(Downsampling)(1080-1920),还有iPhone6和6+上的放大模式(1125-2001)和默认模式(1242-2208),是不是感觉好恐怖?但是不用怕,我分享一套超简单的适配方法,看完你都不信有这么简单~ 美术交付给开发的资料有1、标注图(以640为宽度尺寸为基准标注)2、 2x切图(以640为宽度尺寸为基准切图)3、 3x切图(以1280为宽度尺寸为基准切图)开发看到这份标注图,可以自己用上面的数字,乘以1.5得出3X 的数字。
字号也是如此以淘宝为栗子好的,标注的事儿解决了,再来看怎么切图我使用的切图方法很傻瓜,就是使用PS自带的“将图层导出到文件”脚本具体的步骤来了1、以640为宽度的尺寸来设计界面,保证里面用到的尺寸都是个整数并且是偶数哦(已经有设计好的界面的请看下一段)2、另新建一个640为宽度的空白PSD,命名为“切图-2X”3、把设计稿里需要切图的图层、组,拖到“切图-2x”里面,每个切片保存为一个组(比如说一个按钮包含3层,2个状态,分别合成2个组),再检查下命名举栗4、保存好后,然后CTRL+ALT+I(图像大小),把宽度640像素改成1280像素,因为直接放大的2倍,是不会出现虚边的。
5、 1280宽的版本保存为“切图-3x”PSD。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
APP设计以IPhone6为基准如何才能适配iPhone6Plus和iPhone5
随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代。
看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。
移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿。
随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代。
看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了。
加上Android生态中纷繁复杂的各种奇葩尺寸,现在APP设计开发必须考虑适配大、中、小三种屏幕。
所以如何做到交付一套设计稿解决适配大中小三屏的问题?设计和开发之间采用什么协作模式?一个基本思路是:
1、选择一种尺寸作为设计和开发基准;
2、定义一套适配规则,自动适配剩下两种尺寸;
3、特殊适配效果给出设计效果。
手机淘宝的iPhone 6/iPhone 6 Plus适配版本即将提交App store审核。
先晒一下我们采用的协作模式,再慢慢说明原委。
第一步,视觉设计阶段,设计师按宽度750px(iPhone 6)做设计稿,除图片外所有设计元素用矢量路径来做。
设计定稿后在750px的设计稿上做标注,输出标注图。
同时等比放大1.5倍生成宽度1125px的设计稿,在1125px的稿子里切图。
第二步,输出两个交付物给开发工程师:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。
第三步,开发工程师拿到750px标注图和@3x切图资源,完成iPhone 6(375pt)的界面开发。
此阶段不能用固定宽度的方式开发界面,得用自动布局(auto layout),方便后续适配到其它尺寸。
第四步,适配调试阶段,基于iPhone 6的界面效果,分别向上向下调试iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的界面效果。
由此完成大中小三屏适配。
为什么选择iPhone 6作为基准尺寸?
当面对大中小三种屏幕需要适配的时候,很容易想到先做好一种屏幕,再去适配剩下两种屏幕。
第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。
我们选择中间尺寸的iPhone 6(750px/375pt)作为基准,基于几个原因:
1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。
375pt下的设计效果适配到414pt和320pt偏差不会太大。
假设以414pt为基准做出很优雅的设计,到320pt可能元素之间比例就不是那么回事了,比如图片和文字之间视觉比例可能失调。
2、iPhone 6 plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone 6的1.5倍)。
可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。
很多情况下这两种尺寸可以用1.5倍直接等比适配。
3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率,不便于记忆和计算栅格。
640x1136虽然是广泛应用的一个分辨率,但是大屏时代依然以小尺寸为设计基准显然不合时宜,设计师会停留在小屏的视角做设计。
所以,iPhone6的750x1334是最适合基准尺寸。
只交付一套设计稿,默认用什么规则来适配?
前文提到适配策略是先选择iPhone 6作为基准设计尺寸,然后通过一套适配规则自动适配到另外两种尺寸。
这套适配规则总结起来就一句话:文字流式,控件弹性,图片等比缩放。
控件弹性指的是,navigation、cell、bar等适配过程中垂直方向上高度不变;水平方向宽度变化时,通过调整元素间距或元素右对齐的方式实现自适应。
这样屏幕越大,在垂直方向上可以显示更多内容,发挥大屏幕的优势。
按照上述默认适配规则,大中小三种屏幕显示效果均相同。
有时候想在大屏幕显示更多内容,需要设计出特殊适配效果。
比如App store首页焦点图,从iPhone 6适配到iPhone 6 plus时焦点图尺寸和排版做了特殊处理。
底下应用列表也从一排3+个变成一排4+个,真正实现了大屏幕显示更多内容的理念。
这些就需要设计师给出相应设计稿。