1 / 3
文档名称:

iphone界面设计规范.doc

格式:doc   大小:91KB   页数:3页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

iphone界面设计规范.doc

上传人:小健 2022/5/20 文件大小:91 KB

下载得到文件列表

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