iphone界面设计规范.doc

iPhone6的原型规范如下:
1、 界面尺寸布局：满屏尺寸750xl334px
2、 高度电量条高度40px ,导航栏高度88px，标签栏高度98px ;
3、 各区域图标大小导航栏图标44px ,标签栏图标50px ；
4、 各iPhone6的原型规范如下:
1、 界面尺寸布局：满屏尺寸750xl334px
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倍以上;
10、iPhone6Plus 的***@3x , iPhone6 的***@2x, iPhone5 的***@2x 的介绍
，1242x2208px-***@3x的像素分辨率，逻辑分 辨率是414x736pt-***@lx。物理尺寸是1080xl920pxo这个物理尺寸，也是安 卓机目前最流行的大屏设计稿尺寸。
,750xl334px-***@2x的像素分辨率，逻辑分辨率 是 375x667pt-***@lx。
☆ iPhone5是4英寸屏幕，640xll35px-***@2x的像素分辨率，逻辑分辨率
是 320x568pt-***@lx。
参考图片如下：
iPhone 6 Plus
/ i
iPhone 6
iPhone 5 ⑤

1080x1920 px

750x1334 px
* 2 刀
像素分瓣率
1242x2208 px
750x1334 px
640x1136 px
倍率
***@3x
***@2x
***@2x
逻HI分解率
414x736 pt
375x667 pt
320x568 pt
物理尺寸
6 22 x 英寸
5 44 x 2 64 英寸
4 英寸
屏幕密度
401 ppi
326 ppi
326 ppi
DPI
154
163

9、原型设计中，需要考虑不同屏幕尺寸的苹果手机，在***@lx的情况下的适配情
况。
比如：
iP