美文网首页UI设计规范
UI设计:iOS 界面规范

UI设计:iOS 界面规范

作者: UI设计优课堂 | 来源:发表于2018-05-08 17:06 被阅读0次

    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 界面规范

        本文链接:https://www.haomeiwen.com/subject/niswrftx.html