ios底部栏设计规范_iOS平台的移动UI设计规范

一、状态栏和导航栏

1、状态栏(Status Bars)就是iPhone最上方用来显示时间、运营商信息、电池电量的那个很窄的区域。

2、导航栏(Navigation Bars)就是状态栏之下的区域，一般来说导航栏中间是页面标题，左右是放置功能图标的区域。

在iPhone6/7/8设计中，状态栏的高度为20pt(40px)，导航栏的高度是44pt(88px)。这两个区域在iOS7代之后就进行了一体化设计。所以它们加起来的高度是64pt(128px)。

二、大标题导航栏

1、大标题

在最新的苹果设计中导航出现了一种新形式：大标题。出现这种形式就是为了减少视觉噪音，让内容更加突出。

很明显大标题的设计很像报纸的版式设计，在第一眼我们就会明白页面的主题。

大标题导航栏的高度一般为116pt(232px)：这包括了20pt(40px)状态栏的高度，同时也能放得下34pt(68px)的大标题和辅助信息(如返回等图标)。

但是注意一下，大标题并不应该像传统导航一样常驻在页面之上，因为它太占空间了。所以在滑动页面时大标题会变成正常导航栏的64pt(128px)的高度。

2、标签栏(Tab Bars)

Tab就是点击的意思，Tab栏(也叫标签栏)指的是APP底部的区域，如微信底部常驻有聊天、通讯录、发现、我的四个图标。

iOS规范中Tab栏一般有五个、