【UI设计】iOS 界面规范【教程贴】

【UI设计】iOS 界面规范【教程贴】

iPhone5、5C、5S、5SE的界面规范：

界面整体尺寸是：640x1136PX

顶部的状态栏尺寸是：640x40PX

导航栏尺寸是：640x88PX

底部的标签栏尺寸是：640x98PX

中间剩下的区域是内容区域，那么这个内容区域的一些尺寸是没有硬性规定的，主要根据设计师的想法去设定！

          ——

iPhone6P、7P、8P的渲染版界面规范：

界面整体尺寸是：1242x2208PX

顶部的状态栏尺寸是：1242x60PX

导航栏尺寸是：1242x132PX

底部的标签栏尺寸是：1242x146PX

中间剩下的区域是内容区域，那么这个内容区域的一些尺寸是没有硬性规定的，主要根据设计师的想法去设定！

          ——

iPhone6、7、8的界面规范：

界面整体尺寸是：750x1334PX

顶部的状态栏尺寸是：750x40PX

导航栏尺寸是：750x88PX

底部的标签栏尺寸是：750x98PX

iPhone6的UI尺寸只是在宽度比iPhone5的宽度多了110PX，其余的栏的高度都保持不变！

中间剩下的区域是内容区域，那么这个内容区域的一些尺寸是没有硬性规定的，主要根据设计师的想法去设定！

          ——

iPhone X 的界面规范：

界面整体尺寸是：1125x2436PX

iPhone X与其他的iPhone的区别就是顶部与底部多了两个安全区域，这两个区域是不能够放图标与文字的！

顶部的安全区域尺寸是：1125x132PX

导航栏尺寸是：1124x132PX

底部的标签栏尺寸是：1125x146PX

底部安全区域尺寸是：1125x102PX

中间剩下的区域是内容区域，那么这个内容区域的一些尺寸是没有硬性规定的，主要根据设计师的想法去设定！

往期福利：

http://www.ui.cn/detail/355187.html