iPad横屏和竖屏界面尺寸设计规范【...

  • 经验类型规范/资料原作者:老谭同学

  • 经验属性好文转载
  • 经验版权不使用原创授权
33290 1 106 2017-07-10

今天跟随老谭童鞋一起来回顾iPad横屏和竖屏界面尺寸设计规规范.

第一部分:iPad横屏(Landscape)界面设计尺寸规范

iPad在横屏(Landscape)模式下,界面区域元素主要由下图所示构成:

Image title


横屏主要尺寸:

宽度:1024px

高度:768px

状态栏(Status Bar)高度:20px

导航条(Nav Bar)高度:44px

主内容区域(Main Cotent Area)高度:655px

标签栏(Tab Bar)高度:49px

键盘高度:352px

Image title


第二部分:iPad在竖屏模式下,界面区域元素主要由下图所示构成:

Image title


竖屏主要尺寸:

宽度:768px

高度:1024px

状态栏(Status Bar)高度:20px

导航条(Nav Bar)高度:44px

主内容区域(Main Cotent Area)高度:911px

标签栏(Tab Bar)高度:49px

键盘高度:264px

 Image title

如果你是设计的尺寸是1536 x 2048px的: 与上面的对比关系如下:2倍的倍率

iPad         768 x 1024 pixels                             1024 x 768 pixels

                1536 x 2048 pixels (@2x)                   2048 x 1536 pixels (@2x)

 

 

APP store苹果应用市场上需要上传的截图要求:

72 dpi,RGB,扁平,不透明度

高质量的JPEG或PNG图像文件格式下列任何尺寸参考:
1024×748      像素的景观(无状态栏)最低

1024×768      像素的景观(全屏)最大

2048×1496   像素的高分辨率(无状态栏)最小

2048×1536   像素的高分辨率(全屏)最大

768×1004     像素的肖像(无状态栏)最小

768×1024    像素的肖像(全屏)最大

1536×2008   像素的高清晰度(无状态栏)最小

1536×2048   像素的高清晰度(全屏)最大

希望以上所有的ipad横屏和竖屏界面尺寸设计规范可以帮到各位APP设计师们。继续加油吧!

全部评论:1

  • 小丸子ing

    2017-11-26 11:43

    请问一下,iPad的设计要横屏竖屏都设计吗?

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票