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

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


你可能感兴趣的:(UI设计:iOS 界面规范)