ios底部栏设计规范_IOS界面设计尺寸标准规范——超级干货

很多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):就是顶部条高度

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值