iPad横屏和竖屏界面尺寸设计规范【最全】
今天25学堂继续跟大家回顾一下ipad界面设计尺寸规范和具体的设计数值。这里从ipad横屏、竖屏的2个不同的场景跟大家聊聊ipad的界面设计尺寸规范。
之前25学堂也跟大家分享过:
1、 iPad界面设计尺寸规范详解【完整的平板设计规范】
2、 一套完整的iOS 9 GUI iPad Sketch素材以及下载
3、 回顾ipad界面设计规范和ipad用户体验设计10招
今天跟随老谭童鞋一起来回顾iPad横屏和竖屏界面尺寸设计规规范.
第一部分:iPad横屏(Landscape)界面设计尺寸规范
iPad在横屏( Landscape )模式下,界面区域元素主要由下图所示构成:
横屏主要尺寸:
宽度:1024px
高度:768px
状态栏(Status Bar)高度:20px
导航条(Nav Bar)高度:44px
主内容区域(Main Cotent Area)高度:655px
标签栏(Tab Bar)高度:49px
键盘高度:352px
第二部分:iPad在竖屏模式下,界面区域元素主要由下图所示构成:
竖屏主要尺寸:
宽度:768px
高度:1024px
状态栏(Status Bar)高度:20px
导航条(Nav Bar)高度:44px
主内容区域(Main Cotent Area)高度:911px
标签栏(Tab Bar)高度:49px
键盘高度:264px
如果你是设计的尺寸是1536 x 2048px的: 与上面的对比关系如下:2倍的倍率
iPad 768 x 1024 pixels 1024 x 768 pixels
1536 x 2048 pixels (
@2x
) 2048 x 1536 pixels (
@2x
)
72 dpi,RGB,扁平,不透明度
高质量的JPEG或PNG图像文件格式下列任何尺寸参考:
1024×748 像素的景观(无状态栏)最低
1024×768 像素的景观(全屏)最大
2048×1496 像素的高分辨率(无状态栏)最小
2048×1536 像素的高分辨率(全屏)最大
768×1004 像素的肖像(无状态栏)最小
768×1024 像素的肖像(全屏)最大
1536×2008 像素的高清晰度(无状态栏)最小
1536×2048 像素的高清晰度(全屏)最大
希望以上所有的ipad横屏和竖屏界面尺寸设计规范可以帮到各位APP设计师们。继续加油吧!