IOS界面设计尺寸标准规范
很多IOS APP UI设计稿都是以iphone6为基准的，方便向上适配iphone7的尺寸，也方便向下适配iphone5的尺寸。所以我给大家分享iPhone6的界面设计尺寸有哪些规范。
IOS界面设计尺寸规范（以iPhone6为例）
一、界面尺寸规范
1、界面尺寸大小是：750x1334px。
2、状态栏(status bar)：就是电量条，其高度为：40px;
3、导航栏(navigation)：就是顶部条，其高度为：88px;
4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;
5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
二、图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px；
2、标签栏尺寸大小75x75px
3、导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
三、设置界面的图标高度和开关滑动按钮的高度：58px
四、可点击高度规范
在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
五、搜索栏高度规范
搜索栏的高度，在iPhone6的原型图上，统一成58px。
六、界面元素之间的距离规范
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30p x。
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
七、原型设计中，需要考虑不同屏幕尺寸的苹果手机，在@1x的情况下的适配情况。
1、iPhone5在@2x屏幕尺寸是，640x1136px;对应的@1x，屏幕尺寸就是320x568px;
2、iPhone6在@2x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就是375x667px;
3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就414x736px;
八、iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介绍
1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。
2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。
3、iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。
总结：iPhone6的原型规范如下：
1、界面尺寸布局：满屏尺寸750x1334px；
2、高度电量条高度40px，导航栏高度88px，标签栏高度98px；
3、各区域图标大小导航栏图标44px，标签栏图标50px；
4、各区域文字大小电量条文字22px，导航栏-文字32px，标签栏字20px；
5、常用的文字大小：32px，30px，28px，26px，24px，22px，20px；
6、常用的颜色：背景浅灰色#f2f2f2,文字深黑色#323232，边框色深灰#CCCCCC；
7、常用可点击区域的高度：88px；
8、单行文字的背景框的高度：88px，双行则为：176px，三行则为：264px；
9、常用间距：亲密距离：20px;疏远距离：30px，其它距离：10px，44px等；
10、按钮和文本框，原型图做成直角的，圆角半径是多少，由Ui来设计；
11、这种情况，需要修改原型。单个页面的逻辑流程图或用户学习使用时间，超过其它页面平均数的3倍以上
iphone界面尺寸规范
iphone 6 plus设计版：1242*2208
ppi:401ppi
状态栏高度：60px
导航栏高度：132px
标签栏高度：147px
iphone 6 plus放大版：1125*2001
ppi:401ppi
状态栏高度：54px
导航栏高度：132px
标签栏高度：147px
iphone 6 plus物理版：1080*1920
ppi:401ppi
状态栏高度：54px
导航栏高度：132px
标签栏高度：147px
物理版、放大版、设计版的区别：
物理版就是iphone 6plus实际实际的屏幕像素，而设计版就是我们截屏iphone 6plus的界面在ps中去量，发现的尺寸。很明显，量出来的分辨率也就是设计版要比物理版的分辨率要大，这可能由于苹果采用了缩放显示的。至于放大版，其实就是iphone 6的尺寸等比放大1.5倍得出的分辨率。
iphone 6：750*1334
ppi:326ppi
状态栏高度：40px
导航栏高度：88px
标签栏高度：98px
iphone 5-5c-5s：640*1136
ppi:326ppi
状态栏高度：40px
导航栏高度：88px
标签栏高度：98px
iphone 4-4s：640*960
ppi:326ppi
状态栏高度：40px
导航栏高度：88px
标签栏高度：98px
iphone&ipod Touch第一代、第二代、第三代：320*480
ppi:163ppi
状态栏高度：20px
导航栏高度：44px
标签栏高度：49px
图标尺寸：
iphone 6 plus(@3X)
App store：1024*1024px(180px)
非retina：512*512px(90*90px)
程序应用：180*180px0000
主屏幕：114*114px(20px)
spotlight搜索：87*87px
工具栏和导航栏：66*66px
iphone 4、5、6(@2X)
App store：1024*1024px
程序应用：120*120px
主屏幕：114*114px
spotlight搜索：58*58px(10px)
工具栏和导航栏：44*44px
iphone&ipod touch第一代、第二代、第三代：
App store：1024*1024px
程序应用：120*120px
主屏幕：57*57px(10px)
spotlight搜索：29*29px
测量标注工具为：
MarkMan马克鳗，Dorado标注，PXcook像素大厨。
iphone6图标尺寸
导航栏的图标高度为44px左右，标签栏的图标尺寸为50x50px左右，最大为96x64px。
设置界面的图标高度和开关滑动按钮的图标高度：58px。
ip 6 plus的图标高度和开关滑动按钮为：87*87px。
iPhone6文字尺寸
导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
内容区域的文字大小是：20px～24px，26px，28px，30px，32px，34px。
文字颜色：
黑白灰颜色常用的数值是：
①文字黑色#282828
②文字深灰色#656565
③文字浅灰色#98989
④边框浅灰色#C3C3C3
⑤背景淡灰色#f2f2f2
⑥按钮背景纯白色#ffffff
常用的可点击高度，在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
搜索栏的高度，在iPhone6的原型图上，统一成58px。
在iPhone6设计稿中，58px也是一个常用的设计尺寸。
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30px。
导航栏的图标高度为44px（绝大部分功能按钮）左右，标签栏的图标尺寸为50x50px左右，最大为96x64px。
关闭按钮34px*34px，返回按钮26px，简单笔画图标40px。
常用的可点击高度-登陆框、密码框、功能列表等，统一设成88px。
搜索栏、输入框、评论框、地址框的高度，在iPhone6的原型图上，统一设成58px或60px。
在iPhone6设计稿中，界面元素之间的常用距离。
常用间距-亲密距离：20px（与边缘距离）；疏远距离：30px；
其它距离-10px，44px等；
区块间隔：30-40px。
A、疏远距离：比如，改图标距离手机屏幕最左边的距离；
B、亲密距离：比如，左边图标与右边文字之间的距离。
黑白灰颜色常用的数值是：
①文字黑色#333
②文字深灰色#666
③文字浅灰色#999
④边框浅灰色#e5e5e5
⑤背景淡灰色#f2f2f2
⑥按钮背景纯白色#ffffff
移动端常规字体
IOS:常选择华文黑体或者冬青黑体，尤其是冬青黑体效果最好，方正兰亭黑和方正黑体简、方正中等线也运用的比较多。
字体的大小
1、导航栏的文字大小是36-38px；
2、标题字号：32px，34px；
3、内容区域的正文文字大小是：28px，30px；
4、辅助性文字：20px， 24px，26px；
5、标签栏（或主菜单栏）的图标下方的文字大小为20px；
6、终极原则：不大于所在要件高度的一半*;
7、行间距：字号的1.2-1.5倍。
IOS
长文本
可接受下线（80％用户接受）:26px
见小值（50％用户认为偏小）:30px
舒适值（用户认为最舒适）:32～34px
短文本
可接受下线（80％用户接受）:28px
见小值（50％用户认为偏小）:30px
舒适值（用户认为最舒适）:32px
注释
可接受下线（80％用户接受）:24px
见小值（50％用户认为偏小）:24px
舒适值（用户认为最舒适）:28px
颜色值
IOS颜色值取 RGB各颜色的值比如某个色值，给予IOS开发的色值为 R:12 G:34 B:56给出的值就是 12,34,56(有时也要根据开发的习惯，有时也用十六进制)
内部设计
1、所有能点击的图片不得小于44px（Retina需要88px）
2、单独存在的部件必须是双数尺寸
3、两倍图以@2x作为命名后缀
4、充分考虑每个控制按钮在4中状态下的样式，如默认、按下、选中、不可点击。
短文本:
注释:
逻辑分辨率
lPPI（像素密度）
表示沿着对角线，每英寸所拥有的像素（pixel）数目，PPI的数值越高，代表显示屏能够以越高的密度显示图像，即通常所说的分辨率越高，颗粒感越弱，图像更清晰。
1 inch= 2.54cm= 25.4mm
早期的iPhone3GS的屏幕屏幕分辨率是320* 480,iOS绘制图形（CGPoint/CGSize/CGRect）均已point为单位。
l点（point）和像素（pixel）换算关系
iPhone3GS
1point= 1pixel
iPone4/4s、iPhone5/iPhone5s、iPhone6/iPhone6s
1point= 2pixel
iPhone6Plus/iPhone6s Plus
1point= 3pixel
iphone手机英寸如何制定?
pt以及倍率之间的换算关系
建立色彩标准卡
ps有没有标注工具
图标栅格系统
iphone尺寸规范
方法/步骤
界面尺寸规范
1、界面尺寸大小是：750x1334px。
2、状态栏(status bar)：就是电量条，其高度为：40px;
3、导航栏(navigation)：就是顶部条，其高度为：88px;
4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;
5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px
IOS界面设计尺寸标准规范
图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px；
2、标签栏尺寸大小75x75px
3、导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
设置界面的图标高度和开关滑动按钮的高度：58px
IOS界面设计尺寸标准规范
可点击高度规范
在iPhone6的原型图上，统一成88px。在iPhone6设计稿中，88px是一个常用的设计尺寸。
IOS界面设计尺寸标准规范
搜索栏高度规范
搜索栏的高度，在iPhone6的原型图上，统一成58px。
IOS界面设计尺寸标准规范
界面元素之间的距离规范
在iPhone6设计稿中，界面元素之间的常用距离，亲密距离：20px；疏远距离：30p x。
A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。
B、亲密距离：比如，左边图标与右边文字之间的距离。
IOS界面设计尺寸标准规范
原型设计中，需要考虑不同屏幕尺寸的苹果手机，在@1x的情况下的适配情况。
1、iPhone5在@2x屏幕尺寸是，640x1136px;对应的@1x，屏幕尺寸就是320x568px;
2、iPhone6在@2x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就是375x667px;
3、iPhone6Plus在@3x屏幕尺寸是：750x1334px;对应的@1x，屏幕尺寸就414x736px;
iPhone6Plus的@3x，iPhone6的@2x, iPhone5的@2x的介绍
1、iPhone6Plus是5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是安卓机目前最流行的大屏设计稿尺寸。
2、iPhone6是4.7英寸屏幕，750x1334px-@2x的像素分辨率，逻辑分辨率是375x889px-@1x。
3、iPhone5是4英寸屏幕，640x1135px-@2x的像素分辨率，逻辑分辨率是320x757px-@1x。
