很多IOS APP UI设计稿都是以iphone6为基准的,方便向上适配iphone7的尺寸,也方便向下适配iphone5的尺寸。所以本文也以iPhone6的界面为基准f分享IOS界面设计规范。
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来设计;
界面尺寸规范
1、界面尺寸:750x1334px。
2、状态栏(status bar):就是电量条高度:40px;
3、导航栏(navigation):就是顶部条高度